/* /Components/AnelloCategorie.razor.rz.scp.css */
/* B5 — anello categorie A/B. Colori spec: Cat. A #AFA9EC · Cat. B #5DCAA5. */
.anello[b-81amk5zfha] {
    padding: calc(var(--space) * 2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}

.anello__titolo[b-81amk5zfha] {
    margin: 0 0 calc(var(--space) * 1.5);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
}

.anello__body[b-81amk5zfha] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * 2.5);
    flex-wrap: wrap;
}

.anello__svg[b-81amk5zfha] { width: 160px; height: 160px; flex-shrink: 0; }

.anello__slice--a[b-81amk5zfha] { fill: #AFA9EC; }
.anello__slice--b[b-81amk5zfha] { fill: #5DCAA5; }

.anello__center-label[b-81amk5zfha] {
    text-anchor: middle;
    font-family: var(--font-data);
    font-size: 11px;
    fill: var(--text-muted);
}
.anello__center-value[b-81amk5zfha] {
    text-anchor: middle;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    fill: var(--text);
}

.anello__legenda[b-81amk5zfha] { display: flex; flex-direction: column; gap: calc(var(--space) * 1); }

.anello__item[b-81amk5zfha] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * .75);
    font-size: .9rem;
}
.anello__item strong[b-81amk5zfha] { font-family: var(--font-data); }
.anello__dot[b-81amk5zfha] { width: 12px; height: 12px; border-radius: 3px; }
.anello__dot--a[b-81amk5zfha] { background: #AFA9EC; }
.anello__dot--b[b-81amk5zfha] { background: #5DCAA5; }
.anello__pct[b-81amk5zfha] { color: var(--text-muted); font-size: .82rem; }

/* Micro-indicatore contenzioso (B5, §5.2): discreto, sotto la legenda. */
.anello__micro[b-81amk5zfha] {
    margin-top: calc(var(--space) * .75);
    padding-top: calc(var(--space) * .75);
    border-top: 1px dashed var(--border);
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: calc(var(--space) * .5);
    font-size: .8rem;
    color: var(--text-muted);
}
.anello__micro-label[b-81amk5zfha] {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .7rem;
}
.anello__micro-val[b-81amk5zfha] { font-family: var(--font-data); color: var(--text); }
.anello__micro-sep[b-81amk5zfha] { opacity: .5; }

.anello__empty[b-81amk5zfha] { color: var(--text-muted); font-size: .9rem; }
/* /Components/AreaEconomicoPnn.razor.rz.scp.css */
.area-eco[b-fb5df3j2ye] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


.area-eco__loading[b-fb5df3j2ye],
.area-eco__empty[b-fb5df3j2ye] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.area-eco__scroll[b-fb5df3j2ye] {
    overflow-x: auto;
}

.area-eco__note[b-fb5df3j2ye] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* --- Tabella --- */

.eco-table[b-fb5df3j2ye] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.eco-table th[b-fb5df3j2ye],
.eco-table td[b-fb5df3j2ye] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.eco-table thead th[b-fb5df3j2ye] {
    font-family: var(--font-display);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
    line-height: 1.25;
}

/* Due righe nell'intestazione: line1 in alto, line2 in basso */
.eco-table thead th .th-line1[b-fb5df3j2ye],
.eco-table thead th .th-line2[b-fb5df3j2ye] {
    display: block;
}

.eco-table thead th .th-line2[b-fb5df3j2ye] {
    opacity: .75;
}

.eco-table thead th.col-area[b-fb5df3j2ye] { text-align: left; }

.eco-table tbody tr:hover[b-fb5df3j2ye] {
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
}

.col-num[b-fb5df3j2ye] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .82rem;
}

.td-area[b-fb5df3j2ye] {
    font-weight: 500;
    font-family: var(--font-body);
    font-size: .875rem;
}

.area-codice[b-fb5df3j2ye] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-passivi) 12%, transparent);
    color: var(--accent-passivi);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-variant-numeric: normal;
    font-family: var(--font-display);
}

/* Colonne calcolate A, B, A+B — leggero sfondo per distinguerle */

.col-a[b-fb5df3j2ye] {
    background: color-mix(in srgb, var(--accent-passivi) 5%, transparent);
    font-weight: 600;
}

.col-b[b-fb5df3j2ye] {
    background: color-mix(in srgb, var(--accent-passivi) 5%, transparent);
}

.col-apb[b-fb5df3j2ye] {
    background: color-mix(in srgb, var(--accent-passivi) 10%, transparent);
    font-weight: 700;
}

/* --- Riga totale --- */

.eco-totalrow th[b-fb5df3j2ye],
.eco-totalrow td[b-fb5df3j2ye] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.eco-totalrow .col-apb[b-fb5df3j2ye] {
    font-size: .9rem;
}
/* /Components/BadgeSigla.razor.rz.scp.css */
/* Pill sigla catalogo — discreta, coerente con la palette (token). Inline-block:
   si integra in qualunque header senza posizionamento assoluto (header eterogenei). */
.badge-sigla[b-ins7dzc2sp] {
    /* Angolo alto-destra dell'header: condivide la riga del titolo, non una riga propria. */
    float: right;
    margin: 0 0 calc(var(--space) * .5) calc(var(--space));
    padding: calc(var(--space) * .2) calc(var(--space) * .8);
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--accent-passivi, #2a5db0) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-passivi, #2a5db0) 35%, transparent);
    color: var(--text-muted);
    font-family: var(--font-display, inherit);
    font-weight: 700;
    font-size: .7rem;
    letter-spacing: .04em;
    line-height: 1.2;
}
/* /Components/CampanellaAttenzione.razor.rz.scp.css */
/* Campanella B1 (WI-22): icona in header, badge contatore. Toni sobri, nessuna animazione. */

.campanella[b-ak6ws0nwwf] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    border-radius: var(--radius);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s;
}

.campanella:hover[b-ak6ws0nwwf] { color: var(--text); border-color: var(--border); }
.campanella:focus-visible[b-ak6ws0nwwf] { outline: 2px solid var(--accent-panoramica); outline-offset: 2px; }

/* Con alert attivi: icona in evidenza discreta */
.campanella--attiva[b-ak6ws0nwwf] { color: var(--text); }

.campanella__badge[b-ak6ws0nwwf] {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: #E24B4A;
    color: #fff;
    font-family: var(--font-data);
    font-size: .68rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
}
/* /Components/CausaDanniPnn.razor.rz.scp.css */
.causa-danni[b-4xjo6xu8qn] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


.causa-danni__loading[b-4xjo6xu8qn],
.causa-danni__empty[b-4xjo6xu8qn] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.causa-danni__scroll[b-4xjo6xu8qn] {
    overflow-x: auto;
}

.causa-danni__note[b-4xjo6xu8qn] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* --- Tabella --- */

.cd-table[b-4xjo6xu8qn] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.cd-table th[b-4xjo6xu8qn],
.cd-table td[b-4xjo6xu8qn] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.cd-table thead th[b-4xjo6xu8qn] {
    font-family: var(--font-display);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
    line-height: 1.25;
}

.cd-table thead th.col-tipo[b-4xjo6xu8qn] { text-align: left; }

.cd-table tbody tr:hover[b-4xjo6xu8qn] {
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
}

.col-num[b-4xjo6xu8qn] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .82rem;
}

.td-tipo[b-4xjo6xu8qn] {
    font-weight: 500;
    font-family: var(--font-body);
    font-size: .875rem;
}

/* --- Riga totale --- */

.cd-totalrow th[b-4xjo6xu8qn],
.cd-totalrow td[b-4xjo6xu8qn] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}
/* /Components/ComposizionePnn.razor.rz.scp.css */
.composizione-pnn[b-endpu5gzd9] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}


.composizione-pnn__loading[b-endpu5gzd9] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
}

/* Contenitore con scroll orizzontale: 11 colonne entrano strette */
.composizione-pnn__scroll[b-endpu5gzd9] {
    overflow-x: auto;
    margin-top: calc(var(--space) * 2.5);
}

/* --- TABELLA --- */
.comp-table[b-endpu5gzd9] {
    border-collapse: collapse;
    width: max-content;
    min-width: 100%;
    font-family: var(--font-body);
}

.comp-table thead th[b-endpu5gzd9] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted);
    border-bottom: 2px solid var(--border);
    white-space: nowrap;
}

.comp-table .num[b-endpu5gzd9] {
    text-align: right;
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: .9rem;
    padding: calc(var(--space) * 1) calc(var(--space) * 1.2);
    white-space: nowrap;
    vertical-align: top;
    min-width: 72px;
}

.th-status[b-endpu5gzd9] {
    text-align: left;
    font-weight: 500;
    color: var(--text);
    padding: calc(var(--space) * 1) calc(var(--space) * 1.5);
    white-space: nowrap;
}

.comp-table tbody tr[b-endpu5gzd9] { border-bottom: 1px solid var(--border); }
.comp-table tbody tr:hover[b-endpu5gzd9] { background: #FBFCFD; }

/* Cella con dati: conteggio + % su due righe */
.cell-n[b-endpu5gzd9] {
    display: block;
    font-weight: 600;
    font-size: .92rem;
    color: var(--text);
    line-height: 1.2;
}

.cell-pct[b-endpu5gzd9] {
    display: block;
    font-size: .72rem;
    color: var(--text-muted);
    margin-top: 2px;
}

.cell-dash[b-endpu5gzd9] { color: #C2C8D2; }

.num--zero[b-endpu5gzd9] { color: #C2C8D2; }
.num--rowtotal[b-endpu5gzd9] { font-weight: 600; color: var(--text); }

.th-total[b-endpu5gzd9] { border-left: 1px solid var(--border); }
.num--rowtotal[b-endpu5gzd9] { border-left: 1px solid var(--border); }

/* Riga totali */
.composizione-pnn__totalrow[b-endpu5gzd9] { border-top: 2px solid var(--text); }

.composizione-pnn__totalrow .th-status[b-endpu5gzd9],
.composizione-pnn__totalrow .num[b-endpu5gzd9] {
    font-weight: 700;
    color: var(--text);
    padding-top: calc(var(--space) * 1.5);
}

.num--grandtotal[b-endpu5gzd9] {
    color: var(--accent-pnn);
    font-size: 1.05rem;
    border-left: 1px solid var(--border);
}

/* --- PALLINI STATUS --- */
.status-dot[b-endpu5gzd9] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    background: var(--text-muted);
}

.status-dot--pagata[b-endpu5gzd9]         { background: var(--status-pagata); }
.status-dot--rigettata[b-endpu5gzd9]      { background: var(--status-rigettata); }
.status-dot--contenzioso[b-endpu5gzd9]    { background: var(--status-contenzioso); }
.status-dot--in-lavorazione[b-endpu5gzd9] { background: var(--status-lavorazione); }
/* /Components/ContenziosoEsiti.razor.rz.scp.css */
.cont-esiti[b-gop6o86lbm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


.cont-esiti__loading[b-gop6o86lbm],
.cont-esiti__empty[b-gop6o86lbm] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.cont-esiti__scroll[b-gop6o86lbm] {
    overflow-x: auto;
}

.cont-esiti__note[b-gop6o86lbm] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* --- Tabella --- */

.ce-table[b-gop6o86lbm] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.ce-table th[b-gop6o86lbm],
.ce-table td[b-gop6o86lbm] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.ce-table thead th[b-gop6o86lbm] {
    font-family: var(--font-display);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
}

.ce-table thead th.col-esito[b-gop6o86lbm] { text-align: left; }

.col-num[b-gop6o86lbm] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .82rem;
}

.td-esito[b-gop6o86lbm] {
    font-weight: 500;
    font-family: var(--font-body);
    font-size: .875rem;
    padding-left: calc(var(--space) * 2);
}

/* --- Intestazione blocco (stato contenzioso) --- */

.ce-blk-head th[b-gop6o86lbm] {
    text-align: left;
    font-family: var(--font-display);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--accent-pg);
    background: color-mix(in srgb, var(--accent-pg) 8%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--accent-pg) 30%, var(--border));
}

/* --- Riga subtotale blocco --- */

.ce-subtot th[b-gop6o86lbm],
.ce-subtot td[b-gop6o86lbm] {
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-pg) 4%, transparent);
    border-bottom: 2px solid color-mix(in srgb, var(--accent-pg) 25%, var(--border));
}

.ce-subtot th[b-gop6o86lbm] {
    text-align: left;
    font-family: var(--font-body);
}

/* --- Riga totale complessivo --- */

.ce-totalrow th[b-gop6o86lbm],
.ce-totalrow td[b-gop6o86lbm] {
    font-weight: 700;
    font-size: .9rem;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.ce-totalrow th[b-gop6o86lbm] { text-align: left; }

/* Sintesi definiti (sentenza vs accordo sui soli definiti) — nodo #102 */
.ce-sintesi[b-gop6o86lbm] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(var(--space) * 1.5);
    margin: calc(var(--space) * 1.5) 0 calc(var(--space));
    padding: calc(var(--space) * 1.25) calc(var(--space) * 1.75);
    background: color-mix(in srgb, var(--accent-pg) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-pg) 28%, transparent);
    border-radius: var(--radius);
    font-size: .9rem;
}

.ce-sintesi__tit[b-gop6o86lbm] {
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .75rem;
    color: var(--accent-pg);
}

.ce-sintesi__extra[b-gop6o86lbm] { color: var(--text-muted); }
/* /Components/CostoPvArea.razor.rz.scp.css */
.costo-pv[b-5mnom27on8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


.costo-pv__loading[b-5mnom27on8],
.costo-pv__empty[b-5mnom27on8] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.costo-pv__scroll[b-5mnom27on8] {
    overflow-x: auto;
}

.costo-pv__note[b-5mnom27on8] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* --- Tabella --- */

.cpv-table[b-5mnom27on8] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.cpv-table th[b-5mnom27on8],
.cpv-table td[b-5mnom27on8] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.cpv-table thead th[b-5mnom27on8] {
    font-family: var(--font-display);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
    line-height: 1.25;
}

/* Due righe nell'intestazione: line1 in alto, line2 in basso */
.cpv-table thead th .th-line1[b-5mnom27on8],
.cpv-table thead th .th-line2[b-5mnom27on8] {
    display: block;
}

.cpv-table thead th .th-line2[b-5mnom27on8] {
    opacity: .75;
}

.cpv-table thead th.col-area[b-5mnom27on8] { text-align: left; }

.cpv-table tbody tr:hover[b-5mnom27on8] {
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
}

.col-num[b-5mnom27on8] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .82rem;
}

.td-area[b-5mnom27on8] {
    font-weight: 500;
    font-family: var(--font-body);
    font-size: .875rem;
}

.area-codice[b-5mnom27on8] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-passivi) 12%, transparent);
    color: var(--accent-passivi);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-variant-numeric: normal;
    font-family: var(--font-display);
}

/* Colonna Costo per PV — esito di sintesi, leggero risalto */

.col-costo[b-5mnom27on8] {
    background: color-mix(in srgb, var(--accent-passivi) 10%, transparent);
    font-weight: 700;
}

/* --- Riga totale --- */

.cpv-totalrow th[b-5mnom27on8],
.cpv-totalrow td[b-5mnom27on8] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.cpv-totalrow .col-costo[b-5mnom27on8] {
    font-size: .9rem;
}

/* Avviso parametri ALCO mancanti per l'anno selezionato (nodo calcolo 1c) */
.costo-pv__avviso[b-5mnom27on8] {
    margin: 0 0 calc(var(--space) * 2);
    padding: calc(var(--space) * 1.25) calc(var(--space) * 1.75);
    background: color-mix(in srgb, #d68910 14%, transparent);
    border: 1px solid color-mix(in srgb, #d68910 42%, transparent);
    border-radius: var(--radius);
    color: #9c6a0c;
    font-size: .88rem;
}

.costo-pv__avviso a[b-5mnom27on8] { color: inherit; font-weight: 600; }
/* /Components/DettaglioSinistriModale.razor.rz.scp.css */
/* Backdrop a schermo intero — click fuori dal box chiude la modale */
.ddm-backdrop[b-1ozuyua4px] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* Box modale */
.ddm-modale[b-1ozuyua4px] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    width: min(96vw, 1100px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Header */
.ddm-header[b-1ozuyua4px] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem 0.75rem;
    border-bottom: 1px solid #E3E7ED;
    flex-shrink: 0;
}

.ddm-titolo[b-1ozuyua4px] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text, #1A2B3C);
    margin: 0;
}

.ddm-chiudi[b-1ozuyua4px] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6B7A8D;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    line-height: 1;
}
.ddm-chiudi:hover[b-1ozuyua4px] { background: #F0F2F5; color: #1A2B3C; }

/* Nota "Prime 50 righe" */
.ddm-nota[b-1ozuyua4px] {
    font-size: 0.8rem;
    color: #6B7A8D;
    margin: 0.5rem 1.25rem 0;
    flex-shrink: 0;
}

/* Stato loading / errore / vuoto */
.ddm-stato[b-1ozuyua4px] {
    padding: 2rem 1.25rem;
    text-align: center;
    color: #6B7A8D;
    font-size: 0.9rem;
}
.ddm-stato--errore[b-1ozuyua4px] { color: #C0392B; }

/* Tabella scrollabile */
.ddm-scroll[b-1ozuyua4px] {
    overflow: auto;
    flex: 1;
    padding: 0.75rem 1.25rem;
}

.ddm-table[b-1ozuyua4px] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.ddm-table th[b-1ozuyua4px],
.ddm-table td[b-1ozuyua4px] {
    padding: 0.35rem 0.6rem;
    text-align: left;
    border-bottom: 1px solid #E3E7ED;
    white-space: nowrap;
}
.ddm-table th[b-1ozuyua4px] {
    font-weight: 600;
    font-size: 0.78rem;
    color: #6B7A8D;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.ddm-table tbody tr:hover[b-1ozuyua4px] { background: #F7F9FC; }
.ddm-table td.num[b-1ozuyua4px] { text-align: right; font-variant-numeric: tabular-nums; }
.ddm-table td.mono[b-1ozuyua4px] { font-family: monospace; font-size: 0.78rem; }

/* Footer con bottone CSV */
.ddm-footer[b-1ozuyua4px] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid #E3E7ED;
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.ddm-btn-csv[b-1ozuyua4px] {
    display: inline-block;
    padding: 0.45rem 1rem;
    background: #0B4F9E;
    color: #fff;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
}
.ddm-btn-csv:hover[b-1ozuyua4px] { background: #083d7a; }
/* /Components/EconomicoAttivoPlaceholder.razor.rz.scp.css */
.econ-ph[b-otxz0vghej] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.econ-ph__box[b-otxz0vghej] {
    border: 1px dashed color-mix(in srgb, var(--text-muted) 45%, transparent);
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--text-muted) 5%, transparent);
    padding: calc(var(--space) * 3);
    max-width: 70ch;
}

.econ-ph__badge[b-otxz0vghej] {
    display: inline-block;
    font-family: var(--font-data);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--text-muted) 15%, transparent);
    border-radius: var(--radius);
    padding: 3px 10px;
    margin-bottom: calc(var(--space) * 1.5);
}

.econ-ph__testo[b-otxz0vghej] {
    font-size: .92rem;
    line-height: 1.6;
    color: var(--text);
    margin: 0 0 calc(var(--space) * 1.5);
}

.econ-ph__sub[b-otxz0vghej] {
    font-size: .85rem;
    line-height: 1.5;
    color: var(--text-muted);
    margin: 0;
}
/* /Components/FlussoPratiche.razor.rz.scp.css */
/* B4 — flusso: barre aperture. Colore aperture spec #B5D4F4. */
.flusso[b-yhpt1u40vc] {
    padding: calc(var(--space) * 2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}

.flusso__titolo[b-yhpt1u40vc] {
    margin: 0 0 calc(var(--space) * 1.5);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
}

.flusso__chart[b-yhpt1u40vc] {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--space) * .5);
    height: 160px;
    padding-bottom: 20px;
    position: relative;
}

.flusso__col[b-yhpt1u40vc] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    min-width: 0;
    position: relative;
}

.flusso__bar[b-yhpt1u40vc] {
    width: 70%;
    max-width: 28px;
    min-height: 2px;
    background: #B5D4F4;
    border-radius: 2px 2px 0 0;
    transition: height .2s;
}

.flusso__x[b-yhpt1u40vc] {
    position: absolute;
    bottom: -18px;
    font-family: var(--font-data);
    font-size: .68rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.flusso__note[b-yhpt1u40vc]  { margin: calc(var(--space) * 1.5) 0 0; font-size: .78rem; color: var(--text-muted); }
.flusso__empty[b-yhpt1u40vc] { color: var(--text-muted); font-size: .9rem; }
/* /Components/GraficoAndamentoPnn.razor.rz.scp.css */
.andamento-pnn[b-yb3onc63fq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
    margin-top: calc(var(--space) * 3);
}

.badge-confirm[b-yb3onc63fq] {
    color: var(--status-lavorazione);
    font-style: italic;
}

.andamento-pnn__loading[b-yb3onc63fq] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

.grafico-wrapper[b-yb3onc63fq] {
    overflow-x: auto;
    margin-top: calc(var(--space) * 1.5);
}

.grafico-svg[b-yb3onc63fq] {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
}

/* Legende */
.legenda-combo[b-yb3onc63fq],
.legenda-importi[b-yb3onc63fq] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    font-family: var(--font-data);
    font-size: .75rem;
    color: var(--text-muted);
    margin-bottom: calc(var(--space) * .5);
}

.legenda-bar[b-yb3onc63fq]  { color: var(--accent-pnn); }
.legenda-line[b-yb3onc63fq] { color: var(--status-rigettata); }
.legenda-prev[b-yb3onc63fq] { color: var(--accent-pnn); }
.legenda-liq[b-yb3onc63fq]  { color: var(--status-pagata); }
.legenda-sav[b-yb3onc63fq]  { color: var(--accent-pg); }

/* Etichette assi SVG */
.ax-lbl[b-yb3onc63fq] {
    font-family: var(--font-data);
    font-size: 9px;
    fill: var(--text-muted);
}

.ax-lbl--l[b-yb3onc63fq] { text-anchor: end; }
.ax-lbl--r[b-yb3onc63fq] { text-anchor: start; }

/* Barre volume */
.bar-vol[b-yb3onc63fq] {
    fill: var(--accent-pnn);
    opacity: .82;
}

.bar-lbl[b-yb3onc63fq] {
    font-family: var(--font-data);
    font-size: 8px;
    fill: var(--text-muted);
    text-anchor: middle;
}

/* Linea tasso */
.line-tasso[b-yb3onc63fq] {
    stroke: var(--status-rigettata);
    stroke-width: 2;
    stroke-linejoin: round;
    fill: none;
}

.dot-tasso[b-yb3onc63fq] {
    fill: var(--status-rigettata);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.tasso-lbl[b-yb3onc63fq] {
    font-family: var(--font-data);
    font-size: 8px;
    fill: var(--status-rigettata);
    text-anchor: middle;
    font-weight: 600;
}

/* Etichette asse X */
.x-lbl[b-yb3onc63fq] {
    font-family: var(--font-data);
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
}

/* Grafico importi */
.saving-area[b-yb3onc63fq] {
    fill: color-mix(in srgb, var(--accent-pg) 22%, transparent);
}

.line-preventivo[b-yb3onc63fq] {
    stroke: var(--accent-pnn);
    stroke-width: 2.5;
    stroke-linejoin: round;
    fill: none;
}

.line-liquidazione[b-yb3onc63fq] {
    stroke: var(--status-pagata);
    stroke-width: 2.5;
    stroke-linejoin: round;
    fill: none;
}

.dot-prev[b-yb3onc63fq] {
    fill: var(--accent-pnn);
    stroke: var(--surface);
    stroke-width: 1.5;
}

.dot-liq[b-yb3onc63fq] {
    fill: var(--status-pagata);
    stroke: var(--surface);
    stroke-width: 1.5;
}
/* /Components/GraficoCausaAssetAttivo.razor.rz.scp.css */
.causa-asset[b-8ye1yso5ou] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.causa-asset__loading[b-8ye1yso5ou] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

.causa-asset__nota[b-8ye1yso5ou] {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--accent-attivi) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-attivi) 25%, transparent);
    border-radius: var(--radius);
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    margin: 0 0 calc(var(--space) * 2);
}

.causa-asset__badge[b-8ye1yso5ou] {
    display: inline-block;
    font-family: var(--font-data);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--accent-attivi);
    background: color-mix(in srgb, var(--accent-attivi) 15%, transparent);
    border-radius: var(--radius);
    padding: 2px 8px;
    margin-right: calc(var(--space));
}

.causa-asset__bars[b-8ye1yso5ou] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.25);
}

.causa-asset__row[b-8ye1yso5ou] {
    display: grid;
    grid-template-columns: 220px 1fr 130px;
    gap: calc(var(--space) * 1.5);
    align-items: center;
}

.causa-asset__label[b-8ye1yso5ou] {
    font-family: var(--font-body);
    font-size: .85rem;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.causa-asset__track[b-8ye1yso5ou] {
    background: color-mix(in srgb, var(--border) 50%, transparent);
    border-radius: var(--radius);
    height: 18px;
    overflow: hidden;
}

.causa-asset__bar[b-8ye1yso5ou] {
    height: 100%;
    background: var(--accent-attivi);
    border-radius: var(--radius);
    min-width: 2px;
}

.causa-asset__val[b-8ye1yso5ou] {
    font-family: var(--font-data);
    font-size: .78rem;
    color: var(--text-muted);
    text-align: right;
}

/* Categorie generiche (NC / ALTRO): grigie, per onestà del dato */
.causa-asset__row--generica .causa-asset__label[b-8ye1yso5ou] { color: var(--text-muted); font-style: italic; }
.causa-asset__row--generica .causa-asset__bar[b-8ye1yso5ou]   { background: var(--text-muted); opacity: .55; }
/* /Components/GraficoDanniTipologia.razor.rz.scp.css */
.danni-tip[b-0dpne3jn4b] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-passivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
    margin-top: calc(var(--space) * 3);
}

.danni-tip__loading[b-0dpne3jn4b] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Legenda sopra ogni grafico */
.danni-tip__legenda[b-0dpne3jn4b] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    font-family: var(--font-data);
    font-size: .75rem;
    margin-bottom: calc(var(--space) * .5);
}

/* Palette non valutativa (#53): due toni distinti ma entrambi neutri.
   Coerenti con la torta saving PNN per familiarità visiva.
   Il rosso accent-passivi resta SOLO all'identità della vista (bordo top, tab), mai nelle serie-dato. */
.danni-tip__leg--fisico[b-0dpne3jn4b]    { color: #0B4F9E; }   /* navy — stesso di TortaSaving rigettati */
.danni-tip__leg--materiale[b-0dpne3jn4b] { color: #2A9D8F; }   /* teal  — stesso di TortaSaving risparmio */
.danni-tip__leg--nc[b-0dpne3jn4b]        { color: #B0BCCC; }   /* grigio smorzato */

/* Barre SVG */
.bar-fisico[b-0dpne3jn4b]    { fill: #0B4F9E; opacity: .85; }
.bar-materiale[b-0dpne3jn4b] { fill: #2A9D8F; opacity: .85; }
.bar-nc[b-0dpne3jn4b]        { fill: #B0BCCC; opacity: .85; }
/* /Components/GraficoGeografiaAttivo.razor.rz.scp.css */
.geo-attivo[b-5knxcqhx31] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.geo-attivo__loading[b-5knxcqhx31] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

.geo-attivo__scroll[b-5knxcqhx31] { overflow-x: auto; }

.geo-attivo__table[b-5knxcqhx31] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.geo-attivo__table th[b-5knxcqhx31],
.geo-attivo__table td[b-5knxcqhx31] {
    padding: calc(var(--space) * 1) calc(var(--space) * 1.5);
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.geo-attivo__table th[b-5knxcqhx31] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.geo-attivo__table td.num[b-5knxcqhx31],
.geo-attivo__table th.num[b-5knxcqhx31] {
    text-align: right;
    font-family: var(--font-data);
}

.geo-attivo__table tbody tr:hover[b-5knxcqhx31] { background: color-mix(in srgb, var(--accent-attivi) 5%, transparent); }

.geo-attivo__row--nl td[b-5knxcqhx31] { color: var(--text-muted); font-style: italic; }

.geo-attivo__table tfoot td[b-5knxcqhx31] {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text);
    border-top: 2px solid var(--border);
    border-bottom: none;
}
/* /Components/GraficoImputabilitaAttivo.razor.rz.scp.css */
.imput-attivo[b-8vit7yfgwm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.imput-attivo__loading[b-8vit7yfgwm] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Nota "da validare Fabio" */
.imput-attivo__nota[b-8vit7yfgwm] {
    font-size: .82rem;
    line-height: 1.5;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--status-lavorazione) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--status-lavorazione) 30%, transparent);
    border-radius: var(--radius);
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    margin: 0 0 calc(var(--space) * 2);
}

.imput-attivo__badge[b-8vit7yfgwm] {
    display: inline-block;
    font-family: var(--font-data);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--status-lavorazione);
    background: color-mix(in srgb, var(--status-lavorazione) 15%, transparent);
    border-radius: var(--radius);
    padding: 2px 8px;
    margin-right: calc(var(--space));
}

.imput-attivo__body[b-8vit7yfgwm] {
    display: flex;
    gap: calc(var(--space) * 4);
    flex-wrap: wrap;
    align-items: center;
}

.imput-attivo__viz[b-8vit7yfgwm] { flex: 0 0 200px; }
.imput-attivo__svg[b-8vit7yfgwm] { width: 200px; height: 200px; }

.imput-attivo__center-label[b-8vit7yfgwm] {
    text-anchor: middle;
    font-family: var(--font-data);
    font-size: 10px;
    fill: var(--text-muted);
}
.imput-attivo__center-value[b-8vit7yfgwm] {
    text-anchor: middle;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    fill: var(--text);
}

.imput-attivo__slice--noti[b-8vit7yfgwm],
.imput-attivo__dot--noti[b-8vit7yfgwm]        { fill: var(--accent-attivi); background: var(--accent-attivi); }
.imput-attivo__slice--accettatori[b-8vit7yfgwm],
.imput-attivo__dot--accettatori[b-8vit7yfgwm] { fill: var(--accent-pnn); background: var(--accent-pnn); }
.imput-attivo__slice--ignoti[b-8vit7yfgwm],
.imput-attivo__dot--ignoti[b-8vit7yfgwm]      { fill: var(--status-rigettata); background: var(--status-rigettata); }

.imput-attivo__legenda[b-8vit7yfgwm] {
    flex: 1 1 260px;
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.5);
}

.imput-attivo__item[b-8vit7yfgwm] {
    display: flex;
    gap: calc(var(--space) * 1.5);
    align-items: flex-start;
}

.imput-attivo__dot[b-8vit7yfgwm] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-top: 4px;
    flex: 0 0 auto;
}

.imput-attivo__item-label[b-8vit7yfgwm] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .95rem;
    color: var(--text);
    margin: 0;
}
.imput-attivo__item-sub[b-8vit7yfgwm] {
    font-family: var(--font-data);
    font-size: .78rem;
    color: var(--text-muted);
    margin: 2px 0 0;
}

.imput-attivo__total[b-8vit7yfgwm] {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--border);
    padding-top: calc(var(--space) * 1.5);
    margin-top: calc(var(--space) * .5);
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text);
}
/* /Components/GraficoLegaleAndamento.razor.rz.scp.css */
.land[b-j207e3t6vg] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pg);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
    margin-top: calc(var(--space) * 3);
}

.land__loading[b-j207e3t6vg] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Legenda */
.land__legenda[b-j207e3t6vg] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    font-family: var(--font-data);
    font-size: .75rem;
    margin: calc(var(--space) * 1.5) 0 0;
}

.land__leg--cdp[b-j207e3t6vg] { color: #B8860B; }
.land__leg--cdr[b-j207e3t6vg] { color: #2A9D8F; }

/* SVG */
.land__svg[b-j207e3t6vg] {
    display: block;
    width: 100%;
    max-height: 200px;
    margin-top: calc(var(--space) * 1.5);
}

/* Linee */
.land__line--cdp[b-j207e3t6vg] {
    stroke: #B8860B;
    stroke-width: 2.5;
    stroke-linejoin: round;
    fill: none;
}

.land__line--cdr[b-j207e3t6vg] {
    stroke: #2A9D8F;
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-dasharray: 6 3;
    fill: none;
}

/* Dots */
.land__dot--cdp[b-j207e3t6vg] {
    fill: #B8860B;
    stroke: var(--surface);
    stroke-width: 1.5;
}

.land__dot--cdr[b-j207e3t6vg] {
    fill: #2A9D8F;
    stroke: var(--surface);
    stroke-width: 1.5;
}

/* Tabella */
.land__tabella-wrap[b-j207e3t6vg] {
    overflow-x: auto;
    margin-top: calc(var(--space) * 2.5);
}

.land__tabella[b-j207e3t6vg] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-data);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.land__tabella th[b-j207e3t6vg] {
    text-align: right;
    padding: 6px 10px;
    border-bottom: 2px solid var(--border);
    color: var(--text-muted);
    font-weight: 600;
    white-space: nowrap;
}

.land__tabella th:first-child[b-j207e3t6vg] { text-align: left; }

.land__tabella td[b-j207e3t6vg] {
    text-align: right;
    padding: 5px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}

.land__tabella td:first-child[b-j207e3t6vg] { text-align: left; font-weight: 600; }

.land__tabella tbody tr:hover[b-j207e3t6vg] { background: var(--bg); }

.land__th--cdp[b-j207e3t6vg]  { color: #B8860B; }
.land__th--cdr[b-j207e3t6vg]  { color: #2A9D8F; }
.land__num--cdp[b-j207e3t6vg] { color: #B8860B; font-weight: 600; }
.land__num--cdr[b-j207e3t6vg] { color: #2A9D8F; font-weight: 600; }
/* /Components/GraficoMonitoraggioIso.razor.rz.scp.css */
.iso[b-q9ve13l97n] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
    margin-top: calc(var(--space) * 3);
}

.iso__nota[b-q9ve13l97n] {
    font-style: italic;
    color: var(--status-lavorazione);
}

.iso__loading[b-q9ve13l97n] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Legenda */
.iso__legenda[b-q9ve13l97n] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    font-family: var(--font-data);
    font-size: .75rem;
    margin-bottom: calc(var(--space) * .5);
}

.iso__leg--cal[b-q9ve13l97n]   { color: #0B4F9E; }
.iso__leg--eff[b-q9ve13l97n]   { color: #2A9D8F; }
.iso__leg--delta[b-q9ve13l97n] { color: color-mix(in srgb, #0B4F9E 35%, transparent); }

/* SVG: area tempo morto (tra calendario e effettivi) */
.iso__dead-area[b-q9ve13l97n] {
    fill: color-mix(in srgb, #0B4F9E 12%, transparent);
}

/* Linee */
.iso__line--cal[b-q9ve13l97n] {
    stroke: #0B4F9E;
    stroke-width: 2.5;
    stroke-linejoin: round;
    fill: none;
}

.iso__line--eff[b-q9ve13l97n] {
    stroke: #2A9D8F;
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-dasharray: 6 3;
    fill: none;
}

/* Dots */
.iso__dot--cal[b-q9ve13l97n] {
    fill: #0B4F9E;
    stroke: var(--surface);
    stroke-width: 1.5;
}

.iso__dot--eff[b-q9ve13l97n] {
    fill: #2A9D8F;
    stroke: var(--surface);
    stroke-width: 1.5;
}

/* Tabella dati */
.iso__tabella-wrap[b-q9ve13l97n] {
    overflow-x: auto;
    margin-top: calc(var(--space) * 3);
}

.iso__tabella[b-q9ve13l97n] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-data);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.iso__tabella th[b-q9ve13l97n] {
    text-align: right;
    padding: 6px 10px;
    border-bottom: 2px solid var(--border);
    color: var(--text-muted);
    font-weight: 600;
    white-space: nowrap;
}

.iso__tabella th:first-child[b-q9ve13l97n] { text-align: left; }

.iso__tabella td[b-q9ve13l97n] {
    text-align: right;
    padding: 5px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}

.iso__tabella td:first-child[b-q9ve13l97n] { text-align: left; font-weight: 600; }

.iso__tabella tbody tr:hover[b-q9ve13l97n] { background: var(--bg); }

.iso__num--cal[b-q9ve13l97n]   { color: #0B4F9E; font-weight: 600; }
.iso__num--eff[b-q9ve13l97n]   { color: #2A9D8F; font-weight: 600; }
.iso__num--delta[b-q9ve13l97n] { color: var(--text-muted); }
.iso__num--muted[b-q9ve13l97n] { color: var(--text-muted); }

/* Trasparenza: nota sulle giustificate escluse dalle medie */
.iso__trasparenza[b-q9ve13l97n] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .78rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.iso__trasparenza strong[b-q9ve13l97n] { color: var(--text); }

/* ── Serie trimestrale ed escalation ────────────────────────────────────── */
.iso__esc[b-q9ve13l97n] {
    margin-top: calc(var(--space) * 4);
}

.iso__esc-title[b-q9ve13l97n] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 calc(var(--space) * 1);
}

.iso__esc-nota[b-q9ve13l97n] {
    font-family: var(--font-data);
    font-size: .74rem;
    color: var(--text-muted);
    margin: 0 0 calc(var(--space) * 1.5);
    line-height: 1.5;
}

.iso__esc-wrap[b-q9ve13l97n] {
    overflow-x: auto;
    max-height: 420px;
    overflow-y: auto;
}

.iso__esc-tabella[b-q9ve13l97n] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-data);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.iso__esc-tabella th[b-q9ve13l97n] {
    text-align: right;
    padding: 6px 10px;
    border-bottom: 2px solid var(--border);
    color: var(--text-muted);
    font-weight: 600;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background: var(--surface);
}

.iso__esc-tabella th:nth-child(-n+2)[b-q9ve13l97n] { text-align: left; }

.iso__esc-tabella td[b-q9ve13l97n] {
    text-align: right;
    padding: 5px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}

.iso__esc-tabella td:nth-child(-n+2)[b-q9ve13l97n] { text-align: left; }
.iso__esc-tabella td:last-child[b-q9ve13l97n] { text-align: center; }

.iso__esc-tabella tbody tr:hover[b-q9ve13l97n] { background: var(--bg); }

.iso__esc-af[b-q9ve13l97n] { font-weight: 600; }

/* Badge stato escalation */
.iso__esc-badge[b-q9ve13l97n] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--radius);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    white-space: nowrap;
}

.iso-esc--ok[b-q9ve13l97n]   { background: color-mix(in srgb, #2E7D32 12%, transparent); color: #2E7D32; }
.iso-esc--mail[b-q9ve13l97n] { background: color-mix(in srgb, #E9A23B 22%, transparent); color: #8A5A00; }
.iso-esc--car[b-q9ve13l97n]  { background: color-mix(in srgb, #C0392B 20%, transparent); color: #C0392B; }
.iso-esc--none[b-q9ve13l97n] { color: var(--text-muted); }

/* Legenda escalation */
.iso__esc-legenda[b-q9ve13l97n] {
    display: flex;
    gap: calc(var(--space) * 2);
    flex-wrap: wrap;
    margin-top: calc(var(--space) * 1.5);
    font-family: var(--font-data);
    font-size: .72rem;
}

.iso__esc-legenda span[b-q9ve13l97n] {
    padding: 2px 8px;
    border-radius: var(--radius);
    font-weight: 600;
}
/* /Components/GraficoRecoveryAttivo.razor.rz.scp.css */
.recovery-attivo[b-kak9bwp5pd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.recovery-attivo__loading[b-kak9bwp5pd] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

.grafico-wrapper[b-kak9bwp5pd] {
    overflow-x: auto;
}

.grafico-svg[b-kak9bwp5pd] {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
}

/* Legenda */
.rec-legenda[b-kak9bwp5pd] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    font-family: var(--font-data);
    font-size: .75rem;
    color: var(--text-muted);
    margin-bottom: calc(var(--space) * .5);
}

.rec-legenda__ann[b-kak9bwp5pd] { color: var(--accent-attivi); }
.rec-legenda__cum[b-kak9bwp5pd] { color: var(--status-rigettata); }

/* Barre = risultato annuale (asse sx) */
.bar-rec[b-kak9bwp5pd] {
    fill: var(--accent-attivi);
    opacity: .82;
}

/* Linea = progressivo cumulato (asse dx) — rossa, come il "progressivo" della Relazione */
.line-cum[b-kak9bwp5pd] {
    stroke: var(--status-rigettata);
    stroke-width: 2.5;
    stroke-linejoin: round;
    fill: none;
}

.dot-cum[b-kak9bwp5pd] {
    fill: var(--status-rigettata);
    stroke: var(--surface);
    stroke-width: 1.5;
}
/* /Components/GraficoStatoAttivo.razor.rz.scp.css */
.stato-attivo[b-wz0fxszum6] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-attivi);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.stato-attivo__loading[b-wz0fxszum6] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

.stato-attivo__body[b-wz0fxszum6] {
    display: flex;
    gap: calc(var(--space) * 4);
    flex-wrap: wrap;
    align-items: center;
}

.stato-attivo__viz[b-wz0fxszum6] { flex: 0 0 200px; }
.stato-attivo__svg[b-wz0fxszum6] { width: 200px; height: 200px; }

.stato-attivo__center-label[b-wz0fxszum6] {
    text-anchor: middle;
    font-family: var(--font-data);
    font-size: 10px;
    fill: var(--text-muted);
}
.stato-attivo__center-value[b-wz0fxszum6] {
    text-anchor: middle;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    fill: var(--text);
}

/* Colori spicchi/dot per bucket */
.stato-attivo__slice--definito[b-wz0fxszum6],
.stato-attivo__dot--definito[b-wz0fxszum6]     { fill: var(--accent-attivi); background: var(--accent-attivi); }
.stato-attivo__slice--senza-seguito[b-wz0fxszum6],
.stato-attivo__dot--senza-seguito[b-wz0fxszum6] { fill: var(--text-muted); background: var(--text-muted); }
.stato-attivo__slice--lavorazione[b-wz0fxszum6],
.stato-attivo__dot--lavorazione[b-wz0fxszum6]   { fill: var(--status-lavorazione); background: var(--status-lavorazione); }

.stato-attivo__legenda[b-wz0fxszum6] {
    flex: 1 1 260px;
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.5);
}

.stato-attivo__item[b-wz0fxszum6] {
    display: flex;
    gap: calc(var(--space) * 1.5);
    align-items: flex-start;
}

.stato-attivo__dot[b-wz0fxszum6] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-top: 4px;
    flex: 0 0 auto;
}

.stato-attivo__item-label[b-wz0fxszum6] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .95rem;
    color: var(--text);
    margin: 0;
}
.stato-attivo__item-sub[b-wz0fxszum6] {
    font-family: var(--font-data);
    font-size: .78rem;
    color: var(--text-muted);
    margin: 2px 0 0;
}

.stato-attivo__total[b-wz0fxszum6] {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--border);
    padding-top: calc(var(--space) * 1.5);
    margin-top: calc(var(--space) * .5);
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--text);
}
/* /Components/HeaderPannello.razor.rz.scp.css */
/* Header unificato dei pannelli-dato — UNICO CSS dell'intestazione.
   Consolida le definizioni per-pannello sparse di .eyebrow / __head / __sub
   (≈13 copie quasi identiche). L'accent deriva dalla vista via --hp-accent,
   che punta ai token esistenti (--accent-*): nessun colore hardcodato, così
   il futuro restyling committente è una modifica in un punto solo. */

.hp__head[b-pn7f3zzpg8] {
    margin-bottom: calc(var(--space) * 2);
}

/* Accent per vista — solo riferimenti ai token, nessun hardcode */
.hp__head--passivi[b-pn7f3zzpg8] { --hp-accent: var(--accent-passivi); }
.hp__head--pnn[b-pn7f3zzpg8]     { --hp-accent: var(--accent-pnn); }
.hp__head--legale[b-pn7f3zzpg8]  { --hp-accent: var(--accent-pg); }
.hp__head--attivi[b-pn7f3zzpg8]  { --hp-accent: var(--accent-attivi); }

.hp__eyebrow[b-pn7f3zzpg8] {
    font-family: var(--font-data);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--hp-accent);
    margin: 0 0 4px;
}

.hp__title[b-pn7f3zzpg8] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.hp__sub[b-pn7f3zzpg8] {
    font-family: var(--font-body);
    color: var(--text-muted);
    font-size: .85rem;
    line-height: 1.5;
    margin: calc(var(--space) * .5) 0 0;
}
/* /Components/KpiServizio.razor.rz.scp.css */
/* B3 — schede KPI (§3.6: valore 22–24px, etichetta 12px). */
.kpi[b-x0pwjt3k5r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: calc(var(--space) * 1.5);
}

.kpi__card[b-x0pwjt3k5r] {
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}

.kpi__card--alert[b-x0pwjt3k5r] { border-color: #E24B4A; border-width: 2px; }

.kpi__label[b-x0pwjt3k5r] {
    margin: 0 0 calc(var(--space) * .5);
    font-family: var(--font-data);
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.kpi__info[b-x0pwjt3k5r] {
    margin-left: .35em;
    font-size: .8em;
    color: var(--text-muted);
    cursor: help;
    opacity: .7;
}

.kpi__valore[b-x0pwjt3k5r] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--text);
}

.kpi__valore--nd[b-x0pwjt3k5r] {
    font-size: .95rem;
    font-weight: 500;
    font-style: italic;
    color: var(--text-muted);
}
/* /Components/LegaleEsitiPerGrado.razor.rz.scp.css */
.esiti-grado[b-uce5sb28q1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


.esiti-grado__loading[b-uce5sb28q1],
.esiti-grado__empty[b-uce5sb28q1] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

/* --- Blocco A: card per grado affiancate --- */

.esiti-grado__blocchi[b-uce5sb28q1] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--space) * 2);
}

.eg-card[b-uce5sb28q1] {
    flex: 1 1 280px;
    min-width: 260px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

.eg-card__head[b-uce5sb28q1] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: calc(var(--space) * 1) calc(var(--space) * 1.5);
    background: color-mix(in srgb, var(--accent-pg, #b8860b) 10%, transparent);
    border-bottom: 1px solid var(--border);
}

.eg-card__grado[b-uce5sb28q1] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: .95rem;
}

.eg-card__tot[b-uce5sb28q1] {
    color: var(--text-muted);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}

/* --- Tabelle --- */

.eg-table[b-uce5sb28q1] {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}

.eg-table th[b-uce5sb28q1],
.eg-table td[b-uce5sb28q1] {
    padding: calc(var(--space) * .6) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.eg-table thead th[b-uce5sb28q1] {
    font-family: var(--font-display);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
}

.eg-table thead th.col-esito[b-uce5sb28q1] { text-align: left; }

.col-num[b-uce5sb28q1] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
}

.eg-codice[b-uce5sb28q1] {
    display: inline-block;
    font-size: .66rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-pg, #b8860b) 16%, transparent);
    color: var(--accent-pg, #b8860b);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-family: var(--font-display);
}

.eg-row--nv[b-uce5sb28q1] {
    color: var(--text-muted);
    font-style: italic;
}

/* --- Blocco B: transizione --- */

.esiti-grado__transizione[b-uce5sb28q1] {
    margin-top: calc(var(--space) * 3);
}

.eg-tr__title[b-uce5sb28q1] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 calc(var(--space) * .5) 0;
}

.eg-tr__avviso[b-uce5sb28q1] {
    background: color-mix(in srgb, #d9a400 12%, transparent);
    border-left: 3px solid #d9a400;
    padding: calc(var(--space) * .75) calc(var(--space) * 1.25);
    border-radius: 4px;
    font-size: .8rem;
    margin: 0 0 calc(var(--space) * 1.25) 0;
}

.eg-table--tr[b-uce5sb28q1] {
    max-width: 560px;
}

.eg-tr__vuoto[b-uce5sb28q1],
.eg-tr__g3[b-uce5sb28q1] {
    color: var(--text-muted);
    font-size: .8rem;
    margin-top: calc(var(--space) * 1);
}

.esiti-grado__note[b-uce5sb28q1] {
    margin-top: calc(var(--space) * 2);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}
/* /Components/LegendaCategorie.razor.rz.scp.css */
/* B2-bis — striscia legenda Cat. A/B, corpo ridotto, sempre visibile. */
.legenda-cat[b-uzckpspaze] {
    padding: calc(var(--space) * 1) calc(var(--space) * 2.5);
    background: color-mix(in srgb, var(--surface) 60%, var(--bg));
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .5);
    font-size: .8rem;
    color: var(--text-muted);
}

.legenda-cat__voci[b-uzckpspaze] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--space) * .5) calc(var(--space) * 2.5);
}

.legenda-cat__voce[b-uzckpspaze] { display: inline-flex; align-items: center; gap: calc(var(--space) * .75); }
.legenda-cat__voce strong[b-uzckpspaze] { color: var(--text); font-weight: 600; }

.legenda-cat__dot[b-uzckpspaze] { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
.legenda-cat__dot--a[b-uzckpspaze] { background: #AFA9EC; }
.legenda-cat__dot--b[b-uzckpspaze] { background: #5DCAA5; }

.legenda-cat__n[b-uzckpspaze] {
    font-family: var(--font-data);
    font-weight: 700;
    color: var(--text);
    margin-left: 2px;
}

.legenda-cat__info[b-uzckpspaze] {
    margin-left: auto;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 1rem;
    cursor: pointer;
    line-height: 1;
}
.legenda-cat__info:hover[b-uzckpspaze] { color: var(--text); }

.legenda-cat__appro[b-uzckpspaze] {
    margin-top: calc(var(--space) * 1);
    padding-top: calc(var(--space) * 1);
    border-top: 1px dashed var(--border);
    line-height: 1.5;
}
.legenda-cat__appro p[b-uzckpspaze] { margin: 0; }
/* /Components/PeriodoSelector.razor.rz.scp.css */
/* Barra orizzontale unica (coerente con la riga di contesto B1-bis): toggle · date · anni,
   tutto su una riga, che va a capo solo se lo spazio è davvero insufficiente. */
.periodo-selector[b-nct60kgn3p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(var(--space) * 2);
}

/* --- Toggle + tendine data (in linea) --- */
.periodo-blk-col[b-nct60kgn3p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--space) * 1.5);
    padding-right: calc(var(--space) * 2);
    border-right: 1px solid var(--border);
}

/* --- Blocco Periodo (label + select Da → A) --- */
.periodo-blk[b-nct60kgn3p] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * 1.5);
    white-space: nowrap;
}

.periodo-label[b-nct60kgn3p] {
    font-family: var(--font-data);
    font-size: .75rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.periodo-select[b-nct60kgn3p] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .5);
    padding: 5px 8px;
    cursor: pointer;
    outline-offset: 2px;
}

.periodo-select:focus-visible[b-nct60kgn3p] { outline: 2px solid var(--accent-pnn); }

.periodo-sep[b-nct60kgn3p] {
    color: var(--text-muted);
    font-size: .9rem;
}

/* --- Bottoni AF: riga orizzontale (non più griglia/colonna) --- */
.periodo-anni[b-nct60kgn3p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(var(--space) * .75);
}

/* AF chiusi in linea, con l'"in corso" di seguito */
.periodo-anni__chiusi[b-nct60kgn3p] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--space) * .5) calc(var(--space) * .75);
}

.periodo-preset[b-nct60kgn3p] {
    font-family: var(--font-data);
    font-size: .84rem;
    font-weight: 600;
    letter-spacing: .03em;
    padding: 4px 12px;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .5);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: color .12s, border-color .12s, background .12s;
}

.periodo-preset:hover[b-nct60kgn3p] {
    color: var(--text);
    border-color: var(--text-muted);
}

.periodo-preset--attivo[b-nct60kgn3p] {
    color: var(--accent-pnn);
    border-color: var(--accent-pnn);
    background: color-mix(in srgb, var(--accent-pnn) 8%, transparent);
}

/* AF corrente / in corso: bordo tratteggiato, tono attenuato */
.periodo-preset--parziale[b-nct60kgn3p] {
    border-style: dashed;
    opacity: .8;
}

.periodo-preset--parziale:hover[b-nct60kgn3p] { opacity: 1; }
.periodo-preset--parziale.periodo-preset--attivo[b-nct60kgn3p] { opacity: 1; }

/* --- Toggle Solare | Fiscale --- */
.periodo-toggle[b-nct60kgn3p] {
    display: flex;
    gap: 2px;
}

.periodo-toggle__btn[b-nct60kgn3p] {
    font-family: var(--font-data);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 3px 10px;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .5);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: color .12s, border-color .12s, background .12s;
}

.periodo-toggle__btn:first-child[b-nct60kgn3p] { border-radius: calc(var(--radius) * .5) 0 0 calc(var(--radius) * .5); }
.periodo-toggle__btn:last-child[b-nct60kgn3p]  { border-radius: 0 calc(var(--radius) * .5) calc(var(--radius) * .5) 0; margin-left: -1px; }

.periodo-toggle__btn:hover[b-nct60kgn3p] { color: var(--text); border-color: var(--text-muted); }

.periodo-toggle__btn--attivo[b-nct60kgn3p] {
    color: var(--accent-pnn);
    border-color: var(--accent-pnn);
    background: color-mix(in srgb, var(--accent-pnn) 10%, transparent);
    z-index: 1;
}

/* Responsive: viewport stretto → il blocco toggle/date perde il separatore quando va a capo */
@media (max-width: 1000px) {
    .periodo-blk-col[b-nct60kgn3p] { border-right: none; padding-right: 0; }
}
/* /Components/ProspettoStato.razor.rz.scp.css */
.prospetto[b-m1iazaznwj] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
    border-top: 3px solid var(--accent-passivi);
}

.prospetto__loading[b-m1iazaznwj],
.prospetto__error[b-m1iazaznwj] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
}

.prospetto__error[b-m1iazaznwj] { color: var(--status-rigettata); }

/* --- TABELLA --- */
.prospetto__table[b-m1iazaznwj] {
    width: 100%;
    border-collapse: collapse;
    margin-top: calc(var(--space) * 2.5);
    font-family: var(--font-body);
}

/* Numeri tabellari incolonnati — la firma del prospetto */
.prospetto__table .num[b-m1iazaznwj] {
    text-align: right;
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: .95rem;
    padding: calc(var(--space) * 1.2) calc(var(--space) * 1.5);
    white-space: nowrap;
}

.th-status[b-m1iazaznwj] {
    text-align: left;
    font-weight: 500;
    color: var(--text);
    padding: calc(var(--space) * 1.2) calc(var(--space) * 1.5);
}

thead th[b-m1iazaznwj] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted);
    border-bottom: 2px solid var(--border);
}

tbody tr[b-m1iazaznwj] { border-bottom: 1px solid var(--border); }
tbody tr:hover[b-m1iazaznwj] { background: #FBFCFD; }

.num--zero[b-m1iazaznwj] { color: #C2C8D2; }
.num--rowtotal[b-m1iazaznwj] { font-weight: 600; color: var(--text); }

/* Riga totali — gerarchia documentale */
.prospetto__totalrow[b-m1iazaznwj] { border-top: 2px solid var(--text); }

.prospetto__totalrow .th-status[b-m1iazaznwj],
.prospetto__totalrow .num[b-m1iazaznwj] {
    font-weight: 700;
    color: var(--text);
    padding-top: calc(var(--space) * 1.5);
}

.num--grandtotal[b-m1iazaznwj] {
    color: var(--accent-passivi);
    font-size: 1.05rem;
}

/* --- PALLINI STATUS --- */
/* fallback: color neutra, poi i casi specifici sovrascrivono */
.status-dot[b-m1iazaznwj] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    background: var(--text-muted);
}

/* status_2 verificati da lookup: Pagata, Rigettata, Rigettata/S.S.,
   Chiuso Definito, In lavorazione, Contenzioso, Contenzioso Diretto */
.status-dot--pagata[b-m1iazaznwj]            { background: var(--status-pagata); }
.status-dot--rigettata[b-m1iazaznwj]         { background: var(--status-rigettata); }
.status-dot--rigettata-ss[b-m1iazaznwj]      { background: var(--status-rigettata); }
.status-dot--chiuso-definito[b-m1iazaznwj]   { background: var(--status-pagata); }
.status-dot--in-lavorazione[b-m1iazaznwj]    { background: var(--status-lavorazione); }
.status-dot--contenzioso[b-m1iazaznwj]       { background: var(--status-contenzioso); }
.status-dot--contenzioso-diretto[b-m1iazaznwj] { background: var(--status-contenzioso); }

/* --- DELTA RIGA CONFRONTO PERIODO --- */
.prospetto__deltarow td[b-m1iazaznwj] {
    padding-top: calc(var(--space) * .8);
    padding-bottom: calc(var(--space) * 1.2);
    border-top: 1px dashed var(--border);
}

.delta-cell[b-m1iazaznwj] { text-align: right; padding-right: calc(var(--space) * 1.5); }

/* Neutro: indica direzione senza giudizio di valore */
.delta--neutral[b-m1iazaznwj] {
    font-family: var(--font-data);
    font-size: .85rem;
    color: var(--text-muted);
}

/* Semantica interpretata (§5.1): verde = miglioramento, rosso = peggioramento
   rispetto alla direzione positiva del KPI (mai la sola freccia aritmetica). */
.delta--good[b-m1iazaznwj] {
    font-family: var(--font-data);
    font-size: .85rem;
    color: #1D9E75;
}
.delta--bad[b-m1iazaznwj] {
    font-family: var(--font-data);
    font-size: .85rem;
    color: #E24B4A;
}

.delta--na[b-m1iazaznwj] {
    font-family: var(--font-data);
    font-size: .85rem;
    color: var(--text-muted);
    font-style: italic;
}

/* Responsive */
@media (max-width: 640px) {
    .prospetto[b-m1iazaznwj] { padding: calc(var(--space) * 2); overflow-x: auto; }
    .prospetto__table[b-m1iazaznwj] { min-width: 480px; }
}
/* /Components/PuntiAttenzione.razor.rz.scp.css */
/* B6 — Punti di attenzione (WI-22). Toni attenuati (spec §3.6): mai rosso pieno, nessun
   lampeggio/animazione. Accent per livello via bordo sinistro. */

.punti-attenzione[b-5l1w9j7r27] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.5);
    padding: calc(var(--space) * 2) 0;
}

.punti-attenzione__titolo[b-5l1w9j7r27] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text);
}

.pa-card[b-5l1w9j7r27] {
    border: 1px solid var(--border);
    border-left-width: 3px;
    border-radius: var(--radius);
    background: var(--surface);
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
}

/* Accent per livello (toni attenuati) */
.pa-card--critico[b-5l1w9j7r27]       { border-left-color: #E24B4A; }
.pa-card--monitoraggio[b-5l1w9j7r27]  { border-left-color: #D9A441; }
.pa-card--risolto[b-5l1w9j7r27]       { border-left-color: var(--text-muted); }

.pa-card__head[b-5l1w9j7r27] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * 1.5);
    margin-bottom: calc(var(--space) * .75);
}

.pa-badge[b-5l1w9j7r27] {
    font-family: var(--font-data);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 2px 8px;
    border-radius: calc(var(--radius) * .5);
    border: 1px solid transparent;
}

.pa-badge--critico[b-5l1w9j7r27] {
    color: #E24B4A;
    border-color: #E24B4A;
    background: color-mix(in srgb, #E24B4A 8%, transparent);
}

.pa-badge--monitoraggio[b-5l1w9j7r27] {
    color: #B5791F;
    border-color: #D9A441;
    background: color-mix(in srgb, #D9A441 10%, transparent);
}

.pa-badge--risolto[b-5l1w9j7r27] {
    color: var(--text-muted);
    border-color: var(--border);
    background: color-mix(in srgb, var(--text-muted) 8%, transparent);
}

.pa-card__testo[b-5l1w9j7r27] {
    margin: 0 0 calc(var(--space) * 1) 0;
    color: var(--text);
    font-size: .92rem;
    line-height: 1.4;
}

.pa-card__risolto[b-5l1w9j7r27] {
    font-family: var(--font-data);
    font-size: .78rem;
    color: var(--text-muted);
}

/* Presa in carico */
.pa-presa[b-5l1w9j7r27] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--space) * .5) calc(var(--space) * 3);
    margin: 0;
}

.pa-presa div[b-5l1w9j7r27] { display: flex; flex-direction: column; }

.pa-presa dt[b-5l1w9j7r27] {
    font-family: var(--font-data);
    font-size: .68rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.pa-presa dd[b-5l1w9j7r27] {
    margin: 0;
    font-size: .86rem;
    color: var(--text);
}

/* Coda RISOLTO: attenuata */
.pa-card--coda[b-5l1w9j7r27] { opacity: .72; }
/* /Components/RankingProvince.razor.rz.scp.css */
.ranking-province[b-4wdleid5r9] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}

.ranking-province__loading[b-4wdleid5r9],
.ranking-province__empty[b-4wdleid5r9] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

/* --- Barra Pareto --- */

.pareto-viz[b-4wdleid5r9] {
    margin-bottom: calc(var(--space) * 3);
}

.pareto-bar[b-4wdleid5r9] {
    display: flex;
    height: 32px;
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: calc(var(--space) * 1.5);
}

.pareto-seg[b-4wdleid5r9] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width .4s ease;
    min-width: 0;
    overflow: hidden;
}

.pareto-seg--top50[b-4wdleid5r9] { background: var(--accent-passivi); }
.pareto-seg--top80[b-4wdleid5r9] { background: color-mix(in srgb, var(--accent-passivi) 45%, white); }
.pareto-seg--coda[b-4wdleid5r9]  { background: var(--border); }

.pareto-label[b-4wdleid5r9] {
    font-size: .7rem;
    font-weight: 700;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
}

.pareto-seg--coda .pareto-label[b-4wdleid5r9] { color: var(--text-muted); }

.pareto-legend[b-4wdleid5r9] {
    display: flex;
    gap: calc(var(--space) * 3);
    font-size: .8rem;
    color: var(--text-muted);
    flex-wrap: wrap;
}

.pareto-leg[b-4wdleid5r9]::before { content: '■'; margin-right: 4px; }
.pareto-leg--top50[b-4wdleid5r9]::before { color: var(--accent-passivi); }
.pareto-leg--top80[b-4wdleid5r9]::before { color: color-mix(in srgb, var(--accent-passivi) 45%, white); }
.pareto-leg--coda[b-4wdleid5r9]::before  { color: var(--border); }

/* --- Tabella --- */

.ranking-province__scroll[b-4wdleid5r9] { overflow-x: auto; }

.rank-table[b-4wdleid5r9] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.rank-table th[b-4wdleid5r9],
.rank-table td[b-4wdleid5r9] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1.5);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.rank-table thead th[b-4wdleid5r9] {
    font-family: var(--font-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
}

.rank-table thead th:nth-child(2)[b-4wdleid5r9],
.rank-table thead th:last-child[b-4wdleid5r9] { text-align: left; }

.rank-table .num[b-4wdleid5r9] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.rank-n[b-4wdleid5r9]  { color: var(--text-muted); font-size: .8rem; }
.td-prov[b-4wdleid5r9] { font-weight: 500; }

.rank-row--coda[b-4wdleid5r9] { color: var(--text-muted); }

/* --- Badge fascia --- */

.fascia-badge[b-4wdleid5r9] {
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.fascia-badge--top50[b-4wdleid5r9] {
    background: color-mix(in srgb, var(--accent-passivi) 15%, transparent);
    color: var(--accent-passivi);
}

.fascia-badge--top80[b-4wdleid5r9] {
    background: color-mix(in srgb, var(--accent-passivi) 8%, transparent);
    color: color-mix(in srgb, var(--accent-passivi) 65%, var(--text));
}

.fascia-badge--coda[b-4wdleid5r9] {
    background: var(--bg);
    color: var(--text-muted);
}

/* --- Riga totale --- */

.rank-totalrow th[b-4wdleid5r9],
.rank-totalrow td[b-4wdleid5r9] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}
/* /Components/RipartizioneClasse.razor.rz.scp.css */
.rip-classe[b-6z696c8stp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}

.rip-classe__loading[b-6z696c8stp],
.rip-classe__empty[b-6z696c8stp] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.rip-classe__note[b-6z696c8stp] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* Due tabelle affiancate; su schermi stretti vanno in colonna */
.rip-classe__grid[b-6z696c8stp] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: calc(var(--space) * 3);
    align-items: start;
}

@media (max-width: 1000px) {
    .rip-classe__grid[b-6z696c8stp] { grid-template-columns: 1fr; }
}

.rip-classe__scroll[b-6z696c8stp] { overflow-x: auto; }

/* --- Tabella --- */

.rc-table[b-6z696c8stp] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.rc-caption[b-6z696c8stp] {
    text-align: left;
    font-family: var(--font-display);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--accent-passivi);
    padding-bottom: calc(var(--space) * .75);
}

.rc-table th[b-6z696c8stp],
.rc-table td[b-6z696c8stp] {
    padding: calc(var(--space) * .6) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.rc-table thead th[b-6z696c8stp] {
    font-family: var(--font-display);
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
}

.rc-table thead th.col-cls[b-6z696c8stp],
.rc-table thead th.col-mv[b-6z696c8stp] { text-align: left; }

.col-num[b-6z696c8stp] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .8rem;
}

.col-peso[b-6z696c8stp] { color: var(--text-muted); }

.td-dim[b-6z696c8stp] {
    font-family: var(--font-body);
    font-size: .85rem;
}

.col-mv.td-dim[b-6z696c8stp] { padding-left: calc(var(--space) * 2); }

/* Intestazione blocco (classe) */
.rc-blk-head th[b-6z696c8stp] {
    text-align: left;
    font-family: var(--font-display);
    font-size: .8rem;
    font-weight: 700;
    color: var(--accent-passivi);
    background: color-mix(in srgb, var(--accent-passivi) 8%, transparent);
}

/* Subtotale classe */
.rc-subtot th[b-6z696c8stp],
.rc-subtot td[b-6z696c8stp] {
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
    border-bottom: 2px solid color-mix(in srgb, var(--accent-passivi) 25%, var(--border));
}

.rc-subtot th[b-6z696c8stp] { text-align: left; font-family: var(--font-body); }

/* Totale generale */
.rc-totalrow th[b-6z696c8stp],
.rc-totalrow td[b-6z696c8stp] {
    font-weight: 700;
    font-size: .9rem;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.rc-totalrow th[b-6z696c8stp] { text-align: left; }
/* /Components/RipartizioneCosti.razor.rz.scp.css */
.rip-costi[b-9qa9oqvhla] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}


/* --- Selettore dimensione (segmented) --- */

.rip-costi__dim[b-9qa9oqvhla] {
    display: inline-flex;
    gap: 2px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 2px;
    margin-bottom: calc(var(--space) * 2);
}

.rip-costi__dim-btn[b-9qa9oqvhla] {
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: .8rem;
    font-weight: 600;
    padding: calc(var(--space) * .6) calc(var(--space) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    cursor: pointer;
}

.rip-costi__dim-btn--active[b-9qa9oqvhla] {
    background: var(--accent-passivi);
    color: #fff;
}

.rip-costi__loading[b-9qa9oqvhla],
.rip-costi__empty[b-9qa9oqvhla] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

.rip-costi__scroll[b-9qa9oqvhla] {
    overflow-x: auto;
}

.rip-costi__note[b-9qa9oqvhla] {
    margin-top: calc(var(--space) * 1.5);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

/* --- Tabella --- */

.rc-table[b-9qa9oqvhla] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.rc-table th[b-9qa9oqvhla],
.rc-table td[b-9qa9oqvhla] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.rc-table thead th[b-9qa9oqvhla] {
    font-family: var(--font-display);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
    vertical-align: bottom;
    line-height: 1.25;
}

.rc-table thead th .th-line1[b-9qa9oqvhla],
.rc-table thead th .th-line2[b-9qa9oqvhla] {
    display: block;
}

.rc-table thead th .th-line2[b-9qa9oqvhla] {
    opacity: .75;
}

.rc-table thead th.col-dim[b-9qa9oqvhla] { text-align: left; }

.rc-table tbody tr:hover[b-9qa9oqvhla] {
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
}

.col-num[b-9qa9oqvhla] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono, 'IBM Plex Mono', monospace);
    font-size: .82rem;
}

.td-dim[b-9qa9oqvhla] {
    font-weight: 500;
    font-family: var(--font-body);
    font-size: .875rem;
}

.dim-codice[b-9qa9oqvhla] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-passivi) 12%, transparent);
    color: var(--accent-passivi);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-variant-numeric: normal;
    font-family: var(--font-display);
}

/* Colonna Totale — sintesi, leggero risalto */

.col-tot[b-9qa9oqvhla] {
    background: color-mix(in srgb, var(--accent-passivi) 10%, transparent);
    font-weight: 700;
}

/* --- Riga totale --- */

.rc-totalrow th[b-9qa9oqvhla],
.rc-totalrow td[b-9qa9oqvhla] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

.rc-totalrow .col-tot[b-9qa9oqvhla] {
    font-size: .9rem;
}
/* /Components/Semaforo.razor.rz.scp.css */
/* B2 — Semaforo (§3.6): toni attenuati, mai rosso pieno, nessuna animazione. */
.semaforo[b-as315vz3dv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--space) * 2);
    padding: calc(var(--space) * 2) calc(var(--space) * 2.5);
    border: 1px solid var(--border);
    border-left-width: 4px;
    border-radius: var(--radius);
    background: var(--surface);
}

.semaforo__main[b-as315vz3dv] { display: flex; align-items: center; gap: calc(var(--space) * 2); }

.semaforo__spia[b-as315vz3dv] {
    width: 16px; height: 16px; border-radius: 50%;
    flex-shrink: 0;
}

.semaforo__stato[b-as315vz3dv] {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: .95rem;
    letter-spacing: .03em;
}

.semaforo__desc[b-as315vz3dv]  { margin: 2px 0 0; font-size: .9rem; color: var(--text); }
.semaforo__presa[b-as315vz3dv] { margin: 4px 0 0; font-size: .82rem; color: var(--text-muted); }
.semaforo__presa-label[b-as315vz3dv] { font-weight: 600; }

.semaforo__cta[b-as315vz3dv] {
    flex-shrink: 0;
    font-family: var(--font-data);
    font-size: .82rem;
    font-weight: 600;
    padding: 6px 14px;
    border: 1px solid currentColor;
    border-radius: calc(var(--radius) * .5);
    background: transparent;
    cursor: pointer;
}

/* Regolare (verde) */
.semaforo--regolare[b-as315vz3dv]      { border-left-color: #1D9E75; }
.semaforo--regolare .semaforo__spia[b-as315vz3dv]  { background: #1D9E75; }
.semaforo--regolare .semaforo__stato[b-as315vz3dv] { color: #157A5A; }

/* In osservazione (ambra) */
.semaforo--osservazione[b-as315vz3dv]  { border-left-color: #D9A441; }
.semaforo--osservazione .semaforo__spia[b-as315vz3dv]  { background: #D9A441; }
.semaforo--osservazione .semaforo__stato[b-as315vz3dv] { color: #B5791F; }
.semaforo--osservazione .semaforo__cta[b-as315vz3dv]   { color: #B5791F; }

/* Criticità in gestione (rosso attenuato) */
.semaforo--criticita[b-as315vz3dv]     { border-left-color: #E24B4A; }
.semaforo--criticita .semaforo__spia[b-as315vz3dv]  { background: #E24B4A; }
.semaforo--criticita .semaforo__stato[b-as315vz3dv] { color: #C23A39; }
.semaforo--criticita .semaforo__cta[b-as315vz3dv]   { color: #C23A39; }
/* /Components/SinistriPerArea.razor.rz.scp.css */
.sinistri-area[b-hku5q6qtm7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: calc(var(--space) * 3) calc(var(--space) * 4);
    margin-bottom: calc(var(--space) * 4);
}

.sinistri-area__scroll[b-hku5q6qtm7] {
    overflow-x: auto;
}

.sinistri-area__loading[b-hku5q6qtm7],
.sinistri-area__empty[b-hku5q6qtm7] {
    color: var(--text-muted);
    font-size: .9rem;
    padding: calc(var(--space) * 2) 0;
}

/* --- Tabella --- */

.geo-table[b-hku5q6qtm7] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.geo-table th[b-hku5q6qtm7],
.geo-table td[b-hku5q6qtm7] {
    padding: calc(var(--space) * .75) calc(var(--space) * 1.5);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.geo-table thead th[b-hku5q6qtm7] {
    font-family: var(--font-display);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
    text-align: right;
    background: var(--bg);
}

.geo-table thead th:first-child[b-hku5q6qtm7] { text-align: left; }

.geo-table tbody tr:hover[b-hku5q6qtm7] {
    background: color-mix(in srgb, var(--accent-passivi) 4%, transparent);
}

.geo-table .num[b-hku5q6qtm7] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.td-area[b-hku5q6qtm7] { font-weight: 500; }

.area-codice[b-hku5q6qtm7] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--accent-passivi) 12%, transparent);
    color: var(--accent-passivi);
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-variant-numeric: normal;
}

.th-delta[b-hku5q6qtm7] {
    font-style: italic;
    opacity: .7;
}

/* --- Riga totale --- */

.sinistri-area__totalrow th[b-hku5q6qtm7],
.sinistri-area__totalrow td[b-hku5q6qtm7] {
    font-weight: 700;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

/* --- Delta: colore direzionale neutro (nodo #53) --- */

.delta[b-hku5q6qtm7] {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ▲ e ▼ stesso tono — direzione, non giudizio */
.delta--neutral[b-hku5q6qtm7] { color: var(--text); }
.delta--na[b-hku5q6qtm7]      { color: var(--text-muted); font-weight: 400; }
/* /Components/TassoRigetto.razor.rz.scp.css */
.kpi-hero[b-x7ty9hy489] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.kpi-hero__loading[b-x7ty9hy489],
.kpi-hero__error[b-x7ty9hy489] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
}

.kpi-hero__body[b-x7ty9hy489] {
    display: flex;
    gap: calc(var(--space) * 4);
    align-items: center;
    margin-top: calc(var(--space) * 2.5);
    flex-wrap: wrap;
}

/* --- DONUT --- */
.kpi-hero__viz[b-x7ty9hy489] { flex: 0 0 240px; }
.donut[b-x7ty9hy489] { width: 240px; height: 240px; }

.donut__track[b-x7ty9hy489] {
    fill: none;
    stroke: var(--border);
    stroke-width: 12;
}

.donut__value[b-x7ty9hy489] {
    fill: none;
    stroke: var(--status-rigettata);
    stroke-width: 12;
    stroke-linecap: round;
    transition: stroke-dasharray .6s ease;
}

.donut__pct[b-x7ty9hy489] {
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 700;
    fill: var(--text);
    text-anchor: middle;
}

.donut__sign[b-x7ty9hy489] {
    font-size: 14px;
    fill: var(--text-muted);
}

.donut__label[b-x7ty9hy489] {
    font-family: var(--font-body);
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* --- BREAKDOWN --- */
.kpi-hero__breakdown[b-x7ty9hy489] { flex: 1; min-width: 260px; }

.kpi-hero__formula[b-x7ty9hy489] {
    color: var(--text-muted);
    font-size: .9rem;
    margin: 0 0 calc(var(--space) * 2);
}

.components[b-x7ty9hy489] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--space) * 1.5);
    margin: 0 0 calc(var(--space) * 2);
}

.component[b-x7ty9hy489] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: calc(var(--space) * 1.2) calc(var(--space) * 1.5);
    border-radius: calc(var(--radius) * .6);
    background: var(--bg);
    border-left: 3px solid var(--border);
}

.component dt[b-x7ty9hy489] { color: var(--text-muted); font-size: .85rem; }

.component dd[b-x7ty9hy489] {
    margin: 0;
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
}

.component--rigettata[b-x7ty9hy489] { border-left-color: var(--status-rigettata); }
.component--pagata[b-x7ty9hy489]    { border-left-color: var(--status-pagata); }
.component--muted dd[b-x7ty9hy489]  { color: var(--text-muted); }

/* periodo attivo sotto il titolo */
.kpi-hero__periodo[b-x7ty9hy489] {
    color: var(--text-muted);
    font-family: var(--font-data);
    font-size: .8rem;
    margin: 2px 0 0;
}

/* switch definite/totale */
.tasso-switch[b-x7ty9hy489] {
    display: inline-flex;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .6);
    overflow: hidden;
    margin-top: 10px;
}

.tasso-switch button[b-x7ty9hy489] {
    border: none;
    background: var(--surface);
    cursor: pointer;
    padding: 6px 14px;
    font-size: .82rem;
    font-family: var(--font-body);
    color: var(--text-muted);
    transition: all .15s;
}

.tasso-switch button.active[b-x7ty9hy489] {
    background: var(--accent-pnn);
    color: #fff;
    font-weight: 600;
}

.tasso-switch button:not(.active):hover[b-x7ty9hy489] { background: var(--bg); }

/* delta vs periodo precedente */
.delta[b-x7ty9hy489] {
    display: block;
    font-family: var(--font-data);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
    margin: 0 0 calc(var(--space) * 1.5);
}

.delta--up[b-x7ty9hy489]   { color: var(--text-muted); }
.delta--down[b-x7ty9hy489] { color: var(--text-muted); }
.delta--na[b-x7ty9hy489]   { color: var(--text-muted); font-style: italic; }

/* nota tasso totale + domanda aperta Fabio */
.kpi-hero__alt[b-x7ty9hy489] {
    color: var(--text-muted);
    font-size: .85rem;
    margin: 0;
    padding-top: calc(var(--space) * 1.5);
    border-top: 1px solid var(--border);
}

.kpi-hero__alt strong[b-x7ty9hy489] {
    color: var(--text);
    font-family: var(--font-data);
}

.kpi-hero__nota[b-x7ty9hy489] {
    font-style: italic;
    color: var(--status-lavorazione);
}

@media (max-width: 560px) {
    .kpi-hero__body[b-x7ty9hy489] { flex-direction: column; align-items: stretch; }
    .components[b-x7ty9hy489] { grid-template-columns: 1fr; }
}
/* /Components/TavoleLegaleContenziosi.razor.rz.scp.css */
.cont__loading[b-73tuz16lwi] {
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Griglia tre tavole affiancate, impilate su schermi stretti */
.cont__grid[b-73tuz16lwi] {
    display: flex;
    gap: calc(var(--space) * 3);
    flex-wrap: wrap;
    margin-top: calc(var(--space) * 3);
    align-items: flex-start;
}

.cont__card[b-73tuz16lwi] {
    flex: 1 1 260px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pg);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 2.5) calc(var(--space) * 3);
}

.cont__card-title[b-73tuz16lwi] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 2px;
}

.cont__card-sub[b-73tuz16lwi] {
    font-family: var(--font-body);
    font-size: .78rem;
    color: var(--text-muted);
    margin: 0 0 calc(var(--space) * 2);
}

/* Tabella dati della tavola */
.cont__table[b-73tuz16lwi] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-data);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.cont__table td[b-73tuz16lwi] {
    padding: 5px 6px;
    color: var(--text);
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

.cont__table td:last-child[b-73tuz16lwi] {
    text-align: right;
    white-space: nowrap;
}

/* Riga subtotale (risparmio su pagato/rigettato) */
.cont__subtotale td[b-73tuz16lwi] {
    font-weight: 600;
    color: var(--accent-pg);
    border-bottom: 2px solid var(--border);
}

/* Separatore tra le due sezioni (base / contenzioso) */
.cont__sep td[b-73tuz16lwi] {
    padding: 4px 0;
    border-bottom: none;
}

/* Sorte a sentenza evidenziata */
.cont__sorte-row td[b-73tuz16lwi] {
    background: color-mix(in srgb, var(--accent-pg) 6%, transparent);
}

.cont__sorte[b-73tuz16lwi] {
    color: var(--accent-pg);
    font-weight: 600;
}

/* Riga conclusiva risparmio netto */
.cont__netto-row td[b-73tuz16lwi] {
    font-weight: 700;
    font-size: .9rem;
    padding-top: 7px;
    border-top: 2px solid var(--border);
    border-bottom: none;
}

/* Risparmio netto negativo: visibile ma senza colore valutativo rosso/verde */
.cont__netto--negativo[b-73tuz16lwi] {
    color: var(--text-muted);
}

/* Riga anomalia pagato su rigettate (valore ≠ 0) */
.cont__anomalia td[b-73tuz16lwi] {
    background: color-mix(in srgb, #C8102E 8%, transparent);
}

.cont__warn[b-73tuz16lwi] {
    margin-left: 4px;
    font-size: .85em;
    cursor: help;
}

.cont__num[b-73tuz16lwi] {
    font-family: var(--font-data);
}
/* /Components/TortaDanniSerie.razor.rz.scp.css */
.danni-serie[b-33cfeah0qx] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

/* --- Toggle misura (segmented) --- */

.danni-serie__misura[b-33cfeah0qx] {
    display: inline-flex;
    gap: 2px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 2px;
    margin-top: calc(var(--space) * 2);
}

.danni-serie__misura-btn[b-33cfeah0qx] {
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: .8rem;
    font-weight: 600;
    padding: calc(var(--space) * .6) calc(var(--space) * 1.5);
    border-radius: calc(var(--radius) - 2px);
    cursor: pointer;
}

.danni-serie__misura-btn--active[b-33cfeah0qx] {
    background: var(--accent-pnn);
    color: #fff;
}

.danni-serie__loading[b-33cfeah0qx],
.danni-serie__empty[b-33cfeah0qx] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
}

.danni-serie__body[b-33cfeah0qx] {
    display: flex;
    gap: calc(var(--space) * 5);
    align-items: center;
    margin-top: calc(var(--space) * 2.5);
    flex-wrap: wrap;
}

/* --- Donut SVG --- */

.danni-serie__viz[b-33cfeah0qx] { flex: 0 0 300px; }
.danni-serie__svg[b-33cfeah0qx] { width: 300px; height: 300px; }

.danni-serie__slice[b-33cfeah0qx] {
    stroke: var(--surface);
    stroke-width: 2;
}

/* Palette: accent pnn pieno = in serie (il fenomeno rilevante); grigio-blu smorzato =
   singolo; grigio = non specificato (bucket esplicito). Nessun rosso/verde (nodo #53). */
.danni-serie__slice.is-serie[b-33cfeah0qx]   { fill: #0B4F9E; }
.danni-serie__slice.is-singolo[b-33cfeah0qx] { fill: #9DB0C7; }
.danni-serie__slice.is-nd[b-33cfeah0qx]      { fill: #C9CFD8; }

.danni-serie__center-label[b-33cfeah0qx] {
    font-family: var(--font-body);
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.danni-serie__center-value[b-33cfeah0qx] {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    fill: var(--text);
    text-anchor: middle;
}

/* --- Legenda --- */

.danni-serie__legenda[b-33cfeah0qx] {
    flex: 1;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.5);
}

.danni-serie__item[b-33cfeah0qx] {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--space) * 1.5);
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    border-radius: calc(var(--radius) * .6);
    background: var(--bg);
}

.danni-serie__dot[b-33cfeah0qx] {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-top: 4px;
}

.danni-serie__dot.is-serie[b-33cfeah0qx]   { background: #0B4F9E; }
.danni-serie__dot.is-singolo[b-33cfeah0qx] { background: #9DB0C7; }
.danni-serie__dot.is-nd[b-33cfeah0qx]      { background: #C9CFD8; }

.danni-serie__item-label[b-33cfeah0qx] {
    font-family: var(--font-body);
    font-size: .85rem;
    color: var(--text-muted);
    margin: 0;
}

.danni-serie__item-value[b-33cfeah0qx] {
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
    margin: 3px 0 2px;
}

.danni-serie__item-sub[b-33cfeah0qx] {
    font-family: var(--font-data);
    font-size: .75rem;
    color: var(--text-muted);
    margin: 0;
}

.danni-serie__total[b-33cfeah0qx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    border-top: 2px solid var(--border);
    margin-top: calc(var(--space) * .5);
}

.danni-serie__total-label[b-33cfeah0qx] {
    font-family: var(--font-body);
    font-size: .85rem;
    color: var(--text-muted);
}

.danni-serie__total-value[b-33cfeah0qx] {
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-pnn);
}

.danni-serie__note[b-33cfeah0qx] {
    margin-top: calc(var(--space) * 2);
    color: var(--text-muted);
    font-size: .78rem;
    font-style: italic;
}

@media (max-width: 740px) {
    .danni-serie__body[b-33cfeah0qx] { flex-direction: column; align-items: stretch; }
    .danni-serie__viz[b-33cfeah0qx]  { flex: none; }
    .danni-serie__svg[b-33cfeah0qx]  { width: 100%; height: auto; max-width: 300px; margin: 0 auto; display: block; }
}
/* /Components/TortaSavingPnn.razor.rz.scp.css */
.saving-pnn[b-qhbsyeh9w7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent-pnn);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 3);
}

.saving-pnn__periodo[b-qhbsyeh9w7] {
    color: var(--text-muted);
    font-family: var(--font-data);
    font-size: .8rem;
    margin: 2px 0 0;
}

.saving-pnn__loading[b-qhbsyeh9w7],
.saving-pnn__empty[b-qhbsyeh9w7] {
    margin-top: calc(var(--space) * 2);
    font-family: var(--font-data);
    font-size: .9rem;
    color: var(--text-muted);
}

.saving-pnn__body[b-qhbsyeh9w7] {
    display: flex;
    gap: calc(var(--space) * 5);
    align-items: center;
    margin-top: calc(var(--space) * 2.5);
    flex-wrap: wrap;
}

/* --- Donut SVG ---
   Regola generale: il grafico è l'elemento protagonista del pannello.
   Dimensionato per essere leggibile a colpo d'occhio, non minimizzato. */

.saving-pnn__viz[b-qhbsyeh9w7] { flex: 0 0 300px; }
.saving-pnn__svg[b-qhbsyeh9w7] { width: 300px; height: 300px; }

/* Spicchi: bordo bianco crea gap visivo senza geometria aggiuntiva */
.saving-pnn__slice[b-qhbsyeh9w7] {
    stroke: var(--surface);
    stroke-width: 2;
}

/* Palette tre toni visivamente distinti, nessun rosso/verde giudizio (principio nodo #53):
   blu accent pieno → risparmio rigetto (fetta più grande);
   teal → risparmio negoziale (hue completamente diverso, distinguibile anche in b/n);
   grigio smorzato → esborso. */
.saving-pnn__slice--rigettati[b-qhbsyeh9w7] { fill: #0B4F9E; } /* accent-pnn — risparmio pieno    */
.saving-pnn__slice--risparmio[b-qhbsyeh9w7] { fill: #2A9D8F; } /* teal       — risparmio negoziale */
.saving-pnn__slice--pagato[b-qhbsyeh9w7]    { fill: #B0BCCC; } /* grigio     — esborso, smorzato   */

.saving-pnn__center-label[b-qhbsyeh9w7] {
    font-family: var(--font-body);
    font-size: 9px;
    fill: var(--text-muted);
    text-anchor: middle;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.saving-pnn__center-value[b-qhbsyeh9w7] {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    fill: var(--text);
    text-anchor: middle;
}

/* --- Legenda --- */

.saving-pnn__legenda[b-qhbsyeh9w7] {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 1.5);
}

.saving-pnn__item[b-qhbsyeh9w7] {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--space) * 1.5);
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    border-radius: calc(var(--radius) * .6);
    background: var(--bg);
}

.saving-pnn__item--esborso[b-qhbsyeh9w7] { opacity: .82; }

.saving-pnn__dot[b-qhbsyeh9w7] {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    margin-top: 4px;
}

.saving-pnn__dot--rigettati[b-qhbsyeh9w7] { background: #0B4F9E; }
.saving-pnn__dot--risparmio[b-qhbsyeh9w7] { background: #2A9D8F; }
.saving-pnn__dot--pagato[b-qhbsyeh9w7]    { background: #B0BCCC; }

.saving-pnn__item-label[b-qhbsyeh9w7] {
    font-family: var(--font-body);
    font-size: .85rem;
    color: var(--text-muted);
    margin: 0;
}

.saving-pnn__item-value[b-qhbsyeh9w7] {
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
    margin: 3px 0 2px;
}

.saving-pnn__item-sub[b-qhbsyeh9w7] {
    font-family: var(--font-data);
    font-size: .75rem;
    color: var(--text-muted);
    margin: 0;
}

/* --- Riga totale --- */

.saving-pnn__total[b-qhbsyeh9w7] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: calc(var(--space) * 1.5) calc(var(--space) * 2);
    border-top: 2px solid var(--border);
    margin-top: calc(var(--space) * .5);
}

.saving-pnn__total-label[b-qhbsyeh9w7] {
    font-family: var(--font-body);
    font-size: .85rem;
    color: var(--text-muted);
}

.saving-pnn__total-value[b-qhbsyeh9w7] {
    font-family: var(--font-data);
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-pnn);
}

@media (max-width: 740px) {
    .saving-pnn__body[b-qhbsyeh9w7] { flex-direction: column; align-items: stretch; }
    .saving-pnn__viz[b-qhbsyeh9w7]  { flex: none; }
    .saving-pnn__svg[b-qhbsyeh9w7]  { width: 100%; height: auto; max-width: 300px; margin: 0 auto; display: block; }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-5fvfakckep] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5fvfakckep] {
    flex: 1;
}

.sidebar[b-5fvfakckep] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-5fvfakckep] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5fvfakckep]  a, .top-row[b-5fvfakckep]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5fvfakckep]  a:hover, .top-row[b-5fvfakckep]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5fvfakckep]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-5fvfakckep] {
        justify-content: space-between;
    }

    .top-row[b-5fvfakckep]  a, .top-row[b-5fvfakckep]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5fvfakckep] {
        flex-direction: row;
    }

    .sidebar[b-5fvfakckep] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5fvfakckep] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5fvfakckep]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5fvfakckep], article[b-5fvfakckep] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/MenuUtente.razor.rz.scp.css */
.menu-utente[b-cl2092rr6w] {
    position: relative;
    flex-shrink: 0;
}

.menu-utente__avatar[b-cl2092rr6w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent-pnn);
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .15s, opacity .15s;
    padding: 0;
}

.menu-utente__avatar:hover[b-cl2092rr6w] { border-color: color-mix(in srgb, var(--accent-pnn) 60%, white); }
.menu-utente__avatar:focus-visible[b-cl2092rr6w] { outline: 2px solid var(--accent-pnn); outline-offset: 2px; }

.menu-utente__iniziali[b-cl2092rr6w] {
    font-family: var(--font-display);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: #fff;
    user-select: none;
}

/* Overlay trasparente per chiudere al clic fuori */
.menu-utente__overlay[b-cl2092rr6w] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

/* Tendina */
.menu-utente__tendina[b-cl2092rr6w] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 200px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: calc(var(--space) * 1.5);
    z-index: 100;
}

.menu-utente__info[b-cl2092rr6w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-bottom: calc(var(--space) * 1.5);
}

.menu-utente__nome[b-cl2092rr6w] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .9rem;
    color: var(--text);
}

.menu-utente__email[b-cl2092rr6w] {
    font-family: var(--font-data);
    font-size: .8rem;
    color: var(--text-muted);
}

.menu-utente__sep[b-cl2092rr6w] {
    border: none;
    border-top: 1px solid var(--border);
    margin: 0 0 calc(var(--space) * 1.25);
}

.menu-utente__logout[b-cl2092rr6w] {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    font-family: var(--font-data);
    font-size: .875rem;
    color: var(--text-muted);
    cursor: pointer;
    padding: 5px 0;
    transition: color .12s;
}

.menu-utente__logout:hover[b-cl2092rr6w] { color: var(--text); }
/* /Pages/Admin/Visibilita.razor.rz.scp.css */
/* WI-16b — schermata visibilità utente (Admin). */
.vis-intro[b-zzryf647ah] { color: var(--text-muted); font-size: .9rem; max-width: 60ch; line-height: 1.5; }

.vis-utente[b-zzryf647ah] { display: flex; align-items: center; gap: calc(var(--space) * 1.5); margin: calc(var(--space) * 2) 0; }
.vis-utente label[b-zzryf647ah] { font-weight: 600; font-size: .9rem; }
.vis-select[b-zzryf647ah] {
    font-family: var(--font-data);
    font-size: .9rem;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) * .5);
    background: var(--bg);
    color: var(--text);
    min-width: 320px;
}

.vis-griglia[b-zzryf647ah] { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--space) * 3); }
@media (max-width: 800px) { .vis-griglia[b-zzryf647ah] { grid-template-columns: 1fr; } }

.vis-panel[b-zzryf647ah] {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    padding: calc(var(--space) * 2);
}
.vis-panel__tit[b-zzryf647ah] { margin: 0 0 calc(var(--space) * 1.5); font-family: var(--font-display); font-size: .95rem; }

.vis-toggle[b-zzryf647ah] { display: flex; gap: 2px; margin-bottom: calc(var(--space) * 1.5); }
.vis-toggle__btn[b-zzryf647ah] {
    font-family: var(--font-data);
    font-size: .78rem;
    font-weight: 600;
    padding: 5px 12px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}
.vis-toggle__btn:first-child[b-zzryf647ah] { border-radius: calc(var(--radius) * .5) 0 0 calc(var(--radius) * .5); }
.vis-toggle__btn:last-child[b-zzryf647ah]  { border-radius: 0 calc(var(--radius) * .5) calc(var(--radius) * .5) 0; margin-left: -1px; }
.vis-toggle__btn--on[b-zzryf647ah] {
    color: var(--accent-panoramica);
    border-color: var(--accent-panoramica);
    background: color-mix(in srgb, var(--accent-panoramica) 10%, transparent);
    z-index: 1;
}

.vis-list[b-zzryf647ah] { display: flex; flex-direction: column; gap: calc(var(--space) * .5); }
.vis-list--off[b-zzryf647ah] { opacity: .5; }
.vis-item[b-zzryf647ah] { display: flex; align-items: center; gap: calc(var(--space) * 1); font-size: .9rem; cursor: pointer; }
.vis-item input[disabled][b-zzryf647ah] { cursor: not-allowed; }

.vis-warn[b-zzryf647ah] { margin: calc(var(--space) * 1) 0 0; font-size: .8rem; color: #C23A39; }

.vis-riepilogo[b-zzryf647ah] {
    margin: calc(var(--space) * 2) 0;
    padding: calc(var(--space) * 1.5);
    border-left: 3px solid var(--accent-panoramica);
    background: color-mix(in srgb, var(--surface) 60%, var(--bg));
    font-size: .9rem;
}

.vis-azioni[b-zzryf647ah] { display: flex; align-items: center; gap: calc(var(--space) * 2); }
.vis-ok[b-zzryf647ah]  { color: #157A5A; font-size: .85rem; }
.vis-err[b-zzryf647ah] { color: #C23A39; font-size: .85rem; }
/* /Pages/Enrollment.razor.rz.scp.css */
.enroll-desc[b-24ixbg2cny] {
    font-size: .9rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0 0 calc(var(--space) * 4);
}

.enroll-qr[b-24ixbg2cny] {
    text-align: center;
    margin-bottom: calc(var(--space) * 4);
}

.enroll-qr img[b-24ixbg2cny] {
    border: 3px solid var(--border);
    border-radius: var(--radius);
    background: #fff;
    padding: calc(var(--space) * 1);
}

.enroll-warning[b-24ixbg2cny] {
    background: color-mix(in srgb, var(--accent-passivi) 10%, transparent);
    border: 1px solid var(--accent-passivi);
    border-radius: var(--radius);
    color: var(--text);
    font-size: .875rem;
    line-height: 1.6;
    padding: calc(var(--space) * 2) calc(var(--space) * 2.5);
    margin-bottom: calc(var(--space) * 3);
}

.enroll-codes[b-24ixbg2cny] {
    list-style: none;
    padding: 0;
    margin: 0 0 calc(var(--space) * 4);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--space) * 1.25);
}

.enroll-code[b-24ixbg2cny] {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-family: var(--font-data);
    font-size: .85rem;
    padding: calc(var(--space) * 1.25) calc(var(--space) * 2);
    text-align: center;
    color: var(--text);
    letter-spacing: .04em;
    user-select: all;
}
/* .totp-input è globale in LoginLayout (condivisa con StepTotp). */
/* /Pages/Gestione/CostoAlco.razor.rz.scp.css */
.costo-alco[b-94zs62rshy] {
    max-width: 1100px;
}

.costo-alco__head[b-94zs62rshy] {
    margin-bottom: calc(var(--space) * 3);
}

.eyebrow[b-94zs62rshy] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .75rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 0 0 calc(var(--space) * .5);
}

.costo-alco__head h1[b-94zs62rshy] {
    font-family: var(--font-display);
    font-size: 1.4rem;
    margin: 0 0 calc(var(--space));
    color: var(--text);
}

.costo-alco__sub[b-94zs62rshy] {
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.5;
    max-width: 70ch;
}

.costo-alco__errore[b-94zs62rshy] {
    background: color-mix(in srgb, #c0392b 12%, transparent);
    border: 1px solid color-mix(in srgb, #c0392b 40%, transparent);
    color: #c0392b;
    padding: calc(var(--space) * 1.5);
    border-radius: var(--radius);
    margin-bottom: calc(var(--space) * 2);
    font-size: .9rem;
}

.costo-alco__loading[b-94zs62rshy],
.vuoto[b-94zs62rshy] {
    color: var(--text-muted);
    padding: calc(var(--space) * 2);
    text-align: center;
}

.costo-alco__toolbar[b-94zs62rshy] {
    margin-bottom: calc(var(--space) * 2);
}

.costo-alco__scroll[b-94zs62rshy] {
    overflow-x: auto;
}

.ca-table[b-94zs62rshy] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.ca-table th[b-94zs62rshy],
.ca-table td[b-94zs62rshy] {
    padding: calc(var(--space) * 1.25) calc(var(--space) * 1.5);
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: middle;
}

.ca-table thead th[b-94zs62rshy] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .78rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.ca-table .num[b-94zs62rshy] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ca-table .note[b-94zs62rshy] {
    color: var(--text-muted);
    max-width: 32ch;
}

.ca-table .azioni[b-94zs62rshy] {
    white-space: nowrap;
    text-align: right;
}

.ca-edit td[b-94zs62rshy] {
    background: color-mix(in srgb, var(--border) 8%, transparent);
}

/* Badge stato */
.badge[b-94zs62rshy] {
    display: inline-block;
    padding: calc(var(--space) * .35) calc(var(--space));
    border-radius: var(--radius);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
}

.badge--warn[b-94zs62rshy] {
    background: color-mix(in srgb, #d68910 16%, transparent);
    color: #b9770e;
    border: 1px solid color-mix(in srgb, #d68910 40%, transparent);
}

.badge--ok[b-94zs62rshy] {
    background: color-mix(in srgb, #1e8449 14%, transparent);
    color: #1e8449;
    border: 1px solid color-mix(in srgb, #1e8449 38%, transparent);
}

/* Input inline */
.in[b-94zs62rshy] {
    width: 100%;
    padding: calc(var(--space) * .6) calc(var(--space));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font: inherit;
    background: var(--surface);
    color: var(--text);
}

.in--anno[b-94zs62rshy] { width: 6rem; }
.in--note[b-94zs62rshy] { min-width: 16rem; }

.in:disabled[b-94zs62rshy] {
    background: color-mix(in srgb, var(--border) 20%, transparent);
    color: var(--text-muted);
}

.chk[b-94zs62rshy] {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--space) * .5);
    font-size: .82rem;
    color: var(--text-muted);
    white-space: nowrap;
}

/* Bottoni */
.btn[b-94zs62rshy] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .82rem;
    padding: calc(var(--space) * .7) calc(var(--space) * 1.6);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s, opacity .15s;
}

.btn:hover:not(:disabled)[b-94zs62rshy] { border-color: var(--text-muted); }
.btn:disabled[b-94zs62rshy] { opacity: .45; cursor: not-allowed; }

.btn--mini[b-94zs62rshy] {
    font-size: .76rem;
    padding: calc(var(--space) * .45) calc(var(--space));
    margin-left: calc(var(--space) * .5);
}

.btn--primario[b-94zs62rshy] {
    background: var(--text);
    color: var(--surface);
    border-color: var(--text);
}

.btn--danger[b-94zs62rshy] {
    color: #c0392b;
    border-color: color-mix(in srgb, #c0392b 40%, transparent);
}

.btn--danger:hover:not(:disabled)[b-94zs62rshy] { border-color: #c0392b; }

.accesso-negato[b-94zs62rshy] {
    color: var(--text-muted);
    padding: calc(var(--space) * 4);
    text-align: center;
}

/* Download Catalogo Pannelli (nodo Catalogo) */
.costo-alco__catalogo[b-94zs62rshy] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * 1.5);
    flex-wrap: wrap;
    margin: 0 0 calc(var(--space) * 2);
    padding: calc(var(--space) * 1.25) calc(var(--space) * 1.5);
    background: color-mix(in srgb, var(--border) 8%, transparent);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

.costo-alco__catalogo .btn[b-94zs62rshy] { text-decoration: none; }

.costo-alco__catalogo-hint[b-94zs62rshy] {
    font-size: .82rem;
    color: var(--text-muted);
}
/* /Pages/Gestione/GestioneShell.razor.rz.scp.css */
.gest-shell[b-0cf5hanezn] {
    display: grid;
    grid-template-columns: 15rem 1fr;
    gap: calc(var(--space) * 4);
    align-items: start;
}

.gest-side[b-0cf5hanezn] {
    position: sticky;
    top: calc(var(--space) * 2);
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * .5);
    padding: calc(var(--space) * 2);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.gest-side__tit[b-0cf5hanezn] {
    margin: 0 0 calc(var(--space) * .5);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.gest-side__nav[b-0cf5hanezn] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * .25);
}

.gest-side__link[b-0cf5hanezn] {
    padding: calc(var(--space) * .6) calc(var(--space));
    border-radius: var(--radius);
    border-left: 3px solid transparent;
    font-family: var(--font-display);
    font-weight: 600;
    font-size: .85rem;
    color: var(--text-muted);
    text-decoration: none;
    transition: color .15s, background .15s, border-color .15s;
}

.gest-side__link:hover[b-0cf5hanezn] {
    color: var(--text);
    background: color-mix(in srgb, var(--border) 12%, transparent);
}

.gest-side__link.active[b-0cf5hanezn] {
    color: var(--text);
    border-left-color: var(--accent-passivi, #2a5db0);
    background: color-mix(in srgb, var(--accent-passivi, #2a5db0) 8%, transparent);
}

.gest-side__sep[b-0cf5hanezn] {
    height: 1px;
    margin: calc(var(--space)) 0;
    background: var(--border);
}

.gest-side__export[b-0cf5hanezn] {
    padding: calc(var(--space) * .6) calc(var(--space));
    font-size: .8rem;
    color: var(--text-muted);
    text-decoration: none;
}

.gest-side__export:hover[b-0cf5hanezn] { color: var(--text); text-decoration: underline; }

.gest-main[b-0cf5hanezn] { min-width: 0; }

@media (max-width: 900px) {
    .gest-shell[b-0cf5hanezn] { grid-template-columns: 1fr; }
    .gest-side[b-0cf5hanezn] { position: static; }
}
/* /Pages/Panoramica.razor.rz.scp.css */
/* Layout Panoramica (Blocco 3): blocchi impilati con spaziatura uniforme. */
.vista-panoramica[b-tkds8ot1bj] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--space) * 2);
}

/* B5 anello + B4 flusso affiancati, a colonna su viewport stretto. */
.panoramica__grafici[b-tkds8ot1bj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: calc(var(--space) * 2);
}

@media (max-width: 900px) {
    .panoramica__grafici[b-tkds8ot1bj] { grid-template-columns: 1fr; }
}

.panoramica__loading[b-tkds8ot1bj] { color: var(--text-muted); padding: calc(var(--space) * 2) 0; }

/* B1-bis — riga di contesto Panoramica (WI-18). Stile derivato dal segmented control
   .periodo-toggle (#66), con l'accent proprio della Panoramica (--accent-panoramica). */

.contesto[b-tkds8ot1bj] {
    display: flex;
    align-items: center;
    gap: calc(var(--space) * 3);
    padding: calc(var(--space) * 1.5) 0;
    border-bottom: 1px solid var(--border);
    flex-wrap: wrap;
}

.contesto__aggiornamento[b-tkds8ot1bj] {
    font-family: var(--font-data);
    font-size: .82rem;
    color: var(--text-muted);
    white-space: nowrap;
}

/* Segmented control 3 preset */
.contesto__periodo[b-tkds8ot1bj] {
    display: flex;
    gap: 2px;
}

.contesto-preset[b-tkds8ot1bj] {
    font-family: var(--font-data);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 4px 12px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: color .12s, border-color .12s, background .12s;
}

.contesto-preset:first-child[b-tkds8ot1bj] { border-radius: calc(var(--radius) * .5) 0 0 calc(var(--radius) * .5); }
.contesto-preset:last-child[b-tkds8ot1bj]  { border-radius: 0 calc(var(--radius) * .5) calc(var(--radius) * .5) 0; }
.contesto-preset:not(:first-child)[b-tkds8ot1bj] { margin-left: -1px; }

.contesto-preset:hover[b-tkds8ot1bj] { color: var(--text); border-color: var(--text-muted); }

.contesto-preset--attivo[b-tkds8ot1bj] {
    color: var(--accent-panoramica);
    border-color: var(--accent-panoramica);
    background: color-mix(in srgb, var(--accent-panoramica) 10%, transparent);
    z-index: 1;
}

.contesto-preset--attivo:focus-visible[b-tkds8ot1bj],
.contesto-preset:focus-visible[b-tkds8ot1bj] { outline: 2px solid var(--accent-panoramica); outline-offset: 2px; }

/* Report mensile — placeholder Fase 1, disabilitato */
.contesto__report[b-tkds8ot1bj] {
    margin-left: auto;
    font-family: var(--font-data);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .04em;
    padding: 4px 12px;
    border: 1px solid var(--accent-panoramica, #475569);
    border-radius: calc(var(--radius) * .5);
    background: transparent;
    color: var(--accent-panoramica, #475569);
    cursor: pointer;
    text-decoration: none;                 /* è un <a> stilizzato come bottone */
    transition: background .15s, color .15s;
}
a.contesto__report:hover[b-tkds8ot1bj] {
    background: var(--accent-panoramica, #475569);
    color: #fff;
}
/* Fallback disabilitato (periodo non ancora pronto) */
.contesto__report:disabled[b-tkds8ot1bj] {
    border-style: dashed;
    border-color: var(--border);
    color: var(--text-muted);
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 720px) {
    .contesto[b-tkds8ot1bj] { gap: calc(var(--space) * 1.5); }
    .contesto__report[b-tkds8ot1bj] { margin-left: 0; }
}
/* /Pages/SchedaPv.razor.rz.scp.css */
.schedapv[b-k3ldzd8k4a] { padding: calc(var(--space) * 2); max-width: 1100px; }

.schedapv__eyebrow[b-k3ldzd8k4a] {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .72rem;
    color: var(--text-muted);
    margin: 0;
}
.schedapv__titolo[b-k3ldzd8k4a] { font-size: 1.5rem; margin: .2rem 0 .3rem; }
.schedapv__periodo[b-k3ldzd8k4a] { font-size: .8rem; color: var(--text-muted); margin: 0 0 calc(var(--space) * 1.5); }

.schedapv__ricerca[b-k3ldzd8k4a] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--space) * .75);
    align-items: center;
    margin-bottom: calc(var(--space) * 1.5);
}
.schedapv__input[b-k3ldzd8k4a] {
    padding: .5rem .75rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: .9rem;
    min-width: 200px;
}
.schedapv__btn[b-k3ldzd8k4a] {
    padding: .5rem 1.2rem;
    border: none;
    border-radius: 6px;
    background: var(--accent-panoramica, #4a5568);
    color: #fff;
    font-size: .9rem;
    cursor: pointer;
}
.schedapv__btn:disabled[b-k3ldzd8k4a] { opacity: .5; cursor: default; }

.schedapv__card[b-k3ldzd8k4a] {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: calc(var(--space) * 1.5);
    margin-bottom: calc(var(--space) * 1.5);
    background: var(--surface, #fff);
}
.schedapv__card--placeholder[b-k3ldzd8k4a] { border-style: dashed; opacity: .85; }

.schedapv__h2[b-k3ldzd8k4a] { font-size: 1.05rem; margin: 0 0 var(--space); }

.schedapv__dl[b-k3ldzd8k4a] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space); margin: 0; }
.schedapv__dl dt[b-k3ldzd8k4a] { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); }
.schedapv__dl dd[b-k3ldzd8k4a] { margin: .1rem 0 0; font-weight: 600; }

.schedapv__kpis[b-k3ldzd8k4a] { display: flex; flex-wrap: wrap; gap: calc(var(--space) * 2); }
.schedapv__kpi[b-k3ldzd8k4a] { display: flex; flex-direction: column; }
.schedapv__kpi span[b-k3ldzd8k4a] { font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); }
.schedapv__kpi strong[b-k3ldzd8k4a] { font-family: var(--font-data); font-size: 1.15rem; }

.schedapv__tab[b-k3ldzd8k4a] { width: 100%; border-collapse: collapse; font-size: .88rem; overflow-x: auto; display: block; }
.schedapv__tab th[b-k3ldzd8k4a], .schedapv__tab td[b-k3ldzd8k4a] { padding: .45rem .6rem; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; }
.schedapv__tab th[b-k3ldzd8k4a] { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: var(--text-muted); }
.schedapv__tab .num[b-k3ldzd8k4a] { text-align: right; font-family: var(--font-data); }

/* Descrizione: tronca con ellissi (testo completo nel title al passaggio del mouse). */
.schedapv__desc[b-k3ldzd8k4a] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedapv__link[b-k3ldzd8k4a] { border: none; background: none; color: var(--accent-panoramica, #3557b7); cursor: pointer; font-size: .85rem; padding: 0; }
.schedapv__link:hover[b-k3ldzd8k4a] { text-decoration: underline; }

.schedapv__msg[b-k3ldzd8k4a] { color: var(--text-muted); font-size: .88rem; margin: var(--space) 0 0; }
.schedapv__msg--warn[b-k3ldzd8k4a] { color: #E24B4A; }
.schedapv__msg--info[b-k3ldzd8k4a] { color: var(--text-muted); font-style: italic; }
/* /Pages/StepTotp.razor.rz.scp.css */
/* Stili specifici del passo TOTP. Le classi condivise (.login-*, .totp-hint,
   .totp-input) sono globali in LoginLayout. */
.totp-recovery[b-5td2svfn6j] {
    text-align: center;
    margin-top: calc(var(--space) * 3);
}

.totp-link[b-5td2svfn6j] {
    background: none;
    border: none;
    color: var(--accent-pnn);
    font-size: .85rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}