/* Andamento dell'ente (/trend/<ente>): stili propri della pagina.
   La veste comune (apertura, schede, pannelli, tabelle) sta in scheda.css. */

.sc-trend {
  --sc-nd: #8A919B;
  --sc-info: #1A396B;
}

/* ---------- Apertura ---------- */
.sc-procedure { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px !important; }
.sc-verifiche-sintesi { margin-top: 14px !important; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; font-size: 0.88rem; color: var(--su-blu-tenue); }
.sc-apertura .sc-stato-riga { color: var(--su-blu); }

/* ---------- Tabelle: le intestazioni di riga sono testo normale ---------- */
.sc-trend .sc-tabella tbody th { text-transform: none; letter-spacing: 0; font-size: 0.9rem; font-weight: 600; color: var(--blu); white-space: nowrap; }
.sc-trend .sc-tabella th.sc-desc, .sc-trend .sc-tabella td.sc-desc { text-align: left; white-space: normal; min-width: 12em; }
.sc-trend .sc-tabella td.sc-desc small { display: block; color: var(--testo-tenue); font-size: 0.76rem; }
.sc-trend .sc-tabella thead th small { text-transform: none; letter-spacing: 0; font-weight: 400; }
.sc-trend .sc-tabella td, .sc-trend .sc-tabella th { white-space: nowrap; }
.sc-trend .sc-tabella h3 { margin-bottom: 4px; }
.sc-trend .sc-tabella h3 small { font-family: var(--sans); font-weight: 400; color: var(--testo-tenue); font-size: 0.8rem; }
.sc-trend .sc-tabella .sc-sottotitolo { margin-bottom: 8px; }
.sc-trend .sc-tabella table { margin-top: 6px; }
.sc-forte { font-weight: 700; }
.sc-tenue, .sc-trend tr.sc-tenue td, .sc-trend tr.sc-tenue th { color: var(--testo-tenue) !important; }
.sc-residuo { color: #9C2F2A; }
.sc-trend tr.sc-evidenza td, .sc-trend tr.sc-evidenza th { background: #FBF8F0; }
.sc-trend tr.sc-abitanti td, .sc-trend tr.sc-abitanti th { color: var(--testo-tenue); font-size: 0.84rem; }
.sc-trend tr.sc-procapite td, .sc-trend tr.sc-procapite th { background: #EEF2F8; font-weight: 700; color: var(--blu-medio); }
.sc-nascosto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sc-stretta { max-width: 520px; }

/* Valore con pallino di livello: il numero resta sempre scritto, il colore lo accompagna */
.sc-v { display: inline-flex; align-items: center; gap: 6px; }
.sc-v::before { content: ""; width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--c, transparent); }
.sc-v.buono { --c: var(--sc-regola); }
.sc-v.medio { --c: var(--sc-attenzione); }
.sc-v.basso { --c: var(--sc-critico); }
.sc-v.nd { --c: transparent; }
.sc-v.basso { color: #9C2F2A; }
.sc-legenda-v { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.8rem; color: var(--testo-tenue); margin: 10px 0 0 !important; }
.sc-legenda-v .sc-v.basso { color: var(--testo-tenue); }

/* Titolo di pannello con un dato a destra */
.sc-testa-pannello { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; }
.sc-testa-pannello > span { font-size: 0.88rem; font-weight: 600; }

/* ---------- Piccoli multipli ---------- */
.sc-legenda-linee { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 0.86rem; color: var(--testo-tenue); margin-bottom: 14px !important; }
.sc-legenda-linee span { display: inline-flex; align-items: center; gap: 8px; }
.sc-tratto { display: inline-block; width: 22px; height: 0; border-top: 3px solid; }
.sc-tratto.ente { border-color: #0F2246; }
.sc-tratto.fascia { border-color: #2F8F77; border-top-style: dashed; }
.sc-multipli { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.sc-multipli.piccoli { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin-bottom: 8px; }
.sc-mini { background: var(--bianco); border: 1px solid var(--linea); border-radius: 10px; padding: 16px 16px 8px; min-width: 0; display: flex; flex-direction: column; }
.sc-mini header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.sc-mini h3 { font-family: var(--sans); font-size: 0.95rem; font-weight: 700; color: var(--blu); line-height: 1.3; }
.sc-mini-cifra { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: 8px !important; }
.sc-mini-cifra strong { font-size: 1.6rem; font-weight: 600; color: var(--blu); line-height: 1.1; font-variant-numeric: tabular-nums; }
.sc-mini-cifra small { font-size: 0.8rem; color: var(--testo-tenue); }
.sc-mini-cifra .sc-var { font-weight: 600; }
.sc-mini-cifra .sc-var.miglioramento { color: #1F5E3C; }
.sc-mini-cifra .sc-var.peggioramento { color: #9C2F2A; }
.sc-mini-cifra .sc-var.stabile { color: #8A5210; }
.sc-mini-soglia { font-size: 0.8rem; color: var(--testo-tenue); margin-top: 2px !important; }
.sc-grafico.mini { height: 170px; margin-top: 4px; }

.sc-note-metodo { margin-top: 28px; font-size: 0.88rem; }
.sc-note-metodo p { margin-top: 8px !important; color: var(--testo); }
.sc-note-metodo h3 { margin-bottom: 4px; }
.sc-elenco { list-style: none; padding: 0; margin: 8px 0 8px; line-height: 1.75; }

.sc-nota-sopra { margin: -8px 0 14px !important; }
.sc-sottosezione.sc-primo { margin-top: 0 !important; }

/* ---------- Parametri di deficitarieta' ---------- */
.sc-verdetto { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; border-radius: 10px; padding: 16px 20px; margin-bottom: 24px; font-size: 0.95rem; }
.sc-verdetto strong { font-family: var(--serif); font-size: 1.35rem; font-weight: 600; }
.sc-verdetto.ok { background: var(--sc-regola-fondo); color: #1F5E3C; }
.sc-verdetto.critico { background: var(--sc-critico-fondo); color: #9C2F2A; }

.sc-griglia2.largo-sx { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: start; }
@media (max-width: 980px) { .sc-griglia2.largo-sx { grid-template-columns: minmax(0, 1fr); } }

.sc-righe { display: grid; gap: 2px; background: var(--linea); border: 1px solid var(--linea); border-radius: 10px; overflow: hidden; }
.sc-param, .sc-verifica { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 16px; align-items: center; background: var(--bianco); padding: 14px 18px; }
.sc-codice-tondo { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 0.85rem; }
.sc-codice-tondo.ok { background: var(--sc-regola-fondo); color: #1F5E3C; }
.sc-codice-tondo.critico { background: var(--sc-critico-fondo); color: #9C2F2A; }
.sc-codice-tondo.nd { background: #ECEDEF; color: #555B63; }
.sc-param-info strong, .sc-verifica-testo strong { display: block; color: var(--blu); font-size: 0.95rem; line-height: 1.35; }
.sc-param-info small, .sc-verifica-testo small { display: block; color: var(--testo-tenue); font-size: 0.8rem; margin-top: 2px; }
.sc-param-nota { font-style: italic; }
.sc-etichetta { display: inline-block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; padding: 1px 6px; border-radius: 3px; background: #E3ECF7; color: var(--blu-medio); vertical-align: middle; font-style: normal; }
.sc-barra { height: 6px; border-radius: 3px; background: #EEEBE3; margin-top: 8px; overflow: hidden; }
.sc-barra i { display: block; height: 100%; border-radius: 3px; background: var(--sc-regola); }
.sc-barra i.critico { background: var(--sc-critico); }
.sc-param-val, .sc-verifica-val { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 8.5em; }
.sc-param-val strong, .sc-verifica-val strong { font-size: 1.25rem; font-weight: 700; color: var(--blu); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-param-val strong.nd { color: var(--testo-tenue); }
.sc-param-val small, .sc-verifica-val small { font-size: 0.76rem; color: var(--testo-tenue); }
@media (max-width: 620px) {
  .sc-param, .sc-verifica { grid-template-columns: auto minmax(0, 1fr); }
  .sc-param-val, .sc-verifica-val { grid-column: 2; align-items: flex-start; text-align: left; min-width: 0; }
}

.sc-art204 .sc-grande { display: block; font-size: 2.6rem; font-weight: 700; color: var(--blu); line-height: 1.1; margin: 8px 0 4px; font-variant-numeric: tabular-nums; }
.sc-art204 > p { font-size: 0.9rem; color: var(--testo-tenue); margin-bottom: 8px !important; }
.sc-coppie { margin: 14px 0 6px; display: grid; gap: 6px; font-size: 0.86rem; }
.sc-coppie div { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--linea); padding-top: 6px; }
.sc-coppie dt { color: var(--testo-tenue); }
.sc-coppie dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.largo-sx .sc-pannello + .sc-pannello { margin-top: 16px; }

/* ---------- Verifiche dei revisori ---------- */
.sc-tessere.tre .sc-tessera .sc-stato-riga { display: flex; color: var(--testo); font-size: 0.82rem; }
.sc-tessere.tre .sc-tessera strong { font-size: 2rem; }
.sc-verifica > i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 700; font-size: 0.9rem; color: #fff; background: var(--c); }
.sc-verifica-testo .sc-rif { color: var(--sc-oro-segno); }
.sc-verifica-val .sc-stato-riga { margin-top: 2px; }

/* ---------- Griglia a tre ---------- */
.sc-griglia3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; }
.sc-trend .sc-pannello + .sc-nota, .sc-trend .sc-griglia2 + .sc-nota { margin-top: 12px; }
.sc-trend .sc-griglia2 + .sc-legenda-v, .sc-trend .sc-pannello + .sc-legenda-v { margin-top: 12px !important; }
.sc-trend .sc-pannello + .sc-pannello, .sc-trend .sc-legenda-v + .sc-pannello, .sc-trend .sc-nota + .sc-pannello, .sc-trend .sc-griglia3 + .sc-pannello, .sc-trend .sc-legenda-v + .sc-griglia2 { margin-top: 24px; }
.sc-categorie { gap: 16px; }

/* Dentro le griglie i pannelli stanno affiancati: niente margine tra fratelli */
.sc-trend .sc-griglia2 > .sc-pannello, .sc-trend .sc-griglia3 > .sc-pannello, .sc-trend .sc-griglia2 > div > .sc-pannello:first-child { margin-top: 0; }

/* Schede interne: sullo schermo largo vanno a capo e restano tutte visibili;
   a 400 px la barra scorre in orizzontale dentro di se', non la pagina */
.sc-trend .sc-tab { max-width: 100%; }
@media (min-width: 761px) { .sc-trend .sc-tab { flex-wrap: wrap; overflow-x: visible; } }
.sc-trend .sc-tab [role="tab"]:focus-visible { box-shadow: var(--fuoco); border-radius: 4px 4px 0 0; }
.sc-trend .sc-anni { row-gap: 8px; }

/* Tabelle affiancate: celle piu' strette perche' l'ultima colonna resti visibile */
.sc-trend .sc-categorie .sc-tabella th, .sc-trend .sc-categorie .sc-tabella td,
.sc-trend .sc-griglia3 .sc-tabella th, .sc-trend .sc-griglia3 .sc-tabella td,
.sc-trend .sc-griglia2.pari > .sc-tabella th, .sc-trend .sc-griglia2.pari > .sc-tabella td { padding: 7px 6px; }
.sc-trend .sc-categorie .sc-tabella thead th, .sc-trend .sc-griglia3 .sc-tabella thead th,
.sc-trend .sc-griglia2.pari > .sc-tabella thead th { letter-spacing: 0.02em; font-size: 0.7rem; }