/* Stili leggeri per le card della dashboard 
.cab-card{box-shadow:0 1px 3px rgba(0,0,0,.04);} */

/* Layout base */
.cab-dashboard{ --cab-text:#111; --cab-bg:#fff; --cab-muted:#6b7280; --cab-border:#e5e7eb;
  max-width: 1200px; margin: 2rem auto; padding: 0 1rem;
}
.cab-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}

/* Card sempre chiare, indipendente dal tema */
.cab-card{
  padding:16px; border:1px solid var(--cab-border); border-radius:12px;
  background:var(--cab-bg)!important; color:var(--cab-text)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}

/* Titoli e testi leggibili */
.cab-dashboard h1, .cab-dashboard h2, .cab-dashboard h3, .cab-dashboard label{
  color:var(--cab-text)!important; text-shadow:none;
}
.cab-card p, .cab-card li, .cab-card span, .cab-card strong{ color:var(--cab-text)!important; }
.cab-card em{ color:#374151!important; font-style:normal; }

/* Select / input / button sempre su fondo chiaro */
.cab-card select, .cab-card input, .cab-card button, .cab-card pre{
  background:#fff!important; color:#111!important; border:1px solid #d1d5db; border-radius:8px;
}
.cab-card select option{ color:#111!important; background:#fff!important; }
.cab-card button.button{ border:1px solid #1f2937; }

/* Area output copy */
#cab-output{ background:#f8fafc; border:1px solid #e5e7eb; padding:12px; min-height:56px; border-radius:8px; }

/* Lista suggerimenti: non “grigiata” dal tema */
#cab-suggestions p{ margin:.35rem 0; opacity:1!important; color:#111!important; }
#cab-suggestions em{ color:#0d9488!important; }

/* Chart: dimensione stabile */
#cab-forecast{ max-height:240px; }


/* CUSTOMIZE */
.cab-dashboard h1 {

    font-size: 30px !important;
}

.cab-dashboard h2 {

    font-size: 25px !important;
	text-transform: uppercase;
}

 .cab-dashboard h3 {

    font-size: 22px !important;
}

 .cab-dashboard label {

    font-size: 15px  !important;
     margin-bottom:0
}

.cab-card select, .cab-card input.cab-card pre {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #d1d5db;
    border-radius: 0px;
    padding:0 10px;
    font-size:15px !important;
}

button#cab-generate {margin-bottom: 20px;}

.cab-card button.button {
    border: 1px solid #1f2937;
    background-color: #1f2937 !important;
    color: #fff !important;
	border-radius:0 !important
}

.cab-card button.button:hover {
    border: 1px solid #1f2937;
    background-color: #fff !important;
    color: #1f2937 !important;
}

/* Select con freccia a destra */
.cab-card select {
  /* reset freccia di sistema */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* spazio per l’icona */
  padding-right: 36px !important;
  line-height: 1.25;

  /* icona a triangolo che punta in giù */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' aria-hidden='true'>\
<path d='M1 1l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px 8px !important;

  /* bordo/hover/focus coerenti */
  transition: border-color .15s, box-shadow .15s;
}
.cab-card select:focus {
  outline: none;
  border-color: #0ea5e9; /* azzurrino focus */
  box-shadow: 0 0 0 3px rgba(14,165,233,.15);
}

/* rimuove la freccia legacy in IE/vecchi Edge */
.cab-card select::-ms-expand { display: none; }

/* stato disabilitato */
.cab-card select:disabled {
  color: #9ca3af !important;
  background-color: #f3f4f6 !important;
  cursor: not-allowed;
  background-image: none; /* opzionale */
}


.cab-card {
    border-radius: 0 !important;
}

.cab-widgets {
    gap: 10px !important;
}

div#cab-suggestions p {
    font-size: 14px;
    padding-bottom: 14px;
}

pre#cab-output {
    border-radius: 0 !important;
    /* border-color: #000; */
}

#cab-copy-wrap{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:8px;
}

#cab-copy-btn.button{
  border:1px solid #1f2937; /* coerente con i tuoi bottoni */
}

.cab-copy-status{
  font-weight:600;
  color:#059669;           /* verde success */
  opacity:0;
  transform:translateY(2px);
  transition:opacity .18s ease, transform .18s ease;
}
.cab-copy-status.show{
  opacity:1;
  transform:translateY(0);
}


.cab-generate-row{
  display:flex;
  align-items:center;
  gap:8px;
}

/* Spinner minimal */
.cab-spinner{
  width:16px; height:16px;
  border:2px solid #1f2937;          /* grigio scuro coerente coi bottoni */
  border-right-color: transparent;    /* “buco” per effetto spinner */
  border-radius:50%;
  animation: cab-spin .6s linear infinite;
}

@keyframes cab-spin {
  to { transform: rotate(360deg); }
}
.cab-card.previsioni {
    margin-top: 10px !important;
	margin-bottom: 10px !important;
}