@import '_content/BlazorColorPicker/BlazorColorPicker.19a8bqc7m0.bundle.scp.css';
@import '_content/WMBlazorOverlayScrollbars/WMBlazorOverlayScrollbars.bundle.scp.css';

/* /Pages/Vulcano/DettaglioIntervento.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Dettaglio intervento — stile della pagina (CSS isolato).
   Colori semantici (urgenza, tessere, feedback) = quelli di iVulcanoApp
   (InterventoPage.xaml e ImagesAndColorsConverter); la card di chiusura
   con le ore è del portale e usa i colori del tema;
   il resto usa le variabili del tema, così il tema scuro funziona.
   Pannelli, finestre, avvisi, legenda e tinte sono nel foglio comune
   wwwroot/assets/css/vulcano-interventi.css.
   Il CSS isolato arriva prima del tema: dove il tema ha regole con due
   classi (.card.custom-card) qui se ne usano tre.
   ════════════════════════════════════════════════════════════════════ */

.vd-pagina[b-y89y1mk104] { padding-bottom: 0; }

.vd-indietro[b-y89y1mk104] { flex-shrink: 0; }

.vd-indietro:focus-visible[b-y89y1mk104],
.vd-segno:focus-visible[b-y89y1mk104],
.vd-cantiere:focus-visible[b-y89y1mk104],
.vd-notifica:focus-visible[b-y89y1mk104],
.vd-link-strumenti:focus-visible[b-y89y1mk104],
.vd-barra .btn:focus-visible[b-y89y1mk104],
.vd-chiusura .btn:focus-visible[b-y89y1mk104],
.vd-strumenti .list-group-item-action:focus-visible[b-y89y1mk104],
.vd-stella:focus-visible[b-y89y1mk104],
.vd-strumenti-card:focus-visible[b-y89y1mk104] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.vd-strumenti-card:focus:not(:focus-visible)[b-y89y1mk104] { outline: none; }

/* Riquadro "Intervento chiuso": riceve il focus dopo la chiusura (tabindex -1) */
.vd-chiusura-esito:focus-visible[b-y89y1mk104] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: 2px; }
.vd-chiusura-esito:focus:not(:focus-visible)[b-y89y1mk104] { outline: none; }

/* ── Testata (bordo arrotondato in basso a destra come nell'app) ───── */
.vd-pagina .card.custom-card.vd-testata[b-y89y1mk104] {
    border: 1px solid var(--default-border);
    border-radius: .6rem .6rem 2.75rem .6rem;
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(var(--primary-rgb), .08) 0%, transparent 55%),
        var(--custom-white);
    overflow: hidden;
}

.vd-testata-corpo[b-y89y1mk104] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.5rem 1.35rem;
}

.vd-testata-info[b-y89y1mk104] { display: flex; flex-direction: column; gap: .35rem; }

.vd-testata-impianto[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--default-text-color);
}

.vd-testata-riga[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .8125rem;
    color: var(--text-muted);
}

.vd-testata-riga > i[b-y89y1mk104] { font-size: 1rem; line-height: 1; opacity: .8; flex-shrink: 0; }

.vd-testata-lato[b-y89y1mk104] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .6rem;
    flex-shrink: 0;
}

/* Pillola dell'urgenza (colore per ID, come il dettaglio dell'app) */
.vd-urgenza[b-y89y1mk104] {
    min-width: 5.5rem;
    padding: .28rem .8rem;
    border-radius: .55rem;
    font-size: .72rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vd-urgenza.chiara[b-y89y1mk104] { border: 1px solid var(--default-border); }

.vd-segni[b-y89y1mk104] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }

/* Icone che aprono la legenda */
.vd-segno[b-y89y1mk104] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: .4rem;
    line-height: 1;
}

.vd-segno img[b-y89y1mk104], .vd-segno .vi-tinta[b-y89y1mk104] { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
.vd-testata-impianto .vd-segno img[b-y89y1mk104] { width: 1.4rem; height: 1.4rem; }

.vd-segno.con-testo[b-y89y1mk104] {
    padding: .22rem .55rem .22rem .35rem;
    border: 1px solid var(--default-border);
    border-radius: 2rem;
    background: var(--custom-white);
    font-size: .7rem;
    color: var(--text-muted);
    transition: border-color .15s;
}

.vd-segno.con-testo:hover[b-y89y1mk104] { border-color: rgb(var(--primary-rgb)); }
.vd-segno.con-testo img[b-y89y1mk104], .vd-segno.con-testo .vi-tinta[b-y89y1mk104] { width: 1rem; height: 1rem; }

[data-theme-mode=dark] .vd-segno img[b-y89y1mk104] { background: rgba(255, 255, 255, .88); border-radius: .25rem; padding: .05rem; }

/* ── Griglia: colonna principale + colonna laterale fissa (≥ 1200px) ─ */
.vd-griglia[b-y89y1mk104] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 21.5rem;
    align-items: start;
    gap: 1.25rem;
}

.vd-principale[b-y89y1mk104], .vd-laterale[b-y89y1mk104] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

/* Fissa mentre si scorre solo quando lo schermo è abbastanza alto da mostrarla tutta */
@media (min-height: 60rem) {
    .vd-laterale[b-y89y1mk104] { position: sticky; top: 5.5rem; }
}

.vd-griglia .card.custom-card.vd-blocco[b-y89y1mk104] { margin-block-end: 0; }

.vd-strumenti-link[b-y89y1mk104] { display: none; }

/* ── Intestazione e corpo delle card ───────────────────────────────── */
.vd-card-testa[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .875rem;
    font-weight: 700;
}

.vd-card-testa > i[b-y89y1mk104] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    background: rgba(var(--primary-rgb), .1);
    color: rgb(var(--primary-rgb));
    flex-shrink: 0;
}

[data-theme-mode=dark] .vd-card-testa > i[b-y89y1mk104] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); background: rgba(var(--primary-rgb), .3); }

.vd-card-testa .badge[b-y89y1mk104] { font-weight: 600; }

.vd-card-corpo[b-y89y1mk104] { padding: 1.1rem 1.25rem 1.25rem; }

.vd-in-arrivo[b-y89y1mk104] {
    margin-left: auto;
    padding: .12rem .5rem;
    border-radius: 2rem;
    background: rgba(var(--secondary-rgb), .12);
    color: var(--text-muted);
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.vd-freccia[b-y89y1mk104] { margin-left: auto; font-size: 1.25rem; line-height: 1; color: var(--text-muted); flex-shrink: 0; }
.vd-freccia.spenta[b-y89y1mk104] { opacity: .35; }

/* ── Card di notifica (NotifyCardViewBase dell'app) ────────────────── */
.vd-notifica[b-y89y1mk104] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: .75rem;
    text-align: left;
    color: #343434;
    background: var(--custom-white);
    box-shadow: 0 .125rem 0 rgba(10, 10, 10, .04);
    transition: transform .15s, box-shadow .15s;
}

button.vd-notifica:hover[b-y89y1mk104] { transform: translateY(-1px); box-shadow: 0 .35rem .9rem rgba(0, 0, 0, .08); }

.vd-notifica.rosa[b-y89y1mk104] { background: #FFE4E1; }            /* MistyRose / REQUIRED #FFD9DA */
button.vd-notifica.rosa[b-y89y1mk104] { background: #FFD9DA; }
.vd-notifica.verde[b-y89y1mk104] { background: #EAFAEA; }           /* COMPLETED */
.vd-notifica.in-arrivo[b-y89y1mk104] { cursor: default; }

.vd-notifica-icona[b-y89y1mk104] { width: 1.6rem; height: 1.6rem; flex-shrink: 0; }
.vd-notifica-titolo[b-y89y1mk104] { font-size: .8125rem; font-weight: 600; min-width: 0; }
.vd-notifica .vd-in-arrivo[b-y89y1mk104] { background: rgba(0, 0, 0, .07); color: #6b6b6b; }
.vd-notifica .vd-freccia[b-y89y1mk104] { color: #6b6b6b; }

[data-theme-mode=dark] .vd-notifica[b-y89y1mk104] { color: var(--default-text-color); border-color: var(--default-border); }
[data-theme-mode=dark] .vd-notifica.rosa[b-y89y1mk104],
[data-theme-mode=dark] button.vd-notifica.rosa[b-y89y1mk104] { background: rgba(255, 99, 110, .16); }
[data-theme-mode=dark] .vd-notifica.verde[b-y89y1mk104] { background: rgba(52, 199, 89, .15); }
[data-theme-mode=dark] .vd-notifica .vd-in-arrivo[b-y89y1mk104] { background: rgba(255, 255, 255, .1); color: var(--text-muted); }
[data-theme-mode=dark] .vd-notifica .vd-freccia[b-y89y1mk104] { color: var(--text-muted); }
[data-theme-mode=dark] img.vd-notifica-icona[b-y89y1mk104] { background: rgba(255, 255, 255, .88); border-radius: .3rem; padding: .1rem; }

/* ── Cantiere ──────────────────────────────────────────────────────── */
.vd-cantiere[b-y89y1mk104] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .9rem 1rem .9rem 1.15rem;
    border: 1px solid var(--default-border);
    border-radius: .75rem;
    background: var(--custom-white);
    text-align: left;
    color: var(--default-text-color);
    box-shadow: 0 .125rem 0 rgba(10, 10, 10, .04);
    transition: border-color .15s, box-shadow .15s;
}

.vd-cantiere:hover[b-y89y1mk104] { border-color: rgba(var(--primary-rgb), .45); box-shadow: 0 .35rem .9rem rgba(0, 0, 0, .06); }

.vd-cantiere-icona[b-y89y1mk104] { display: inline-flex; width: 2.5rem; height: 2.5rem; flex-shrink: 0; }
.vd-cantiere-icona img[b-y89y1mk104] { width: 100%; height: 100%; }
[data-theme-mode=dark] .vd-cantiere-icona img[b-y89y1mk104] { background: rgba(255, 255, 255, .88); border-radius: .4rem; padding: .15rem; }

.vd-cantiere > .min-w-0[b-y89y1mk104] { display: flex; flex-direction: column; gap: .1rem; }
.vd-cantiere-titolo[b-y89y1mk104] { font-size: .875rem; font-weight: 700; color: var(--default-text-color); }
.vd-cantiere-titolo small[b-y89y1mk104] { font-size: .7rem; font-weight: 700; color: var(--text-muted); margin-left: .25rem; }
.vd-cantiere-riga[b-y89y1mk104] { font-size: .8125rem; color: var(--text-muted); }

/* ── Chiusura intervento (ore di lavoro) ───────────────────────────── */
.vd-pagina .card.custom-card.vd-chiusura[b-y89y1mk104] { border: 1px solid var(--default-border); }

.vd-chiusura-intro[b-y89y1mk104] { margin-bottom: 1rem; font-size: .8125rem; color: var(--text-muted); }

/* Etichetta dei gruppi di campi e della fine calcolata. Sul legend resta il float del tema,
   che lo toglie dal bordo del fieldset e fa valere il margine sotto. */
.vd-chiusura-etichetta[b-y89y1mk104] {
    display: block;
    margin-bottom: .4rem;
    padding: 0;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

/* Inizio su tutta la riga, durata e straordinario affiancati sotto. Le colonne dipendono dalla
   card e non dalla finestra: tra 1200 e 1400px la colonna principale è stretta e tre gruppi in
   fila (col-md-*) andrebbero a capo dentro l'input-group. */
.vd-chiusura-campi[b-y89y1mk104] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    max-width: 34rem;
}

.vd-chiusura-campo-inizio[b-y89y1mk104] { grid-column: 1 / -1; }

/* Data più larga dell'ora; i numeri non vanno sotto la larghezza di due cifre */
.vd-chiusura-inizio > .form-floating:first-child[b-y89y1mk104] { flex: 1.35 1 0; }
.vd-chiusura .input-group > .form-floating[b-y89y1mk104] { min-width: 4.25rem; }
.vd-chiusura input[type=number][b-y89y1mk104] { font-variant-numeric: tabular-nums; }

.vd-chiusura-piede[b-y89y1mk104] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--default-border);
}

.vd-chiusura-fine[b-y89y1mk104] { min-width: 0; }

.vd-chiusura-fine output[b-y89y1mk104] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: 1rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--default-text-color);
}

.vd-chiusura-fine output > i[b-y89y1mk104] { font-size: 1.1rem; font-weight: 400; color: rgb(var(--primary-rgb)); }

/* Fine oltre l'ora attuale: la chiusura verrebbe rifiutata */
.vd-chiusura-fine.oltre output[b-y89y1mk104],
.vd-chiusura-fine.oltre output > i[b-y89y1mk104] { color: rgb(var(--danger-rgb)); }

.vd-chiusura-fine-nota[b-y89y1mk104] {
    display: block;
    margin-top: .15rem;
    font-size: .72rem;
    font-weight: 600;
    color: rgb(var(--danger-rgb));
}

.vd-btn-chiudi[b-y89y1mk104] {
    min-width: 12rem;
    height: 2.85rem;
    font-weight: 700;
    border-radius: .6rem;
    box-shadow: 0 .35rem .9rem rgba(var(--primary-rgb), .25);
}

.vd-btn-chiudi:disabled[b-y89y1mk104] { box-shadow: none; }

/* Intervento chiuso: esito e riepilogo in sola lettura */
.vd-chiusura-esito[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem;
    border: 1px solid rgba(var(--success-rgb), .3);
    border-radius: .65rem;
    background: rgba(var(--success-rgb), .1);
}

.vd-chiusura-esito > i[b-y89y1mk104] { font-size: 1.6rem; line-height: 1; color: rgb(var(--success-rgb)); flex-shrink: 0; }
.vd-chiusura-esito-titolo[b-y89y1mk104] { font-size: .875rem; font-weight: 700; }
.vd-chiusura-esito-testo[b-y89y1mk104] { font-size: .75rem; color: var(--text-muted); }

.vd-chiusura-riepilogo[b-y89y1mk104] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0 0;
}

/* --light-rgb cambia con il tema; --light il tema non la definisce (lo sfondo sparirebbe) */
.vd-chiusura-riepilogo > div[b-y89y1mk104] {
    padding: .65rem .8rem;
    border: 1px solid var(--default-border);
    border-radius: .55rem;
    background: rgb(var(--light-rgb));
    min-width: 0;
}

.vd-chiusura-riepilogo dt[b-y89y1mk104] {
    margin-bottom: .2rem;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.vd-chiusura-riepilogo dd[b-y89y1mk104] {
    margin: 0;
    font-size: .875rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

/* ── Campi ─────────────────────────────────────────────────────────── */
.vd-sola-lettura[b-y89y1mk104] {
    padding: .7rem .9rem;
    border: 1px dashed var(--default-border);
    border-radius: .5rem;
    background: rgb(var(--light-rgb));
}

.vd-sola-lettura-etichetta[b-y89y1mk104] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: .25rem;
}

.vd-sola-lettura-testo[b-y89y1mk104] { font-size: .8125rem; white-space: pre-line; overflow-wrap: anywhere; }

.vd-descrizione > textarea.form-control[b-y89y1mk104] {
    height: 9.5rem;
    min-height: 6rem;
    resize: vertical;
}

.vd-contatore[b-y89y1mk104] {
    display: block;
    margin-top: .3rem;
    text-align: right;
    font-size: .68rem;
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
}

.vd-contatore.quasi[b-y89y1mk104] { color: rgb(var(--warning-rgb)); font-weight: 600; }

.vd-pagina .card.custom-card.vd-errore[b-y89y1mk104] { box-shadow: 0 0 0 1px rgba(var(--danger-rgb), .55); }

.vd-switch-grande[b-y89y1mk104] { display: flex; align-items: center; gap: .6rem; padding-left: 0; min-height: 0; }
.vd-switch-grande .form-check-input[b-y89y1mk104] { width: 2.6rem; height: 1.4rem; margin: 0; float: none; flex-shrink: 0; cursor: pointer; }
.vd-switch-grande .form-check-label[b-y89y1mk104] { cursor: pointer; font-size: .8125rem; }

/* ── Servizi ───────────────────────────────────────────────────────── */
.vd-vuoto[b-y89y1mk104] { padding: 1.25rem 0 .25rem; text-align: center; font-size: .8125rem; color: var(--text-muted); }

.vd-gruppo[b-y89y1mk104] {
    margin: .9rem 0 .35rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--text-muted);
}

.vd-servizi[b-y89y1mk104] { list-style: none; margin: 0; padding: 0; }

/* Righe che aprono la pagina del servizio: tutta la riga è cliccabile, l'interruttore resta sopra */
.vd-servizi li.apribile[b-y89y1mk104] { position: relative; }
.vd-servizi li.apribile:hover[b-y89y1mk104] { background: rgba(var(--primary-rgb), .04); }
.vd-servizi li.selezionata[b-y89y1mk104] { background: #FFEFD0; }
[data-theme-mode=dark] .vd-servizi li.selezionata[b-y89y1mk104] { background: rgba(255, 196, 51, .14); }

.vd-servizio-apri[b-y89y1mk104] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.vd-servizio-apri[b-y89y1mk104]::after { content: ""; position: absolute; inset: 0; }
.vd-servizio-apri:focus-visible[b-y89y1mk104] { outline: none; }
.vd-servizi li.apribile:has(.vd-servizio-apri:focus-visible)[b-y89y1mk104] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: -2px; border-radius: .4rem; }
.vd-servizi li.apribile .vd-eseguito[b-y89y1mk104] { position: relative; z-index: 1; }
.vd-freccia-posto[b-y89y1mk104] { width: 1.25rem; flex-shrink: 0; }

.vd-servizi li[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .35rem;
    border-bottom: 1px dashed var(--default-border);
}

.vd-servizi li:last-child[b-y89y1mk104] { border-bottom: 0; }

.vd-servizio-icona[b-y89y1mk104] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--default-border);
    background: #fff;
    flex-shrink: 0;
}

.vd-servizio-icona img[b-y89y1mk104] { width: 100%; height: 100%; object-fit: contain; }

.vd-servizio-testo[b-y89y1mk104] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .8125rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vd-servizio-nota[b-y89y1mk104] { color: #FF8C00; font-size: 1rem; flex-shrink: 0; }

/* Interruttore "Eseguito": arancio da fare, verde eseguito */
.vd-eseguito.form-switch[b-y89y1mk104] { padding-left: 0; margin: 0; min-height: 0; flex-shrink: 0; }

.vd-eseguito.form-switch .form-check-input[b-y89y1mk104] {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FF8C00'/%3e%3c/svg%3e");
    width: 2.6rem;
    height: 1.4rem;
    margin: 0;
    float: none;
    cursor: pointer;
    background-color: #FFF1E0;
    border-color: #FFB366;
}

.vd-eseguito.form-switch .form-check-input:checked[b-y89y1mk104] {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: #32A852;
    border-color: #32A852;
}

.vd-eseguito.form-switch .form-check-input:focus-visible[b-y89y1mk104] { box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .25); }

[data-theme-mode=dark] .vd-eseguito.form-switch .form-check-input:not(:checked)[b-y89y1mk104] { background-color: rgba(255, 140, 0, .15); border-color: rgba(255, 140, 0, .5); }

/* ── Link a sotto-pagine (materiali) ───────────────────────────────── */
.vd-link-card[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .75rem 1rem;
    border: 1px solid var(--default-border);
    border-radius: .65rem;
    background: rgb(var(--light-rgb));
}

.vd-link-card.in-arrivo[b-y89y1mk104] { cursor: default; }
.vd-link-card-icona[b-y89y1mk104] { width: 2rem; height: 2rem; flex-shrink: 0; }
[data-theme-mode=dark] .vd-link-card-icona[b-y89y1mk104] { background: rgba(255, 255, 255, .88); border-radius: .35rem; padding: .1rem; }
.vd-link-card > .min-w-0[b-y89y1mk104] { display: flex; flex-direction: column; }
.vd-link-card-titolo[b-y89y1mk104] { font-size: .8125rem; font-weight: 600; }
.vd-link-card-sotto[b-y89y1mk104] { font-size: .72rem; color: var(--text-muted); }

/* ── Informazioni a corredo ────────────────────────────────────────
   Nella colonna laterale una riga per voce; a colonna unica tre tessere
   affiancate come nell'app (vedi media query in fondo). */
.vd-tessere[b-y89y1mk104] { display: flex; flex-direction: column; gap: .5rem; }

/* Le tessere aprono la sotto-pagina */
button.vd-tessera[b-y89y1mk104] {
    width: 100%;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}

button.vd-tessera:hover[b-y89y1mk104] { border-color: rgba(var(--primary-rgb), .45); box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .06); }
button.vd-tessera:focus-visible[b-y89y1mk104] { outline: 2px solid rgb(var(--primary-rgb)) !important; outline-offset: 2px; }

.vd-tessera[b-y89y1mk104] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) auto;
    grid-template-areas: "icona titolo dato";
    align-items: center;
    column-gap: .75rem;
    padding: .55rem .8rem .55rem .6rem;
    border: 1px solid var(--default-border);
    border-radius: .65rem;
    background: var(--custom-white);
    cursor: default;
}

.vd-tessera.completa[b-y89y1mk104] { background: #D0F8B1; border-color: rgba(50, 168, 82, .35); }
[data-theme-mode=dark] .vd-tessera.completa[b-y89y1mk104] { background: rgba(52, 199, 89, .15); }

.vd-tessera-titolo[b-y89y1mk104] { grid-area: titolo; font-size: .8125rem; font-weight: 600; }
.vd-tessera-dato[b-y89y1mk104] { grid-area: dato; font-size: .72rem; color: var(--text-muted); white-space: nowrap; }
.vd-tessera.completa .vd-tessera-dato[b-y89y1mk104] { color: #2f6b2f; font-weight: 600; }
[data-theme-mode=dark] .vd-tessera.completa .vd-tessera-dato[b-y89y1mk104] { color: #8fdc9f; }

.vd-tessera-icona[b-y89y1mk104] { grid-area: icona; width: 1.7rem; height: 1.7rem; justify-self: center; }
[data-theme-mode=dark] .vd-tessera-icona[b-y89y1mk104] { background: rgba(255, 255, 255, .88); border-radius: .3rem; padding: .1rem; }

/* ── L'impianto può funzionare in sicurezza ────────────────────────── */
.vd-sicurezza[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1.1rem;
    margin: 0;
    border: 1px solid var(--default-border);
    border-radius: .75rem;
    background: var(--custom-white);
    font-size: .875rem;
    cursor: pointer;
    box-shadow: 0 .125rem 0 rgba(10, 10, 10, .04);
}

.vd-sicurezza-icona[b-y89y1mk104] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--success-rgb), .12);
    color: rgb(var(--success-rgb));
    font-size: 1.15rem;
    flex-shrink: 0;
}

.vd-sicurezza:has(input:focus-visible)[b-y89y1mk104] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: 2px; }

/* ── Strumenti aggiuntivi ──────────────────────────────────────────── */
.vd-link-strumenti[b-y89y1mk104] {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
    padding: 0;
    font-size: .875rem;
    font-weight: 600;
    text-decoration: none;
}

.vd-link-strumenti i[b-y89y1mk104] { font-size: 1.1rem; }

.vd-strumenti .list-group-item[b-y89y1mk104] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 1.25rem;
    border-color: var(--default-border);
    background: transparent;
    font-size: .8125rem;
    text-align: left;
    color: var(--default-text-color);
}

.vd-strumenti .list-group-item > i[b-y89y1mk104] { font-size: 1.15rem; line-height: 1; width: 1.25rem; text-align: center; flex-shrink: 0; }
.vd-strumenti .list-group-item-action[b-y89y1mk104] { font-weight: 600; }
.vd-strumenti .list-group-item-action:hover[b-y89y1mk104] { background: rgba(var(--primary-rgb), .05); }
.vd-strumento-spento[b-y89y1mk104] { cursor: default; }
.vd-strumento-spento > span:not(.vd-in-arrivo)[b-y89y1mk104] { color: var(--text-muted); }
.vd-strumento-spento > i[b-y89y1mk104] { opacity: .55; }

.vd-strumenti-separatore[b-y89y1mk104] { height: .4rem; background: rgb(var(--light-rgb)); border-top: 1px solid var(--default-border); }

/* ── Barra di salvataggio ──────────────────────────────────────────── */
.vd-barra[b-y89y1mk104] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1.5rem;
    padding: .75rem 1rem;
    border: 1px solid var(--default-border);
    border-bottom: 0;
    border-radius: .85rem .85rem 0 0;
    background: var(--custom-white);
    box-shadow: 0 -.4rem 1.2rem rgba(0, 0, 0, .07);
}

.vd-barra-stato[b-y89y1mk104] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-right: auto;
    min-width: 0;
    font-size: .78rem;
    color: var(--text-muted);
}

.vd-barra .btn[b-y89y1mk104] { white-space: nowrap; flex-shrink: 0; }

.vd-barra-punto[b-y89y1mk104] { width: .55rem; height: .55rem; border-radius: 50%; background: rgba(var(--success-rgb), .8); flex-shrink: 0; }
.vd-barra-stato.modificato[b-y89y1mk104] { color: var(--default-text-color); font-weight: 600; }
.vd-barra-stato.modificato .vd-barra-punto[b-y89y1mk104] { background: #FF8C00; box-shadow: 0 0 0 .2rem rgba(255, 140, 0, .2); }

/* ── Pannelli della pagina ─────────────────────────────────────────── */
.vd-fase[b-y89y1mk104] { padding: .35rem 0 .35rem 1.75rem; margin: 0; }
.vd-fase .form-check-label[b-y89y1mk104] { font-size: .8125rem; cursor: pointer; }
.vd-fase .form-check-input[b-y89y1mk104] { cursor: pointer; }

.vd-feedback-immagine[b-y89y1mk104] { display: block; width: 100%; height: 9.5rem; object-fit: cover; }

.vd-voto[b-y89y1mk104] { padding: .35rem 0 .85rem; }
.vd-voto + .vd-voto[b-y89y1mk104] { border-top: 1px dashed var(--default-border); padding-top: .85rem; }

.vd-stelle[b-y89y1mk104] { display: flex; gap: .3rem; }

.vd-stella[b-y89y1mk104] {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--text-muted);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .12s, color .12s;
}

.vd-stella:hover[b-y89y1mk104] { transform: scale(1.12); }
.vd-stella.piena[b-y89y1mk104] { color: #FFB800; }

.vd-opinione[b-y89y1mk104] { height: 6.5rem !important; resize: vertical; }

/* ── Scheletro di caricamento ──────────────────────────────────────── */
.vd-scheletro .card.custom-card[b-y89y1mk104] { margin-block-end: 1.25rem; }

/* ── Schermi medi e piccoli: una colonna, nell'ordine dell'app ─────── */
@media (max-width: 1199.98px) {
    .vd-griglia[b-y89y1mk104] { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; }
    .vd-principale[b-y89y1mk104], .vd-laterale[b-y89y1mk104] { display: contents; }
    .vd-blocco[b-y89y1mk104] { order: var(--vd-ordine, 50); }
    .vd-strumenti-card[b-y89y1mk104] { display: none; }
    .vd-strumenti-link[b-y89y1mk104] { display: flex; justify-content: flex-end; margin-bottom: -.35rem; }

    .vd-tessere[b-y89y1mk104] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
    .vd-tessera[b-y89y1mk104] { position: relative; display: flex; flex-direction: column; gap: .15rem; min-height: 5.5rem; padding: .7rem .75rem; }
    .vd-tessera-titolo[b-y89y1mk104] { font-size: .78rem; font-weight: 700; }
    .vd-tessera-icona[b-y89y1mk104] { position: absolute; right: .55rem; bottom: .5rem; }
}

/* Riepilogo della chiusura su due colonne quando le date non stanno in quattro */
@media (max-width: 767.98px) {
    .vd-chiusura-riepilogo[b-y89y1mk104] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .vd-testata-corpo[b-y89y1mk104] { flex-direction: column-reverse; gap: .75rem; padding: 1rem 1.1rem 1.2rem; }
    .vd-testata-lato[b-y89y1mk104] { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
    .vd-pagina .card.custom-card.vd-testata[b-y89y1mk104] { border-radius: .6rem .6rem 2rem .6rem; }
    .vd-card-corpo[b-y89y1mk104] { padding: 1rem; }
    .vd-card-testa[b-y89y1mk104] { padding: .8rem 1rem; }
    .vd-tessere[b-y89y1mk104] { gap: .45rem; }
    .vd-tessera[b-y89y1mk104] { min-height: 5rem; padding: .6rem; }
    .vd-tessera-titolo[b-y89y1mk104] { font-size: .72rem; }
    .vd-barra[b-y89y1mk104] { margin-inline: -.75rem; border-radius: 0; border-inline: 0; padding: .65rem .75rem; }
    .vd-etichetta[b-y89y1mk104] { display: none; }
    .vd-barra-stato[b-y89y1mk104] { font-size: .72rem; line-height: 1.25; }
    .vd-barra-stato .badge[b-y89y1mk104] { display: none; }
    .vd-chiusura-riepilogo[b-y89y1mk104] { gap: .5rem; }
    .vd-btn-chiudi[b-y89y1mk104] { width: 100%; }
}

/* Telefoni molto stretti: durata e straordinario uno sotto l'altro, ore e minuti restano in riga */
@media (max-width: 359.98px) {
    .vd-chiusura-campi[b-y89y1mk104] { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .vd-notifica[b-y89y1mk104], .vd-cantiere[b-y89y1mk104], .vd-stella[b-y89y1mk104] { transition: none; }
    button.vd-notifica:hover[b-y89y1mk104], .vd-stella:hover[b-y89y1mk104] { transform: none; }
}
/* /Pages/Vulcano/ElencoInterventi.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Elenco interventi — stile della pagina (CSS isolato).
   Struttura della pagina "Dealers Network" di SparkPortal: ricerca
   compatta in alto, filtri a sinistra (cassetto sotto 1200 px), la
   pagina scorre e la colonna dei filtri resta ferma.
   Colori semantici (urgenza, appuntamento) = quelli di iVulcanoApp; il
   resto usa le variabili del tema, così il tema scuro funziona senza
   colori fissi. Gruppi di filtri, pannelli, legenda, avvisi e stati di
   pagina sono nel foglio comune wwwroot/assets/css/vulcano-interventi.css.
   ════════════════════════════════════════════════════════════════════ */

/* ── Ricerca compatta (hero di Spark, circa 100 px invece di 200) ──── */
/* La card del tema taglia il contenuto per arrotondare l'immagine di
   sfondo: il taglio passa all'immagine, così il menu delle ultime
   ricerche può uscire dalla card (Spark, Dealers-network.razor:25-26). */
/* Il foglio isolato si carica prima del tema: i selettori portano .card.custom-card
   per vincere su quelli del tema (.card.custom-card, .card.custom-card .card-body). */
.card.custom-card.vi-hero[b-f8eiffxtpi] { overflow: visible !important; margin-block-end: 1.25rem; }
.card.custom-card.vi-hero[b-f8eiffxtpi]::after { clip-path: inset(0 round .5rem); }

.card.custom-card.vi-hero .card-body[b-f8eiffxtpi] { padding: .85rem 1.25rem; }

.vi-hero-riga[b-f8eiffxtpi] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.vi-hero-ricerca[b-f8eiffxtpi] { flex: 1 1 auto; min-width: 0; max-width: 46rem; }

.vi-hero-numeri[b-f8eiffxtpi] {
    margin-left: auto;
    gap: 1.5rem;
    flex-shrink: 0;
    color: #fff;
    text-align: right;
}

.vi-hero-numeri strong[b-f8eiffxtpi] { display: block; font-size: 1.25rem; font-weight: 700; line-height: 1.1; }
.vi-hero-numeri span[b-f8eiffxtpi] { font-size: .72rem; opacity: .8; }

.vi-hero-recenti[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .55rem;
}

.vi-hero-recenti-titolo[b-f8eiffxtpi] { margin-right: .15rem; font-size: .72rem; color: #fff; opacity: .75; }

/* Al posto di bg-white-transparent, che il tema non ha (in Spark i chip restavano senza fondo) */
.vi-hero-chip[b-f8eiffxtpi] {
    max-width: 14rem;
    padding: .15rem .65rem;
    border: 0;
    border-radius: 2rem;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: .72rem;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vi-hero-chip:hover[b-f8eiffxtpi] { background: rgba(255, 255, 255, .28); }
.vi-hero-chip.attiva[b-f8eiffxtpi] { background: #fff; color: rgb(var(--primary-rgb)); font-weight: 600; }

/* ── Colonna dei filtri ────────────────────────────────────────────── */
.card.custom-card.vi-filtri[b-f8eiffxtpi] {
    display: flex;
    flex-direction: column;
    margin-block-end: 1.5rem;
}

.vi-filtri:focus[b-f8eiffxtpi] { outline: none; }

.vi-filtri-testa[b-f8eiffxtpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--default-border);
}

.vi-filtri-titolo[b-f8eiffxtpi] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
}

.vi-filtri-titolo i[b-f8eiffxtpi] { font-size: 1rem; color: rgb(var(--primary-rgb)); }
[data-theme-mode=dark] .vi-filtri-titolo i[b-f8eiffxtpi] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

.vi-filtri-corpo[b-f8eiffxtpi] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.vi-filtri-piede[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--default-border);
    background: var(--custom-white);
    border-radius: 0 0 .5rem .5rem;
}

.vi-filtri-piede .btn[b-f8eiffxtpi] { flex: 1 1 auto; }

/* Da 1200 px: colonna ferma sotto la testata fissa del tema (3,75rem) mentre la pagina scorre */
@media (min-width: 1200px) {
    .card.custom-card.vi-filtri[b-f8eiffxtpi] {
        position: sticky;
        top: 4.75rem;
        max-height: calc(100vh - 6rem);
    }
}

/* Sotto 1200 px: la stessa colonna diventa un cassetto da sinistra (niente doppio markup).
   Chiuso resta nascosto anche alla tastiera (visibility). */
@media (max-width: 1199.98px) {
    .card.custom-card.vi-filtri[b-f8eiffxtpi] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 10002;
        width: min(22rem, 90vw);
        max-height: none;
        margin: 0;
        border-radius: 0;
        box-shadow: .5rem 0 1.5rem rgba(0, 0, 0, .18);
        transform: translateX(-105%);
        visibility: hidden;
        transition: transform .25s ease-out, visibility 0s linear .25s;
    }

    .card.custom-card.vi-filtri.aperti[b-f8eiffxtpi] {
        transform: none;
        visibility: visible;
        transition: transform .25s ease-out, visibility 0s;
    }

    .vi-filtri-piede[b-f8eiffxtpi] { border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .card.custom-card.vi-filtri[b-f8eiffxtpi],
    .card.custom-card.vi-filtri.aperti[b-f8eiffxtpi] { transition: none; }
}

/* ── Card dei risultati: la pagina scorre, la card non ha più altezza fissa ── */
.card.custom-card.vi-card[b-f8eiffxtpi] { margin-block-end: 1.5rem; }

.vi-card.custom-card .vi-toolbar[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem .75rem;
    padding: .75rem 1rem;
}

.vi-conteggio[b-f8eiffxtpi] { font-size: .875rem; color: var(--text-muted); }
.vi-conteggio strong[b-f8eiffxtpi] { font-size: 1rem; color: rgb(var(--primary-rgb)); }
[data-theme-mode=dark] .vi-conteggio strong[b-f8eiffxtpi] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

.vi-azioni[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.vi-azioni .btn[b-f8eiffxtpi] {
    position: relative;
    height: 2.25rem;
    padding: 0 .75rem;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .8125rem;
}

.vi-azioni .btn i[b-f8eiffxtpi] { font-size: 1rem; line-height: 1; }
.vi-azioni .btn .vi-caret[b-f8eiffxtpi] { font-size: .9rem; opacity: .6; }

/* Nell'app l'etichetta "Filtri" diventa OrangeRed quando i filtri sono applicati */
.vi-azioni .btn.vi-filtri-attivi[b-f8eiffxtpi] { color: #FF4500; }

.vi-numero-filtri[b-f8eiffxtpi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 .3rem;
    border-radius: 1rem;
    background: #FF4500;
    color: #fff;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1;
}

.vi-menu-ordina[b-f8eiffxtpi] { min-width: 15rem; }

/* Filtri attivi: un chip per scelta, ognuno si toglie da solo (Spark 541-579) */
.vi-filtri-riepilogo[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    padding: .5rem 1rem;
    border-top: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
    background: rgba(255, 69, 0, .04);
}

.vi-chip-filtro[b-f8eiffxtpi] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    max-width: 100%;
    padding: .25rem .3rem .25rem .6rem;
    font-size: .72rem;
    font-weight: 500;
}

.vi-chip-filtro > span[b-f8eiffxtpi] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vi-chip-togli[b-f8eiffxtpi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
}

.vi-chip-togli:hover[b-f8eiffxtpi] { background: rgba(0, 0, 0, .08); }
[data-theme-mode=dark] .vi-chip-togli:hover[b-f8eiffxtpi] { background: rgba(255, 255, 255, .12); }
.vi-chip-togli i[b-f8eiffxtpi] { font-size: .85rem; line-height: 1; }

.vi-limite[b-f8eiffxtpi] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .55rem 1rem;
    border-bottom: 1px solid var(--default-border);
    background: rgba(var(--warning-rgb), .1);
    font-size: .75rem;
}

.vi-limite i[b-f8eiffxtpi] { color: rgb(var(--warning-rgb)); font-size: .95rem; line-height: 1.2; }

/* ── Corpo ─────────────────────────────────────────────────────────── */
.vi-corpo[b-f8eiffxtpi] { position: relative; }

/* La barra di avanzamento resta sotto la testata fissa del tema mentre la pagina scorre */
.vi-corpo .vi-avanzamento[b-f8eiffxtpi] { top: 3.75rem; }

/* ── Righe ─────────────────────────────────────────────────────────── */
.vi-lista[b-f8eiffxtpi] {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: opacity .2s;
}

.vi-lista.vi-in-aggiornamento[b-f8eiffxtpi] { opacity: .55; pointer-events: none; }

/* Telefono: la stessa disposizione della riga dell'app */
.vi-riga[b-f8eiffxtpi] {
    position: relative;
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto;
    grid-template-areas:
        "icone titolo quando"
        "icone indir  quando"
        "icone attiv  quando";
    column-gap: .75rem;
    row-gap: .15rem;
    padding: .7rem 1.35rem .7rem .9rem;
    border-bottom: 1px solid var(--default-border);
    background-color: var(--custom-white);
    transition: box-shadow .15s;
}

.vi-riga:hover[b-f8eiffxtpi] { box-shadow: inset 3px 0 0 rgba(var(--primary-rgb), .55); }

/* Colonna delle icone: tipo (o libero), stato (solo "chiuso"), warning */
.vi-icone[b-f8eiffxtpi] {
    grid-area: icone;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
    padding-top: .05rem;
}

.vi-slot[b-f8eiffxtpi] {
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Le posizioni vuote in fondo non occupano spazio (quelle in mezzo sì, per tenere l'allineamento) */
.vi-slot.vuoto:last-child[b-f8eiffxtpi] { display: none; }

.vi-icona[b-f8eiffxtpi] {
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
}

.vi-icona:hover[b-f8eiffxtpi] { background: rgba(0, 0, 0, .06); }

/* Il tema toglie il contorno a link e pulsanti con !important: qui serve per la tastiera */
.vi-icona:focus-visible[b-f8eiffxtpi] { outline: 2px solid rgb(var(--primary-rgb)) !important; outline-offset: 1px; }

.vi-azioni .btn:focus-visible[b-f8eiffxtpi],
.vi-filtri-riepilogo .btn:focus-visible[b-f8eiffxtpi],
.vi-chip-togli:focus-visible[b-f8eiffxtpi],
.vi-filtri-piede .btn:focus-visible[b-f8eiffxtpi],
.vi-filtri-testa .btn-close:focus-visible[b-f8eiffxtpi],
.vi-corpo .vi-stato-pagina .btn:focus-visible[b-f8eiffxtpi] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.vi-hero-chip:focus-visible[b-f8eiffxtpi] { outline: 2px solid #fff !important; outline-offset: 2px; }

[data-theme-mode=dark] .vi-azioni .btn:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-filtri-riepilogo .btn:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-chip-togli:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-filtri-piede .btn:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-filtri-testa .btn-close:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-corpo .vi-stato-pagina .btn:focus-visible[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-icona:focus-visible[b-f8eiffxtpi] { outline-color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff) !important; }

.vi-icona img[b-f8eiffxtpi], .vi-icona .vi-tinta[b-f8eiffxtpi] { width: 1.25rem; height: 1.25rem; }

/* Le icone dell'app hanno parti grigio scuro: nel tema scuro stanno su un fondo chiaro */
[data-theme-mode=dark] .vi-icona[b-f8eiffxtpi] { background: rgba(255, 255, 255, .88); }

.vi-titolo[b-f8eiffxtpi] {
    grid-area: titolo;
    font-size: .8125rem;
    line-height: 1.3;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vi-cliente[b-f8eiffxtpi] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: var(--default-text-color);
}

/* Tutta la riga apre il dettaglio; icone e barra dell'urgenza restano sopra il link */
/* La pagina scorre sotto la testata fissa del tema: la riga che riceve il focus (Tab, ritorno
   dal dettaglio) non deve finirci sotto */
a.vi-apri[b-f8eiffxtpi] { text-decoration: none; scroll-margin-block: 5rem 1.5rem; }
a.vi-apri:hover[b-f8eiffxtpi] { color: rgb(var(--primary-rgb)); }
[data-theme-mode=dark] a.vi-apri:hover[b-f8eiffxtpi] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }
a.vi-apri:focus-visible[b-f8eiffxtpi] { outline: none; }
.vi-riga:has(a.vi-apri:focus-visible)[b-f8eiffxtpi] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: -2px; }
[data-theme-mode=dark] .vi-riga:has(a.vi-apri:focus-visible)[b-f8eiffxtpi] { outline-color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }
.vi-icona[b-f8eiffxtpi] { position: relative; z-index: 2; }
.vi-barra[b-f8eiffxtpi] { z-index: 2; }

/* Riga dell'intervento appena chiuso: si illumina un momento */
.vi-riga.vi-ritrovata[b-f8eiffxtpi] { animation: vi-ritrovata-b-f8eiffxtpi 1.6s ease-out; }

@keyframes vi-ritrovata-b-f8eiffxtpi {
    0%, 35% { box-shadow: inset 4px 0 0 rgb(var(--primary-rgb)), inset 0 0 0 999px rgba(var(--primary-rgb), .09); }
    100% { box-shadow: inset 0 0 0 0 transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .vi-riga.vi-ritrovata[b-f8eiffxtpi] { animation: none; }
}

.vi-impianto[b-f8eiffxtpi] {
    font-size: .72rem;
    color: var(--default-text-color);
    opacity: .75;
}

.vi-indirizzo[b-f8eiffxtpi] {
    grid-area: indir;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .78rem;
    color: var(--text-muted);
}

.vi-indirizzo i[b-f8eiffxtpi] { font-size: .85rem; opacity: .75; flex-shrink: 0; }
.vi-indirizzo span[b-f8eiffxtpi] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.vi-attivita[b-f8eiffxtpi] {
    grid-area: attiv;
    font-size: .78rem;
    line-height: 1.35;
    color: var(--text-muted);
    opacity: .85;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Data prevista (o scadenza), a destra */
.vi-quando[b-f8eiffxtpi] {
    grid-area: quando;
    min-width: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
    text-align: right;
    font-size: .75rem;
    line-height: 1.25;
}

.vi-data[b-f8eiffxtpi] { color: rgb(var(--primary-rgb)); font-weight: 600; font-size: .8125rem; }
.vi-ora[b-f8eiffxtpi] { color: rgb(var(--primary-rgb)); }
.vi-entro[b-f8eiffxtpi] { color: rgb(var(--primary-rgb)); font-size: .7rem; opacity: .85; }

/* Il primario del tema è scuro: sul fondo scuro serve una tinta più chiara */
[data-theme-mode=dark] .vi-data[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-ora[b-f8eiffxtpi],
[data-theme-mode=dark] .vi-entro[b-f8eiffxtpi] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

/* Barra dell'urgenza sul bordo destro; i puntini = intervento nato da una richiesta */
.vi-barra[b-f8eiffxtpi] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: .45rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vi-barra i[b-f8eiffxtpi] { font-size: .95rem; line-height: 1; color: #000; }
[data-theme-mode=dark] .vi-barra.vuota i[b-f8eiffxtpi] { color: var(--default-text-color); }

/* Schermi larghi: icone in fila, attività in una colonna propria, righe più basse */
@media (min-width: 992px) {
    .vi-icone[b-f8eiffxtpi] { flex-direction: row; align-items: flex-start; gap: .1rem; }
    .vi-slot.vuoto:last-child[b-f8eiffxtpi] { display: inline-flex; }

    .vi-riga[b-f8eiffxtpi] {
        grid-template-columns: 4.55rem minmax(0, 5fr) minmax(0, 4fr) 6.5rem;
        grid-template-areas:
            "icone titolo attiv quando"
            "icone indir  attiv quando"
            "icone .      attiv quando";
        column-gap: 1.5rem;
        padding: .75rem 1.6rem .75rem 1.1rem;
    }

    .vi-attivita[b-f8eiffxtpi] { -webkit-line-clamp: 3; }
}

.vi-card.custom-card .vi-piede[b-f8eiffxtpi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem 1rem;
}

/* ── Tablet e telefono ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .vi-etichetta[b-f8eiffxtpi] { display: none; }
    .vi-azioni .btn[b-f8eiffxtpi] { padding: 0 .65rem; }
}

@media (max-width: 767.98px) {
    .card.custom-card.vi-hero .card-body[b-f8eiffxtpi] { padding: .75rem; }

    /* Le ricerche rapide restano su una riga: l'hero non si allunga */
    .vi-hero-recenti[b-f8eiffxtpi] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: .15rem .1rem;
        margin-top: .4rem;
        scrollbar-width: none;
    }

    .vi-hero-recenti[b-f8eiffxtpi]::-webkit-scrollbar { display: none; }
    .vi-hero-recenti > *[b-f8eiffxtpi] { flex-shrink: 0; }

    .vi-conteggio[b-f8eiffxtpi] { flex: 1 1 auto; }
}
/* /Pages/Vulcano/Intervento/Censimento/CensimentoEtichetta.razor.rz.scp.css */
/* Foto dell'etichetta: miniatura 75x75 con bordo grigio scuro e raggio 15, bollino lilla #e8def8 */
.cz-etichetta[b-8xzsww0fwd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.cz-etichetta-cornice[b-8xzsww0fwd] {
    position: relative;
    width: 4.7rem;
    height: 4.7rem;
    flex-shrink: 0;
}

.cz-miniatura[b-8xzsww0fwd] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    border: 1px solid #a9a9a9;
    border-radius: .95rem;
    background: var(--custom-white);
    cursor: zoom-in;
    transition: box-shadow .15s, border-color .15s;
}

.cz-miniatura:not(:disabled):hover[b-8xzsww0fwd] { border-color: rgb(var(--primary-rgb)); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .12); }
.cz-miniatura:disabled[b-8xzsww0fwd] { cursor: default; opacity: 1; }
.cz-miniatura img[b-8xzsww0fwd] { width: 100%; height: 100%; object-fit: contain; }
.cz-miniatura-vuota[b-8xzsww0fwd] { font-size: 2.1rem; color: #a9a9a9; }
.cz-miniatura-attesa[b-8xzsww0fwd] { color: var(--text-muted); }

.cz-bollino[b-8xzsww0fwd] {
    position: absolute;
    top: -.5rem;
    right: -.6rem;
    width: 1.95rem;
    height: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #e8def8;
    color: #4a3780;
    font-size: 1.05rem;
    box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .15);
    transition: transform .15s, background-color .15s;
}

.cz-bollino:not(:disabled):hover[b-8xzsww0fwd] { background: #dccdf5; transform: scale(1.06); }
.cz-bollino:disabled[b-8xzsww0fwd] { opacity: .6; }
[data-theme-mode=dark] .cz-bollino[b-8xzsww0fwd] { border-color: var(--custom-white); }

.cz-miniatura:focus-visible[b-8xzsww0fwd],
.cz-bollino:focus-visible[b-8xzsww0fwd],
.cz-riprova:focus-visible[b-8xzsww0fwd],
.cz-foglio .btn:focus-visible[b-8xzsww0fwd] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.cz-etichetta-testo[b-8xzsww0fwd] { min-width: 0; }
.cz-etichetta-titolo[b-8xzsww0fwd] { font-size: .8125rem; font-weight: 600; }
.cz-etichetta-sotto[b-8xzsww0fwd] { margin-top: .1rem; font-size: .74rem; color: var(--text-muted); }
.cz-riprova[b-8xzsww0fwd] { font-size: .74rem; vertical-align: baseline; }

/* ── Foglio delle azioni: finestra piccola, in basso sul telefono ── */
.cz-foglio[b-8xzsww0fwd] { width: min(22rem, 100%); }

.cz-foglio-maniglia[b-8xzsww0fwd] { display: none; }

.cz-foglio-testa[b-8xzsww0fwd] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.15rem 1.25rem .35rem;
}

.cz-foglio-icona[b-8xzsww0fwd] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), .12);
    color: rgb(var(--primary-rgb));
    font-size: 1.15rem;
}

.cz-foglio-corpo[b-8xzsww0fwd] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .85rem 1.25rem 1.25rem;
}

/* "Carica foto": il campo file copre il pulsante, così si apre anche da tastiera */
.cz-carica[b-8xzsww0fwd] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cz-file[b-8xzsww0fwd] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.cz-carica:has(.cz-file:focus-visible)[b-8xzsww0fwd] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: 2px; }
.cz-carica.disabled .cz-file[b-8xzsww0fwd] { cursor: default; }

@media (max-width: 575.98px) {
    .cz-foglio-velo[b-8xzsww0fwd] { align-items: flex-end; padding: 0; }

    .cz-foglio[b-8xzsww0fwd] {
        width: 100%;
        border-radius: 1.1rem 1.1rem 0 0;
        border-bottom: 0;
        animation: cz-sale-b-8xzsww0fwd .25s ease-out;
    }

    .cz-foglio-maniglia[b-8xzsww0fwd] {
        display: block;
        width: 2.5rem;
        height: .3rem;
        margin: .6rem auto 0;
        border-radius: 1rem;
        background: rgba(128, 128, 128, .35);
    }

    .cz-foglio-corpo[b-8xzsww0fwd] { padding-bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); }
}

@keyframes cz-sale-b-8xzsww0fwd {
    from { transform: translateY(100%); }
    to { transform: none; }
}
/* /Pages/Vulcano/Intervento/Censimento/CensimentoGriglia.razor.rz.scp.css */
/* Censimento e documento personalizzato: campi a sinistra, riquadri laterali a destra (da 1200 px). */
.cz-griglia[b-s19u39nuxs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1.5rem;
    align-items: start;
}

/* Documento senza campi: resta il riquadro del servizio, largo quanto basta */
.cz-griglia.solo-laterale[b-s19u39nuxs] { grid-template-columns: minmax(0, 52rem); }

.cz-principale[b-s19u39nuxs] { min-width: 0; }

.cz-laterale[b-s19u39nuxs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

/* Tablet e telefono: una colonna nell'ordine dell'app (componente, campi, servizio) */
@media (max-width: 1199.98px) {
    .cz-griglia[b-s19u39nuxs] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .cz-principale[b-s19u39nuxs] { order: 2; }
    .cz-laterale[b-s19u39nuxs] { display: contents; }
}
/* /Pages/Vulcano/Intervento/Censimento/CensimentoModulo.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Campi dinamici (EditorsFactory dell'app). Colori dell'app: fascia del
   gruppo #f05b41 su #e9e9e9, errore rosso (obbligatorio) o #cc9900
   (consigliato); nel tema scuro le stesse tinte, schiarite.
   ════════════════════════════════════════════════════════════════════ */

.cz-legenda[b-og4iext0a9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .3rem 1.1rem;
    padding: .6rem 1.25rem;
    font-size: .72rem;
    color: var(--text-muted);
}

.cz-legenda span[b-og4iext0a9] { display: inline-flex; align-items: center; gap: .3rem; }

.cz-vincolo-1[b-og4iext0a9] { color: #cc9900; }
.cz-vincolo-2[b-og4iext0a9] { color: #e0201b; }
[data-theme-mode=dark] .cz-vincolo-1[b-og4iext0a9] { color: #f0c43c; }
[data-theme-mode=dark] .cz-vincolo-2[b-og4iext0a9] { color: #ff6b6b; }

/* ── Fascia del gruppo (FormGroupItem: maiuscolo, fino a due righe) ── */
.cz-sezione[b-og4iext0a9] { min-width: 0; }

.cz-banda[b-og4iext0a9] {
    min-height: 2.35rem;
    margin: 0;
    padding: .65rem 1.25rem .55rem;
    background: #e9e9e9;
    color: #f05b41;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

/* Senza legenda la prima fascia tocca il bordo arrotondato del riquadro */
.cz-sezione:first-child .cz-banda[b-og4iext0a9] { border-radius: .5rem .5rem 0 0; }

[data-theme-mode=dark] .cz-banda[b-og4iext0a9] { background: rgba(255, 255, 255, .06); color: #ff8a73; }

/* ── Griglia dei campi: due colonne dai tablet in su, i memo su tutta la riga ── */
.cz-campi[b-og4iext0a9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1.5rem;
    padding: 1.1rem 1.25rem 1.4rem;
}

.cz-campo[b-og4iext0a9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.cz-campo.largo[b-og4iext0a9] { grid-column: 1 / -1; }

/* Il sì/no non ha l'etichetta sopra: su due colonne si allinea ai campi accanto */
@media (min-width: 768px) {
    .cz-campo.sino[b-og4iext0a9] { padding-top: 1.4rem; }
}

.cz-etichetta[b-og4iext0a9] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    margin: 0;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--default-text-color);
    overflow-wrap: anywhere;
}

.cz-etichetta > i[b-og4iext0a9] { font-size: 1rem; line-height: 1.1; flex-shrink: 0; }

.cz-riga[b-og4iext0a9] { display: flex; align-items: center; gap: .5rem; min-width: 0; }

.cz-controllo[b-og4iext0a9] { flex: 1 1 auto; min-width: 0; }

/* Campo richiesto vuoto: bordo tinto come l'icona (non blocca il salvataggio) */
.cz-campo.vincolo-2 .form-control[b-og4iext0a9],
.cz-campo.vincolo-2 .form-select[b-og4iext0a9],
.cz-campo.vincolo-2[b-og4iext0a9]  .form-control { border-color: rgba(224, 32, 27, .55); }

.cz-campo.vincolo-1 .form-control[b-og4iext0a9],
.cz-campo.vincolo-1 .form-select[b-og4iext0a9],
.cz-campo.vincolo-1[b-og4iext0a9]  .form-control { border-color: rgba(204, 153, 0, .65); }

.cz-numero[b-og4iext0a9] { font-variant-numeric: tabular-nums; }

.cz-memo[b-og4iext0a9] {
    min-height: 8rem;
    max-height: 24rem;
    resize: vertical;
}

@supports (field-sizing: content) {
    .cz-memo[b-og4iext0a9] { field-sizing: content; }
}

.cz-occhio[b-og4iext0a9] {
    border: 1px solid var(--input-border);
    border-left: 0;
    color: var(--text-muted);
}

/* ── Sì/No (CheckEdit: testo a sinistra, casella in fondo) ── */
.cz-sino[b-og4iext0a9] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: 0;
    padding: .5rem .85rem;
    border: 1px solid var(--input-border);
    border-radius: .35rem;
    background: var(--form-control-bg);
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.35;
    cursor: pointer;
}

.cz-sino-testo[b-og4iext0a9] { min-width: 0; overflow-wrap: anywhere; }

.cz-sino .form-check-input[b-og4iext0a9] {
    float: none;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.cz-sino:hover[b-og4iext0a9] { border-color: rgba(var(--primary-rgb), .45); }
.cz-sino:has(input:focus-visible)[b-og4iext0a9] { outline: 2px solid rgb(var(--primary-rgb)); outline-offset: 2px; }
.cz-sino:has(input:disabled)[b-og4iext0a9] { opacity: .65; cursor: default; }

/* ── Pulsante "Storico" (35x31, bianco, bordo grigio, raggio 10 nell'app) ── */
.cz-storico[b-og4iext0a9] {
    width: 2.35rem;
    height: 2.2rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #9a9a9a;
    border-radius: .625rem;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}

.cz-storico img[b-og4iext0a9] { width: 1.25rem; height: 1.25rem; }
.cz-storico:hover[b-og4iext0a9] { border-color: #ff9024; box-shadow: 0 0 0 .2rem rgba(255, 144, 36, .15); }

[data-theme-mode=dark] .cz-storico[b-og4iext0a9] { background: rgba(255, 255, 255, .92); border-color: transparent; }

.cz-storico:focus-visible[b-og4iext0a9],
.cz-occhio:focus-visible[b-og4iext0a9] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* ── Aiuti sotto il campo ── */
.cz-aiuti[b-og4iext0a9] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .15rem .75rem;
    font-size: .72rem;
    line-height: 1.35;
}

.cz-aiuto[b-og4iext0a9] { display: inline-flex; align-items: baseline; gap: .25rem; color: var(--text-muted); }
.cz-aiuto.errore[b-og4iext0a9] { color: rgb(var(--danger-rgb)); font-weight: 600; }
.cz-aiuti .vs-contatore[b-og4iext0a9] { margin: 0 0 0 auto; }

/* ── Sola lettura ── */
.cz-valore[b-og4iext0a9] {
    min-height: 2.4rem;
    padding: .55rem .8rem;
    border: 1px dashed var(--default-border);
    border-radius: .35rem;
    background: rgb(var(--light-rgb));
    font-size: .8125rem;
    overflow-wrap: anywhere;
}

.cz-valore.vuoto[b-og4iext0a9] { color: var(--text-muted); }
.cz-valore.memo[b-og4iext0a9] { white-space: pre-line; }

@media (max-width: 767.98px) {
    .cz-campi[b-og4iext0a9] { grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 1rem 1rem 1.2rem; }
    .cz-banda[b-og4iext0a9] { padding-inline: 1rem; }
    .cz-legenda[b-og4iext0a9] { justify-content: flex-start; padding-inline: 1rem; }
}
/* /Pages/Vulcano/Intervento/Censimento/CensimentoRicercaVoce.razor.rz.scp.css */
/* Tendina con ricerca (FABBRICANTE) */
.cz-ricerca[b-dy4uk3faov] { position: relative; }

.cz-ricerca-campo[b-dy4uk3faov] { position: relative; }

.cz-ricerca-campo .form-control[b-dy4uk3faov] { padding-left: 2.1rem; padding-right: 2.4rem; text-overflow: ellipsis; }

.cz-ricerca-lente[b-dy4uk3faov] {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .95rem;
    color: var(--text-muted);
    pointer-events: none;
}

.cz-ricerca-svuota[b-dy4uk3faov] {
    position: absolute;
    right: .35rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-muted);
    font-size: 1.05rem;
}

.cz-ricerca-svuota:hover[b-dy4uk3faov] { background: rgba(var(--primary-rgb), .08); color: var(--default-text-color); }

.cz-ricerca-svuota:focus-visible[b-dy4uk3faov] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 1px;
}

.cz-ricerca-elenco[b-dy4uk3faov] {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: calc(100% + .3rem);
    max-height: 17rem;
    overflow-y: auto;
    margin: 0;
    padding: .3rem;
    list-style: none;
    border: 1px solid var(--default-border);
    border-radius: .55rem;
    background: var(--custom-white);
    box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .14);
    animation: cz-cala-b-dy4uk3faov .12s ease-out;
}

@keyframes cz-cala-b-dy4uk3faov {
    from { opacity: 0; transform: translateY(-.25rem); }
    to { opacity: 1; transform: none; }
}

.cz-ricerca-voce[b-dy4uk3faov] {
    padding: .45rem .65rem;
    border-radius: .35rem;
    font-size: .8125rem;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.cz-ricerca-voce:hover[b-dy4uk3faov],
.cz-ricerca-voce.evidenziata[b-dy4uk3faov] { background: rgba(var(--primary-rgb), .1); }

.cz-ricerca-voce.scelta[b-dy4uk3faov] { font-weight: 600; color: rgb(var(--primary-rgb)); }

[data-theme-mode=dark] .cz-ricerca-voce.scelta[b-dy4uk3faov] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

.cz-ricerca-vuoto[b-dy4uk3faov],
.cz-ricerca-altri[b-dy4uk3faov] {
    padding: .45rem .65rem;
    font-size: .74rem;
    color: var(--text-muted);
}

.cz-ricerca-altri[b-dy4uk3faov] { margin-top: .25rem; border-top: 1px dashed var(--default-border); }
/* /Pages/Vulcano/Intervento/Censimento/CensimentoScheda.razor.rz.scp.css */
/* Il CSS isolato si carica prima del tema: per battere ".card.custom-card" servono tre classi. */
.card.custom-card.cz-card[b-6hk3enmpda] {
    margin-block-end: 0;
    order: var(--cz-ordine, 2);
    min-width: 0;
}

/* Testata come quella delle card del dettaglio (vd-card-testa) */
.cz-card-testa[b-6hk3enmpda] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .875rem;
    font-weight: 700;
}

.cz-card-testa > i[b-6hk3enmpda] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    background: rgba(var(--primary-rgb), .1);
    color: rgb(var(--primary-rgb));
}

[data-theme-mode=dark] .cz-card-testa > i[b-6hk3enmpda] {
    background: rgba(var(--primary-rgb), .3);
    color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff);
}

.cz-card-corpo[b-6hk3enmpda] { padding: 1.1rem 1.25rem 1.25rem; }

/* Campi: le fasce dei gruppi arrivano ai bordi */
.cz-card-corpo-pieno[b-6hk3enmpda] {
    padding: 0 0 .35rem;
    border-radius: inherit;
}

@media (max-width: 575.98px) {
    .cz-card-testa[b-6hk3enmpda] { padding: .8rem 1rem; }
    .cz-card-corpo[b-6hk3enmpda] { padding: 1rem; }
}
/* /Pages/Vulcano/Intervento/Censimento/CensimentoStato.razor.rz.scp.css */
/* Stato vuoto o di errore del riquadro dei campi */
.cz-stato[b-s9fhr0sr1t] { min-height: 14rem; }

/* Sagoma dei campi durante il caricamento */
.cz-attesa[b-s9fhr0sr1t] { padding: 0 0 1rem; }

.cz-attesa .placeholder[b-s9fhr0sr1t] { border-radius: .3rem; }

.cz-attesa-banda[b-s9fhr0sr1t] {
    display: block;
    width: 100%;
    height: 2.35rem;
    border-radius: .5rem .5rem 0 0 !important;
    opacity: .25;
}

.cz-attesa-campi[b-s9fhr0sr1t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1.5rem;
    padding: 1.1rem 1.25rem .25rem;
}

.cz-attesa-campo[b-s9fhr0sr1t] { display: flex; flex-direction: column; gap: .45rem; }

.cz-attesa-input[b-s9fhr0sr1t] { height: 2.4rem; }

@media (max-width: 767.98px) {
    .cz-attesa-campi[b-s9fhr0sr1t] { grid-template-columns: minmax(0, 1fr); padding-inline: 1rem; }
}

/* Il tema toglie il contorno ai pulsanti (a, button { outline: 0 !important }) */
.cz-stato .btn:focus-visible[b-s9fhr0sr1t] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}
/* /Pages/Vulcano/Intervento/ContattiIntervento.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Rubrica impianto (ContattiIntervento). Le righe usano i mattoni comuni
   vs-elenco / vs-riga / vs-gruppo di vulcano-interventi.css; qui solo ciò
   che è della rubrica: il cerchio dell'icona come nell'app, l'intestazione
   di gruppo che resta in vista scorrendo, l'azione a destra.
   Questo foglio arriva PRIMA del tema e dei fogli globali: le regole che
   devono vincere hanno almeno una classe in più.
   ════════════════════════════════════════════════════════════════════ */

.vc-rubrica[b-u6101mk7m1] { padding-bottom: .5rem; }

/* Intestazione di gruppo ("2- SCHEDA CLIENTE"): resta in cima al pannello mentre si scorre il suo gruppo.
   Testo come arriva dal servizio (CollectionViewBase.xaml:66-69): niente maiuscolo forzato di vs-gruppo. */
.vs-gruppo.vc-gruppo-testa[b-u6101mk7m1] {
    position: sticky;
    top: 0;
    z-index: 1;
    margin: 0;
    line-height: 1.4;
    text-transform: none;
    background: rgb(var(--light-rgb));
}

.vc-gruppo + .vc-gruppo .vc-gruppo-testa[b-u6101mk7m1] { border-top: 1px solid var(--default-border); }

/* Riga: tutta cliccabile come nell'app (il tocco ovunque sulla riga fa l'azione) */
.vs-riga.vc-riga[b-u6101mk7m1] {
    gap: .85rem;
    min-height: 3.75rem;
    padding-block: .6rem;
    -webkit-user-drag: none;
    /* Con la tastiera la riga raggiunta non finisce sotto l'intestazione di gruppo che resta in cima */
    scroll-margin-top: 2.5rem;
}

/* Il contorno di tastiera dentro la riga: fuori verrebbe tagliato dal pannello che scorre */
a.vs-riga.vc-riga:focus-visible[b-u6101mk7m1] { outline-offset: -2px; }

a.vs-riga.vc-riga:active[b-u6101mk7m1] { background: rgba(var(--primary-rgb), .09); }

/* Cerchio dell'icona (CollectionViewBase.xaml:19-26: anello grigio chiaro di 46, interno trasparente,
   icona di 32): stesse proporzioni, un poco più piccolo per il pannello */
.vc-anello[b-u6101mk7m1] {
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    background: transparent;
}

.vc-anello img[b-u6101mk7m1] { width: 1.875rem; height: 1.875rem; }

/* Tema scuro: le icone dell'app sono nere, stanno su un disco chiaro come le altre icone del dettaglio */
[data-theme-mode=dark] .vc-anello[b-u6101mk7m1] { background: rgba(255, 255, 255, .88); border-color: transparent; }

.vc-valore[b-u6101mk7m1] {
    color: var(--default-text-color);
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
    -webkit-user-select: text;
    user-select: text;
}

.vs-riga-titolo[b-u6101mk7m1] { -webkit-user-select: text; user-select: text; }

/* Azione della riga (chiama / scrivi): si accende passando sopra o con la tastiera */
.vc-azione[b-u6101mk7m1] {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1rem;
    color: rgb(var(--primary-rgb));
    background: rgba(var(--primary-rgb), .08);
    transition: background-color .15s ease, color .15s ease;
}

a.vc-riga:hover .vc-azione[b-u6101mk7m1],
a.vc-riga:focus-visible .vc-azione[b-u6101mk7m1] {
    color: #fff;
    background: rgb(var(--primary-rgb));
}

[data-theme-mode=dark] .vc-azione[b-u6101mk7m1] {
    color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff);
    background: rgba(var(--primary-rgb), .25);
}

.vc-senza-azione[b-u6101mk7m1] { cursor: default; }

/* Caricamento: stesse righe, segnaposto al posto del testo */
.vc-attesa .vs-riga-testo[b-u6101mk7m1] { gap: .45rem; }
.vc-attesa .placeholder[b-u6101mk7m1] { border-radius: .25rem; }
.vc-attesa .vc-anello[b-u6101mk7m1] { border-style: dashed; }

.vc-vuoto[b-u6101mk7m1] { min-height: 12rem; }

@media (prefers-reduced-motion: reduce) {
    .vc-azione[b-u6101mk7m1] { transition: none; }
}

@media (max-width: 575.98px) {
    .vs-gruppo.vc-gruppo-testa[b-u6101mk7m1] { padding-inline: 1rem; }
    .vs-riga.vc-riga[b-u6101mk7m1] { gap: .75rem; }
}
/* /Pages/Vulcano/Intervento/DocumentiIntervento.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Documenti allegati — campo di ricerca e stati della pagina (CSS isolato).
   L'albero e il visore hanno il loro foglio (Documenti/*.razor.css).
   Il CSS isolato arriva prima del tema: le regole che competono con il
   tema (.form-control) hanno almeno due classi.
   ════════════════════════════════════════════════════════════════════ */

/* Ricerca: resta in alto mentre l'albero scorre (come la barra fissa dell'app) */
.vdoc-cerca[b-l6y5exdrnt] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .9rem 1.25rem .8rem;
    border-bottom: 1px solid var(--default-border);
    background: var(--custom-white);
}

.vdoc-cerca-campo[b-l6y5exdrnt] { position: relative; }

.vdoc-cerca-campo .form-control[b-l6y5exdrnt] {
    min-height: 2.5rem;
    padding: .5rem 4.4rem .5rem 1.15rem;
    border-radius: 2rem;
    font-size: .875rem;
}

/* Il tema al focus non cambia nulla: qui il bordo e un alone leggero dicono dove si scrive */
.vdoc-cerca-campo .form-control:focus[b-l6y5exdrnt] {
    border-color: rgba(var(--primary-rgb), .55);
    box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .12);
}

.vdoc-cerca-campo .form-control[b-l6y5exdrnt]::placeholder { color: var(--text-muted); opacity: .85; }

.vdoc-cerca-icona[b-l6y5exdrnt] {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-size: 1.05rem;
    line-height: 1;
    color: var(--text-muted);
    pointer-events: none;
}

.vdoc-cerca-svuota[b-l6y5exdrnt] {
    position: absolute;
    top: 50%;
    right: 2.45rem;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--text-muted);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
}

.vdoc-cerca-svuota:hover[b-l6y5exdrnt] { color: var(--default-text-color); background: rgba(var(--primary-rgb), .08); }

.vdoc-cerca-svuota:focus-visible[b-l6y5exdrnt] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 1px;
}

/* Attesa, errore, nessun risultato */
.vdoc-stato[b-l6y5exdrnt] { min-height: 14rem; }
.vdoc-stato .spinner-border[b-l6y5exdrnt] { width: 1.75rem; height: 1.75rem; border-width: .2em; }
.vdoc-stato > span[b-l6y5exdrnt] { max-width: 22rem; }
.vdoc-stato .btn:focus-visible[b-l6y5exdrnt] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .vdoc-cerca[b-l6y5exdrnt] { padding: .75rem 1rem .7rem; }
}
/* /Pages/Vulcano/Intervento/Documenti/DocumentiAlbero.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Documenti allegati — albero (CSS isolato).
   Misure dell'app: righe da 44 px, rientro di 30 px per livello, freccia
   a sinistra, icona 24 px in un riquadro bianco da 34 px con bordo grigio
   (TemplateCartella.xaml / TemplateFile.xaml), "(N files)" a destra.
   ════════════════════════════════════════════════════════════════════ */

.vdoc-albero[b-1qcnxyl9th] { padding: .6rem .75rem 1rem; }

.vdoc-elenco[b-1qcnxyl9th] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vdoc-riga[b-1qcnxyl9th] {
    --vdoc-rientro: 1.875rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.75rem;
    padding: .2rem .85rem .2rem calc(.3rem + var(--vdoc-livello, 0) * var(--vdoc-rientro));
    border-radius: .6rem;
    color: var(--default-text-color);
    font-size: .8125rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .12s ease;
    /* Portata in vista con la tastiera, la riga non finisce sotto la ricerca fissa in alto */
    scroll-margin-top: 4.75rem;
    scroll-margin-bottom: .75rem;
}

.vdoc-riga + .vdoc-riga[b-1qcnxyl9th] { margin-top: 1px; }

/* Solo con il mouse: sui telefoni l'evidenziazione del passaggio resterebbe sulla riga toccata */
@media (hover: hover) {
    .vdoc-riga:hover[b-1qcnxyl9th] { background: rgba(var(--primary-rgb), .05); }
    .vdoc-riga:hover .vdoc-freccia[b-1qcnxyl9th] { color: var(--default-text-color); }
    .vdoc-riga.file:hover .vdoc-nome[b-1qcnxyl9th] { color: rgb(var(--primary-rgb)); }
    [data-theme-mode=dark] .vdoc-riga.file:hover .vdoc-nome[b-1qcnxyl9th] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 45%, #ffffff); }
}

.vdoc-riga.selezionata[b-1qcnxyl9th],
.vdoc-riga.selezionata:hover[b-1qcnxyl9th] { background: var(--vs-selezione); }

.vdoc-riga:focus[b-1qcnxyl9th] { outline: none; }

/* Il tema toglie il contorno con !important: per la tastiera serve */
.vdoc-riga:focus-visible[b-1qcnxyl9th] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: -2px;
}

/* Freccia di apertura (a sinistra, come l'expander dell'albero dell'app) */
.vdoc-freccia[b-1qcnxyl9th] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .4rem;
    font-size: 1.3rem;
    line-height: 1;
    color: var(--text-muted);
    transition: transform .15s ease, color .15s ease;
}

.vdoc-freccia.aperta[b-1qcnxyl9th] { transform: rotate(90deg); color: rgb(var(--primary-rgb)); }

/* Riquadro dell'icona: bianco anche nel tema scuro, le icone dell'app sono pensate su bianco */
.vdoc-chip[b-1qcnxyl9th] {
    width: 2.125rem;
    height: 2.125rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DCDCDC; /* Gray200 dell'app (#C8C8C8), appena più chiaro sullo sfondo del portale */
    border-radius: .5rem;
    background: #fff;
}

.vdoc-chip img[b-1qcnxyl9th] { width: 1.5rem; height: 1.5rem; }

[data-theme-mode=dark] .vdoc-chip[b-1qcnxyl9th] { background: rgba(255, 255, 255, .9); border-color: transparent; }

.vdoc-attesa[b-1qcnxyl9th] {
    width: 1rem;
    height: 1rem;
    border-width: .15em;
    color: rgb(var(--primary-rgb));
}

.vdoc-nome[b-1qcnxyl9th] {
    flex: 1 1 auto;
    min-width: 0;
    padding: .4rem 0 .4rem .2rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* Le voci in cima (impianto, intervento, componenti o risultati della ricerca) un po' più marcate */
.vdoc-riga[aria-level="1"] .vdoc-nome[b-1qcnxyl9th] { font-weight: 600; }

.vdoc-riga.in-apertura[b-1qcnxyl9th] { cursor: progress; }

.vdoc-conta[b-1qcnxyl9th] {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: .5rem;
    font-size: .75rem;
    color: var(--text-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Telefono: rientro più corto, così anche le cartelle profonde restano leggibili */
@media (max-width: 575.98px) {
    .vdoc-albero[b-1qcnxyl9th] { padding: .45rem .5rem .75rem; }
    .vdoc-riga[b-1qcnxyl9th] { --vdoc-rientro: 1rem; padding-right: .6rem; gap: .4rem; }
    .vdoc-conta[b-1qcnxyl9th] { font-size: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
    .vdoc-riga[b-1qcnxyl9th], .vdoc-freccia[b-1qcnxyl9th] { transition: none; }
}
/* /Pages/Vulcano/Intervento/Documenti/DocumentiVisore.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Documenti allegati — visore a tutto schermo (CSS isolato).
   Sopra il pannello (10002) e sotto le finestre di messaggio (10004);
   gli avvisi brevi (10003, più avanti nella pagina) restano visibili.
   ════════════════════════════════════════════════════════════════════ */

.vdoc-visore[b-racgzxwcgz] {
    position: fixed;
    inset: 0;
    z-index: 10003;
    display: flex;
    flex-direction: column;
    background: var(--custom-white);
    animation: vdoc-comparsa-b-racgzxwcgz .18s ease-out;
}

.vdoc-visore:focus[b-racgzxwcgz] { outline: none; }

@keyframes vdoc-comparsa-b-racgzxwcgz {
    from { opacity: 0; transform: scale(.985); }
    to { opacity: 1; transform: none; }
}

/* Testata: nome del file e pulsanti */
.vdoc-visore-testa[b-racgzxwcgz] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .75rem 1.25rem;
    padding-top: max(.75rem, env(safe-area-inset-top));
    border-bottom: 1px solid var(--default-border);
    background: var(--custom-white);
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .05);
    position: relative;
    z-index: 1;
}

.vdoc-visore-icona[b-racgzxwcgz] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .7rem;
    font-size: 1.25rem;
    background: rgba(var(--primary-rgb), .1);
    color: rgb(var(--primary-rgb));
}

[data-theme-mode=dark] .vdoc-visore-icona[b-racgzxwcgz] {
    background: rgba(var(--primary-rgb), .3);
    color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff);
}

.vdoc-visore-titolo[b-racgzxwcgz] {
    margin: 0;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--default-text-color);
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.vdoc-visore-info[b-racgzxwcgz] {
    margin-top: .15rem;
    font-size: .72rem;
    color: var(--text-muted);
}

.vdoc-visore-azioni[b-racgzxwcgz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
    margin-left: auto;
}

.vdoc-visore-azioni .btn[b-racgzxwcgz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

.vdoc-visore-azioni .btn i[b-racgzxwcgz] { font-size: 1.05rem; line-height: 1; }

.vdoc-visore-azioni .btn:focus-visible[b-racgzxwcgz],
.vdoc-testo:focus-visible[b-racgzxwcgz] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* Contenuto */
.vdoc-visore-corpo[b-racgzxwcgz] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding-bottom: env(safe-area-inset-bottom);
}

.vdoc-visore-corpo.pdf[b-racgzxwcgz] { overflow: hidden; background: #525659; }

.vdoc-pdf[b-racgzxwcgz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #525659;
}

/* Centrata con margin:auto e non con align-items: se l'immagine sfora, si scorre fino ai bordi */
.vdoc-visore-corpo.immagine[b-racgzxwcgz] {
    display: flex;
    padding: 1.25rem;
    background: #1d2024;
}

/* Scacchiera leggera dietro le immagini con parti trasparenti */
.vdoc-immagine[b-racgzxwcgz] {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: .35rem;
    background: repeating-conic-gradient(#f1f1f1 0% 25%, #ffffff 0% 50%) 50% / 16px 16px;
    box-shadow: 0 .75rem 2.5rem rgba(0, 0, 0, .45);
}

.vdoc-visore-corpo.testo[b-racgzxwcgz] {
    padding: 1.25rem;
    background: var(--default-body-bg-color);
}

.vdoc-testo[b-racgzxwcgz] {
    max-width: 62rem;
    min-height: 100%;
    margin: 0 auto;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--default-border);
    border-radius: .75rem;
    background: var(--custom-white);
    color: var(--default-text-color);
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: .8125rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Il Tab resta nel visore */
.vdoc-sentinella[b-racgzxwcgz] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* Telefono: pulsanti con la sola icona, niente riquadro dell'icona */
@media (max-width: 575.98px) {
    .vdoc-visore-testa[b-racgzxwcgz] { gap: .6rem; padding: .6rem .75rem; padding-top: max(.6rem, env(safe-area-inset-top)); }
    .vdoc-visore-icona[b-racgzxwcgz] { display: none; }
    .vdoc-visore-titolo[b-racgzxwcgz] { font-size: .875rem; }
    .vdoc-etichetta[b-racgzxwcgz] { display: none; }
    .vdoc-visore-azioni[b-racgzxwcgz] { gap: .4rem; }
    .vdoc-visore-azioni .btn[b-racgzxwcgz] { padding: .5rem .65rem; }
    .vdoc-visore-corpo.immagine[b-racgzxwcgz] { padding: .75rem; }
    .vdoc-visore-corpo.testo[b-racgzxwcgz] { padding: .75rem; }
    .vdoc-testo[b-racgzxwcgz] { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .vdoc-visore[b-racgzxwcgz] { animation: none; }
}
/* /Pages/Vulcano/Intervento/DocumentoCustom/DocumentoCustomStorico.razor.rz.scp.css */
/* Popup "Storico" di un campo: titolo in maiuscolo centrato, elenco per stagione, "Chiudi" */
.cz-storico-finestra[b-nsukfjfkbw] {
    width: min(34rem, 100%);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
}

.cz-storico-testa[b-nsukfjfkbw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
    padding: 1.25rem 1.25rem .9rem;
    border-bottom: 1px solid var(--default-border);
    text-align: center;
}

.cz-storico-icona[b-nsukfjfkbw] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 144, 36, .14);
    color: #e67a10;
    font-size: 1.2rem;
}

[data-theme-mode=dark] .cz-storico-icona[b-nsukfjfkbw] { color: #ffa45c; }

.cz-storico-titolo[b-nsukfjfkbw] {
    margin: 0;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--default-text-color);
    overflow-wrap: anywhere;
}

.cz-storico-corpo[b-nsukfjfkbw] {
    flex: 1 1 auto;
    min-height: 6rem;
    overflow-y: auto;
    padding: .25rem 1.25rem 1rem;
}

.cz-storico-vuoto[b-nsukfjfkbw] {
    margin: 1.6rem 0 1.1rem;
    text-align: center;
    font-size: .8125rem;
    font-style: italic;
    color: var(--text-muted);
}

.cz-storico-stagione[b-nsukfjfkbw] {
    margin: .95rem 0 .15rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .8rem;
    font-weight: 700;
    color: var(--text-muted);
}

.cz-storico-elenco[b-nsukfjfkbw] { list-style: none; margin: 0; padding: 0; }

.cz-storico-riga[b-nsukfjfkbw] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: baseline;
    column-gap: .6rem;
    padding: .5rem 0;
    border-bottom: 1px dashed var(--default-border);
    font-size: .8125rem;
}

.cz-storico-elenco > li:last-child[b-nsukfjfkbw] { border-bottom: 0; }

.cz-storico-numero[b-nsukfjfkbw] { font-weight: 600; }

.cz-storico-data[b-nsukfjfkbw] { color: var(--text-muted); font-variant-numeric: tabular-nums; }

.cz-storico-valore[b-nsukfjfkbw] {
    text-align: right;
    white-space: pre-line;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.cz-storico-finestra .btn:focus-visible[b-nsukfjfkbw] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

@media (max-width: 479.98px) {
    .cz-storico-corpo[b-nsukfjfkbw] { padding-inline: 1rem; }
    .cz-storico-riga[b-nsukfjfkbw] { grid-template-columns: auto minmax(0, 1fr); row-gap: .15rem; }
    .cz-storico-valore[b-nsukfjfkbw] { grid-column: 1 / -1; text-align: left; }
}
/* /Pages/Vulcano/Intervento/FotografieIntervento.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Galleria immagini dell'intervento (PhotoGalleryPage dell'app).
   Griglia a 3 colonne con 14 px di spazio, miniature con bordo grigio
   di 3 px e angoli di 12 px come nell'app; il resto con le variabili del
   tema, così il tema scuro funziona. Pannello e piede: SottoPagina.
   ════════════════════════════════════════════════════════════════════ */

.fg-corpo[b-17bizn3lcf] { padding: 1.1rem 1.25rem 1.25rem; }

.fg-testa[b-17bizn3lcf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
}

/* "Limite 6 immagini": etichetta arrotondata nel colore d'accento tenue (TagItemBackgroundColor) */
.fg-limite[b-17bizn3lcf] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .22rem .6rem;
    border-radius: .4rem;
    background: color-mix(in srgb, var(--vs-accento) 13%, transparent);
    color: var(--default-text-color);
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.3;
}

.fg-limite > i[b-17bizn3lcf] { font-size: .85rem; color: var(--vs-accento); }

.fg-conteggio[b-17bizn3lcf] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fg-conteggio.pieno[b-17bizn3lcf] { color: var(--vs-accento); }

/* ── Griglia ───────────────────────────────────────────────────────── */
.fg-griglia[b-17bizn3lcf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.fg-griglia > li[b-17bizn3lcf] { min-width: 0; }

.fg-miniatura[b-17bizn3lcf] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 3px solid #8e9297;
    border-radius: 12px;
    overflow: hidden;
    background: var(--default-background);
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.fg-miniatura img[b-17bizn3lcf] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sotto la miniatura: si vede solo se la miniatura non si legge */
.fg-segnaposto[b-17bizn3lcf] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--text-muted);
    opacity: .6;
}

button.fg-miniatura:hover[b-17bizn3lcf] {
    border-color: rgb(var(--primary-rgb));
    box-shadow: 0 .35rem .9rem rgba(0, 0, 0, .12);
    transform: translateY(-1px);
}

button.fg-miniatura:active[b-17bizn3lcf] { transform: none; }

button.fg-miniatura:focus-visible[b-17bizn3lcf] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
    border-color: rgb(var(--primary-rgb));
}

.fg-miniatura.fg-in-arrivo[b-17bizn3lcf] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    border-color: rgba(var(--primary-rgb), .45);
    color: rgb(var(--primary-rgb));
    background: rgba(var(--primary-rgb), .05);
    cursor: default;
}

.fg-miniatura.fg-scheletro[b-17bizn3lcf] {
    border-color: transparent;
    background: var(--gray-3);
    cursor: wait;
}

[data-theme-mode=dark] .fg-miniatura.fg-scheletro[b-17bizn3lcf] { background: rgba(255, 255, 255, .08); border-color: transparent; }

[data-theme-mode=dark] .fg-miniatura[b-17bizn3lcf] { border-color: rgba(255, 255, 255, .3); }
[data-theme-mode=dark] button.fg-miniatura:hover[b-17bizn3lcf],
[data-theme-mode=dark] button.fg-miniatura:focus-visible[b-17bizn3lcf] { border-color: color-mix(in srgb, rgb(var(--primary-rgb)) 55%, #ffffff); }
[data-theme-mode=dark] .fg-miniatura.fg-in-arrivo[b-17bizn3lcf] { border-color: rgba(var(--primary-rgb), .6); color: color-mix(in srgb, rgb(var(--primary-rgb)) 45%, #ffffff); }

/* ── Stati ─────────────────────────────────────────────────────────── */
.fg-vuoto[b-17bizn3lcf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 10rem;
    padding: 1.5rem 1rem;
    border: 1px dashed var(--input-border);
    border-radius: .85rem;
    text-align: center;
    font-size: .8125rem;
    color: var(--text-muted);
}

.fg-vuoto > i[b-17bizn3lcf] { font-size: 1.9rem; opacity: .65; }

.fg-avviso[b-17bizn3lcf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .85rem;
    padding: .55rem .8rem;
    border: 1px solid rgba(var(--danger-rgb), .35);
    border-radius: .6rem;
    background: rgba(var(--danger-rgb), .06);
    font-size: .78rem;
}

.fg-avviso .btn-link:focus-visible[b-17bizn3lcf],
.fg-errore .btn:focus-visible[b-17bizn3lcf] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* ── APRI GALLERIA: l'input resta raggiungibile con la tastiera ma non si vede ── */
.fg-carica-riga[b-17bizn3lcf] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    min-width: 0;
}

.fg-file[b-17bizn3lcf] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    opacity: 0;
}

.fg-carica[b-17bizn3lcf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: .65rem;
    font-weight: 600;
    letter-spacing: .02em;
    cursor: pointer;
}

.fg-carica-riga:has(.fg-file:focus-visible) .fg-carica[b-17bizn3lcf],
button.fg-carica:focus-visible[b-17bizn3lcf] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* Telefono: 16 px ai lati; a 360 px le miniature restano di 100 px come nell'app */
@media (max-width: 575.98px) {
    .fg-corpo[b-17bizn3lcf] { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .fg-miniatura[b-17bizn3lcf] { transition: none; }
    button.fg-miniatura:hover[b-17bizn3lcf] { transform: none; }
}
/* /Pages/Vulcano/Intervento/Foto/FotoEditor.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Editor dell'immagine (PhotoEditPage dell'app): sfondo neutro scuro
   (ThemeNeutralColor 10), icone chiare (80 in alto, 90 in basso) prese
   dall'app e colorate con la maschera, così restano nitide.
   Stessi colori nel tema chiaro e scuro, come l'editor dell'app.
   ════════════════════════════════════════════════════════════════════ */

.fe-editor[b-qawfye7zv6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #1c1b1f;
    color: #e6e1e5;
}

/* ── Barra in alto: indietro, Reset, spunta ────────────────────────── */
.fe-barra[b-qawfye7zv6] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .5rem .5rem .25rem;
    flex-shrink: 0;
}

.fe-spazio[b-qawfye7zv6] { flex: 1 1 auto; }

.fe-pulsante[b-qawfye7zv6] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #cac4d0;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}

.fe-pulsante:hover:not(:disabled)[b-qawfye7zv6] { background: rgba(255, 255, 255, .09); color: #ffffff; }
.fe-pulsante:active:not(:disabled)[b-qawfye7zv6] { background: rgba(255, 255, 255, .16); }
.fe-pulsante:disabled[b-qawfye7zv6] { opacity: .38; cursor: default; }

.fe-conferma:not(:disabled)[b-qawfye7zv6] { color: #ffffff; background: rgba(var(--primary-rgb), .85); }
.fe-conferma:hover:not(:disabled)[b-qawfye7zv6] { background: rgb(var(--primary-rgb)); }

.fe-testo[b-qawfye7zv6] {
    height: 2.5rem;
    padding: 0 1rem;
    border: 0;
    border-radius: 2rem;
    background: transparent;
    color: #cac4d0;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}

.fe-testo:hover:not(:disabled)[b-qawfye7zv6] { background: rgba(255, 255, 255, .09); color: #ffffff; }
.fe-testo:disabled[b-qawfye7zv6] { opacity: .38; cursor: default; }

.fe-pulsante:focus-visible[b-qawfye7zv6],
.fe-testo:focus-visible[b-qawfye7zv6] {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px;
}

/* Icone dell'app come maschera: prendono il colore del pulsante */
.fe-icona[b-qawfye7zv6] {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    flex-shrink: 0;
}

.fe-icona-24[b-qawfye7zv6] { width: 1.5rem; height: 1.5rem; }

/* Le icone 49×48 dell'app hanno il disegno nel quadrato centrale di 24 px */
.fe-icona-48[b-qawfye7zv6] { width: 2.75rem; height: 2.75rem; }

/* ── Area del ritaglio ─────────────────────────────────────────────── */
.fe-palco[b-qawfye7zv6] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.fe-tela[b-qawfye7zv6] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    outline: none;
}

.fe-tela.pronta[b-qawfye7zv6] { cursor: grab; }
.fe-tela.pronta:active[b-qawfye7zv6] { cursor: grabbing; }

.fe-tela:focus-visible[b-qawfye7zv6] { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65); }

.fe-stato[b-qawfye7zv6] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: 1rem;
    text-align: center;
    font-size: .875rem;
    color: #e6e1e5;
}

.fe-errore > i[b-qawfye7zv6] { font-size: 2.4rem; opacity: .5; }

.fe-velo[b-qawfye7zv6] { background: rgba(0, 0, 0, .55); }
.fe-velo-testo[b-qawfye7zv6] { font-weight: 600; letter-spacing: .02em; }

/* ── Barra degli strumenti in basso ────────────────────────────────── */
.fe-strumenti[b-qawfye7zv6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: .35rem;
    padding: .4rem .75rem calc(.6rem + env(safe-area-inset-bottom));
    flex-shrink: 0;
    background: #1c1b1f;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.fe-strumenti .fe-pulsante[b-qawfye7zv6] { color: #e6e1e5; }

.fe-separatore[b-qawfye7zv6] {
    width: 1px;
    height: 1.75rem;
    margin: 0 .35rem;
    background: rgba(255, 255, 255, .14);
    flex-shrink: 0;
}

.fe-zoom[b-qawfye7zv6] {
    min-width: 3rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    color: #cac4d0;
    font-variant-numeric: tabular-nums;
}

/* Telefono: pulsanti un po' più stretti, la percentuale dello zoom sparisce sotto i 400 px */
@media (max-width: 575.98px) {
    .fe-strumenti[b-qawfye7zv6] { gap: .1rem; padding-inline: .5rem; }
    .fe-pulsante[b-qawfye7zv6] { width: 2.75rem; height: 2.75rem; }
    .fe-icona-48[b-qawfye7zv6] { width: 2.6rem; height: 2.6rem; }
    .fe-separatore[b-qawfye7zv6] { margin: 0 .15rem; }
}

@media (max-width: 399.98px) {
    .fe-zoom[b-qawfye7zv6] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .fe-pulsante[b-qawfye7zv6], .fe-testo[b-qawfye7zv6] { transition: none; }
}
/* /Pages/Vulcano/Intervento/ImmagineDettaglio.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Dettaglio immagine (PhotoDetailPage dell'app): finestra a tutto schermo
   sopra i pannelli del dettaglio (10002) e sotto finestre di messaggio
   (10004) e avvisi (10003, che vengono dopo nella pagina).
   Cornice dell'immagine nel colore d'accento con angoli di 16 px e ombra,
   pulsanti CadetBlue 48×45 in basso a destra, come nell'app.
   ════════════════════════════════════════════════════════════════════ */

.id-velo[b-ckoxsn7ydl] {
    position: fixed;
    inset: 0;
    z-index: 10003;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, .62);
    animation: id-dissolvenza-b-ckoxsn7ydl .18s ease-out;
    overscroll-behavior: contain;
}

.id-finestra[b-ckoxsn7ydl] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(72rem, 100%);
    height: min(56rem, 100%);
    border: 1px solid var(--default-border);
    border-radius: .9rem;
    background: var(--custom-white);
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .3);
    overflow: hidden;
    animation: id-comparsa-b-ckoxsn7ydl .22s cubic-bezier(.2, .9, .3, 1);
}

.id-finestra:focus[b-ckoxsn7ydl] { outline: none; }

/* L'editor ha lo sfondo scuro dell'app (ThemeNeutralColor 10) */
.id-finestra.id-in-modifica[b-ckoxsn7ydl] { background: #1c1b1f; border-color: #1c1b1f; }

/* ── Testata ───────────────────────────────────────────────────────── */
.id-testa[b-ckoxsn7ydl] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .8rem 1.1rem .8rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    flex-shrink: 0;
}

.id-testa-icona[b-ckoxsn7ydl] {
    width: 1.95rem;
    height: 1.95rem;
    border-radius: .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.05rem;
    background: rgba(var(--primary-rgb), .1);
    color: rgb(var(--primary-rgb));
}

[data-theme-mode=dark] .id-testa-icona[b-ckoxsn7ydl] { background: rgba(var(--primary-rgb), .3); color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

.id-titolo[b-ckoxsn7ydl] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--default-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.id-chiudi[b-ckoxsn7ydl] { flex-shrink: 0; }

/* ── Immagine ──────────────────────────────────────────────────────── */
.id-corpo[b-ckoxsn7ydl] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    padding: 1.25rem;
    background: var(--default-background);
}

.id-cornice[b-ckoxsn7ydl] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vs-accento);
    border-radius: 16px;
    /* scacchiera tenue: si vede la trasparenza dei PNG */
    background:
        repeating-conic-gradient(rgba(0, 0, 0, .035) 0 25%, transparent 0 50%) 0 0 / 22px 22px,
        var(--custom-white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    overflow: hidden;
}

[data-theme-mode=dark] .id-cornice[b-ckoxsn7ydl] {
    background:
        repeating-conic-gradient(rgba(255, 255, 255, .04) 0 25%, transparent 0 50%) 0 0 / 22px 22px,
        var(--custom-white);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
}

/* AspectFit con 8 px di margine (PhotoDetailPage.xaml:45-49) */
.id-immagine[b-ckoxsn7ydl] {
    display: block;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    object-fit: contain;
    user-select: none;
}

.id-vuoto[b-ckoxsn7ydl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 1.5rem 1rem 5rem;
    text-align: center;
    font-size: .8125rem;
    color: var(--text-muted);
}

.id-vuoto > i[b-ckoxsn7ydl] { font-size: 2.6rem; opacity: .45; }

/* Velo di attesa #80000000 (PhotoDetailPage.xaml:50-59) */
.id-attesa[b-ckoxsn7ydl] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

/* ── Pulsanti sopra l'immagine ─────────────────────────────────────── */
.id-azioni[b-ckoxsn7ydl] {
    position: absolute;
    right: 20px;
    bottom: 14px;
    display: flex;
    gap: 12px;
}

.id-azione[b-ckoxsn7ydl] {
    width: 48px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .6rem;
    background: #5F9EA0;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .25);
    cursor: pointer;
    transition: background-color .15s, transform .15s;
}

.id-azione:hover:not(:disabled)[b-ckoxsn7ydl] { background: #4e8a8c; transform: translateY(-1px); }
.id-azione:disabled[b-ckoxsn7ydl] { opacity: .45; cursor: not-allowed; box-shadow: none; }

.id-azione:focus-visible[b-ckoxsn7ydl],
.id-chiudi:focus-visible[b-ckoxsn7ydl],
.id-riprova:focus-visible[b-ckoxsn7ydl],
.id-indietro:focus-visible[b-ckoxsn7ydl] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.id-azione:focus-visible[b-ckoxsn7ydl] { outline-color: #fff !important; box-shadow: 0 0 0 4px rgba(var(--primary-rgb), .85); }

/* ── Piede ─────────────────────────────────────────────────────────── */
.id-piede[b-ckoxsn7ydl] {
    display: flex;
    justify-content: flex-end;
    padding: .85rem 1.25rem;
    border-top: 1px solid var(--default-border);
    background: var(--custom-white);
    flex-shrink: 0;
}

.id-indietro[b-ckoxsn7ydl] { min-width: 10rem; font-weight: 600; }

@keyframes id-dissolvenza-b-ckoxsn7ydl {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes id-comparsa-b-ckoxsn7ydl {
    from { transform: scale(.97); opacity: 0; }
    to { transform: none; opacity: 1; }
}

/* Telefono e tablet stretto: a tutto schermo, Indietro largo come nell'app */
@media (max-width: 767.98px) {
    .id-velo[b-ckoxsn7ydl] { padding: 0; }
    .id-finestra[b-ckoxsn7ydl] { width: 100%; height: 100%; border: 0; border-radius: 0; }
    .id-testa[b-ckoxsn7ydl] { padding: .7rem .75rem .7rem 1rem; }
    .id-corpo[b-ckoxsn7ydl] { padding: 1rem; }
    .id-azioni[b-ckoxsn7ydl] { right: 14px; bottom: 12px; }
    .id-piede[b-ckoxsn7ydl] { padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); }
    .id-indietro[b-ckoxsn7ydl] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .id-velo[b-ckoxsn7ydl], .id-finestra[b-ckoxsn7ydl] { animation: none; }
    .id-azione[b-ckoxsn7ydl] { transition: none; }
    .id-azione:hover:not(:disabled)[b-ckoxsn7ydl] { transform: none; }
}
/* /Pages/Vulcano/Intervento/Letture/LettureGrafico.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Grafico andamento delle letture — CSS isolato.
   Griglia: etichette Y | piano (SVG che si allarga) / etichette X.
   Linea 2 px arancio dell'app, punti 10 px con anello del colore della
   card, griglia e testi nei colori tenui del tema (anche scuro).
   ════════════════════════════════════════════════════════════════════ */

.lg-grafico[b-3m1ybfow8m] {
    --lg-colore: #ff7200;
    display: grid;
    grid-template-columns: calc(var(--lg-etichette-y, 4ch) + .6rem) minmax(0, 1fr);
    grid-template-rows: 12.5rem 1.6rem;
    grid-template-areas: "asse-y piano" ". asse-x";
    min-width: 0;
    padding: .75rem 1.25rem .25rem 0;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}

.lg-asse-y[b-3m1ybfow8m] { grid-area: asse-y; position: relative; }
.lg-piano[b-3m1ybfow8m] { grid-area: piano; position: relative; }
.lg-asse-x[b-3m1ybfow8m] { grid-area: asse-x; position: relative; }

.lg-etichetta-y[b-3m1ybfow8m],
.lg-etichetta-x[b-3m1ybfow8m] {
    position: absolute;
    font-size: .7rem;
    line-height: 1;
    color: var(--text-muted);
    white-space: nowrap;
}

.lg-etichetta-y[b-3m1ybfow8m] { right: .6rem; transform: translateY(-50%); }
.lg-etichetta-x[b-3m1ybfow8m] { top: .5rem; transform: translateX(-50%); }

.lg-svg[b-3m1ybfow8m] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.lg-griglia[b-3m1ybfow8m] {
    stroke: var(--default-border);
    stroke-width: 1;
    stroke-dasharray: 3 4;
    vector-effect: non-scaling-stroke;
}

.lg-base[b-3m1ybfow8m] {
    stroke: var(--default-border);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.lg-area[b-3m1ybfow8m] { stroke: none; }

.lg-linea[b-3m1ybfow8m] {
    fill: none;
    stroke: var(--lg-colore);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

/* Punto: 10 px con anello del colore della card; l'area sensibile è più grande del punto */
.lg-punto[b-3m1ybfow8m] {
    position: absolute;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background: var(--lg-colore);
    box-shadow: 0 0 0 2px var(--custom-white);
    transform: translate(-50%, -50%);
    transition: transform .12s;
    cursor: default;
}

.lg-punto[b-3m1ybfow8m]::before {
    content: "";
    position: absolute;
    inset: -.6rem;
    border-radius: 50%;
}

.lg-punto:hover[b-3m1ybfow8m] { transform: translate(-50%, -50%) scale(1.35); }

@media (max-width: 575.98px) {
    .lg-grafico[b-3m1ybfow8m] { grid-template-rows: 11rem 1.6rem; padding-right: 1rem; }
    .lg-etichetta-y[b-3m1ybfow8m], .lg-etichetta-x[b-3m1ybfow8m] { font-size: .65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .lg-punto[b-3m1ybfow8m] { transition: none; }
}
/* /Pages/Vulcano/Intervento/Ree/Analisi/ReeAnalisiStorico.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Finestra dello storico di un valore (pagine di analisi).
   Parte da .vi-dialogo / .vi-dialogo-velo (vulcano-interventi.css, caricato
   dopo questo CSS): dove serve cambiarle le regole hanno almeno tre classi
   o attributi.
   ════════════════════════════════════════════════════════════════════ */

.vi-dialogo.va-storico-finestra.va-storico-finestra[b-4x440o7vhc] {
    width: min(34rem, 100%);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);            /* telefono: esclude le barre del browser */
    display: flex;
    flex-direction: column;
}

/* Sentinelle del fuoco: invisibili, fuori dal flusso del velo */
.va-storico-sentinella[b-4x440o7vhc] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.va-storico-testa[b-4x440o7vhc] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.1rem .9rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    flex-shrink: 0;
}

.va-storico-icona[b-4x440o7vhc] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
    background: rgba(255, 144, 36, .14);           /* arancio dell'icona dello storico dell'app (#ff9024) */
    color: #d9700b;
}

[data-theme-mode=dark] .va-storico-icona[b-4x440o7vhc] { background: rgba(255, 144, 36, .2); color: #ffb066; }

/* Nell'app il titolo è in maiuscolo (TextTransform="Uppercase") */
.va-storico-titolo[b-4x440o7vhc] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.35;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.va-storico-testa .btn-close[b-4x440o7vhc] { flex-shrink: 0; }

.va-storico-testa .btn-close:focus-visible[b-4x440o7vhc] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
    box-shadow: none;
}

.va-storico-corpo[b-4x440o7vhc] {
    flex: 1 1 auto;
    min-height: 6rem;
    overflow-y: auto;
    padding: .35rem 1.25rem 1rem;
    overscroll-behavior: contain;
}

.va-storico-stato[b-4x440o7vhc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .55rem;
    min-height: 6rem;
    text-align: center;
    font-size: .8125rem;
    color: var(--text-muted);
}

.va-storico-stato.errore[b-4x440o7vhc] { color: rgb(var(--danger-rgb)); }
.va-storico-stato.errore > i[b-4x440o7vhc] { font-size: 1.2rem; }

.va-storico-riprova:focus-visible[b-4x440o7vhc] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* Testo dell'app per lo storico vuoto (in corsivo come nell'app) */
.va-storico-vuoto[b-4x440o7vhc] {
    margin: 1.1rem 0 .4rem;
    text-align: center;
    font-size: .8125rem;
    font-style: italic;
    line-height: 1.5;
    color: var(--text-muted);
}

.va-storico-gruppo + .va-storico-gruppo[b-4x440o7vhc] { margin-top: .35rem; }

.va-storico-stagione[b-4x440o7vhc] {
    margin: .85rem 0 .3rem;
    padding-bottom: .35rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .8125rem;
    font-weight: 700;
    color: var(--default-text-color);
}

.va-storico-elenco[b-4x440o7vhc] { list-style: none; margin: 0; padding: 0; }

.va-storico-riga[b-4x440o7vhc] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    padding: .5rem 0;
    border-bottom: 1px dashed var(--default-border);
    font-size: .8125rem;
}

.va-storico-riga:last-child[b-4x440o7vhc] { border-bottom: 0; }

.va-storico-numero[b-4x440o7vhc] { font-weight: 600; overflow-wrap: anywhere; }
.va-storico-data[b-4x440o7vhc] { flex: 1 1 auto; color: var(--text-muted); font-variant-numeric: tabular-nums; }

.va-storico-valore[b-4x440o7vhc] {
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.va-storico-unita[b-4x440o7vhc] { margin-left: .15rem; font-size: .72rem; font-weight: 500; color: var(--text-muted); }

@media (max-width: 479.98px) {
    .va-storico-testa[b-4x440o7vhc] { padding: .9rem .9rem .8rem 1rem; }
    .va-storico-corpo[b-4x440o7vhc] { padding: .25rem 1rem .85rem; }
}
/* /Pages/Vulcano/Intervento/SegnalazioniIntervento.razor.rz.scp.css */
/* Segnalazioni: il modulo aperto dall'elenco è un secondo pannello sopra il primo, della stessa
   larghezza, come le due pagine modali dell'app. Il suo velo resta trasparente (sotto c'è già quello
   dell'elenco, che oscura il dettaglio) ma chiude comunque il modulo al clic fuori. */
.sg-sopra[b-p8ldhr0p51]  .vi-velo {
    background: transparent;
    animation: none;
}

.sg-sopra[b-p8ldhr0p51]  .vi-pannello {
    box-shadow: -.75rem 0 2rem rgba(15, 23, 42, .16);
}

[data-theme-mode=dark] .sg-sopra[b-p8ldhr0p51]  .vi-pannello {
    box-shadow: -.75rem 0 2rem rgba(0, 0, 0, .45);
}
/* /Pages/Vulcano/Intervento/Segnalazioni/SegnalazioniElenco.razor.rz.scp.css */
/* Elenco segnalazioni (ElencoSegnalazioniPage dell'app).
   Il CSS isolato si carica prima del tema e di vulcano-interventi.css: dove si cambia una regola
   globale (vs-riga) il selettore ha almeno due classi. */

/* ── Ricerca e "+" (restano in vista scorrendo l'elenco) ─────────────── */
.sg-strumenti[b-5z8mvtwxeq] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .8rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    background: var(--custom-white);
}

.sg-cerca[b-5z8mvtwxeq] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

/* Casella arrotondata come la TextEdit dell'app (CornerRadius 16), lente a destra */
.sg-cerca .sg-cerca-campo[b-5z8mvtwxeq] {
    height: 2.5rem;
    padding: .4rem 4.3rem .4rem 1.05rem;
    border-radius: 2rem;
    font-size: .8125rem;
}

.sg-cerca-lente[b-5z8mvtwxeq] {
    position: absolute;
    top: 50%;
    right: .95rem;
    transform: translateY(-50%);
    font-size: 1.05rem;
    line-height: 1;
    color: var(--text-muted);
    pointer-events: none;
}

.sg-cerca-cancella[b-5z8mvtwxeq] {
    position: absolute;
    top: 50%;
    right: 2.45rem;
    transform: translateY(-50%);
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--text-muted);
    font-size: 1rem;
    cursor: pointer;
}

.sg-cerca-cancella:hover[b-5z8mvtwxeq] { background: rgba(var(--primary-rgb), .08); color: var(--default-text-color); }

/* Il tema toglie il contorno ai pulsanti con !important: per la tastiera serve */
.sg-cerca-cancella:focus-visible[b-5z8mvtwxeq],
.sg-strumenti .sg-aggiungi:focus-visible[b-5z8mvtwxeq] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.sg-strumenti .sg-aggiungi[b-5z8mvtwxeq] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: .75rem;
    font-size: 1.35rem;
}

/* Barra di aggiornamento sul bordo inferiore della ricerca */
.sg-strumenti .sg-avanzamento[b-5z8mvtwxeq] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

/* ── Righe ───────────────────────────────────────────────────────────── */
.sg-errore[b-5z8mvtwxeq] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: .85rem 1.25rem 0;
    padding: .6rem .8rem;
    border-radius: .6rem;
    background: rgba(var(--danger-rgb), .08);
    color: rgb(var(--danger-rgb));
    font-size: .8rem;
}

.sg-errore > i[b-5z8mvtwxeq] { font-size: 1.1rem; flex-shrink: 0; }

.vs-elenco .sg-riga[b-5z8mvtwxeq] {
    align-items: flex-start;
    gap: .85rem;
    padding: .85rem 1.25rem;
}

/* Quadrato 34×34 con bordo Gray200 e bandierina chiara, sfondo = urgenza (ElencoSegnalazioniPage.xaml:78-84) */
.sg-urgenza[b-5z8mvtwxeq] {
    width: 2.125rem;
    height: 2.125rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .05rem;
    border: 1px solid #C8C8C8;
    border-radius: .5rem;
}

.sg-urgenza img[b-5z8mvtwxeq] { width: 1.125rem; height: 1.125rem; }

[data-theme-mode=dark] .sg-urgenza[b-5z8mvtwxeq] { border-color: rgba(255, 255, 255, .22); }

.sg-riga-testa[b-5z8mvtwxeq] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    min-width: 0;
}

.sg-riga-testa .sg-tipo[b-5z8mvtwxeq] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .875rem;
    font-weight: 700;
}

/* Stato a destra, piccolo e in grassetto come nell'app */
.sg-stato[b-5z8mvtwxeq] {
    flex-shrink: 0;
    padding: .12rem .5rem;
    border: 1px solid var(--default-border);
    border-radius: 2rem;
    background: rgb(var(--light-rgb));
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1.4;
    white-space: nowrap;
}

/* Il testo intero, a capo dove serve (opacità .74 dell'app) */
.sg-testo[b-5z8mvtwxeq] {
    margin-top: .2rem;
    font-size: .8125rem;
    line-height: 1.45;
    opacity: .74;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .sg-strumenti[b-5z8mvtwxeq] { padding: .75rem 1rem; }
    .vs-elenco .sg-riga[b-5z8mvtwxeq] { padding: .8rem 1rem; }
    .sg-errore[b-5z8mvtwxeq] { margin-inline: 1rem; }
}
/* /Pages/Vulcano/Intervento/Segnalazioni/SegnalazioniModulo.razor.rz.scp.css */
/* Modulo "Segnalazioni intervento" (SegnalazioniPage dell'app).
   Il CSS isolato si carica prima del tema: le regole che correggono Bootstrap (.form-floating >
   .form-control) hanno più classi delle sue. */

.sg-modulo[b-uekmz83svw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.1rem 1.25rem 1.25rem;
}

/* Descrizione: da 10 a 14 righe come l'app (MinLineCount / MaxLineCount), poi scorre */
.form-floating > textarea.form-control.sg-descrizione[b-uekmz83svw] {
    height: auto;
    min-height: calc(15em + 2.35rem);
    max-height: calc(21em + 2.35rem);
    line-height: 1.5;
    resize: vertical;
}

@supports (field-sizing: content) {
    .form-floating > textarea.form-control.sg-descrizione[b-uekmz83svw] { field-sizing: content; }
}

/* Sola lettura: stesso fondo dei campi bloccati del tema */
.form-floating > textarea.form-control.sg-descrizione.sg-sola-lettura[b-uekmz83svw] {
    background-color: rgb(var(--light-rgb));
    color: var(--default-text-color);
}

.form-floating > .sg-descrizione.sg-sola-lettura ~ label[b-uekmz83svw]::after { background-color: rgb(var(--light-rgb)); }

.sg-avviso[b-uekmz83svw] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem .8rem;
    border-radius: .6rem;
    background: rgba(var(--danger-rgb), .08);
    color: rgb(var(--danger-rgb));
    font-size: .8rem;
}

.sg-avviso > i[b-uekmz83svw] { font-size: 1.1rem; flex-shrink: 0; }

.sg-avviso .btn:focus-visible[b-uekmz83svw] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .sg-modulo[b-uekmz83svw] { padding: 1rem; }
    .sg-avviso[b-uekmz83svw] { flex-wrap: wrap; }
}
/* /Pages/Vulcano/Intervento/ServizioBase.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Dettaglio servizio (D01) — CSS isolato.
   Stessa grafica delle card del dettaglio (testata con icona, corpo,
   bordi e colori del tema). Il CSS isolato arriva prima del tema: dove
   il tema ha regole con due classi (.card.custom-card) qui se ne usano tre.
   ════════════════════════════════════════════════════════════════════ */

.sb-radice[b-5xfca0i2bk] { min-width: 0; }

.card.custom-card.sb-scheda[b-5xfca0i2bk] { overflow: hidden; }

/* ── Testata della card: il servizio aperto ────────────────────────── */
.sb-testa[b-5xfca0i2bk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    padding: .95rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
}

/* Icona del servizio dell'app: fondo chiaro anche nel tema scuro (come la riga del dettaglio) */
.sb-servizio-icona[b-5xfca0i2bk] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .6rem;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--default-border);
    background: #fff;
    flex-shrink: 0;
}

.sb-servizio-icona img[b-5xfca0i2bk] { width: 100%; height: 100%; object-fit: contain; }

.sb-servizio[b-5xfca0i2bk] { flex: 1 1 14rem; display: flex; flex-direction: column; gap: .15rem; }

.sb-servizio-titolo[b-5xfca0i2bk] {
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
    color: var(--default-text-color);
}

.sb-servizio-dati[b-5xfca0i2bk] {
    font-size: .75rem;
    color: var(--text-muted);
    overflow-wrap: anywhere;
}

/* "Visualizza sottoservizi": collegamento in colore d'accento con la freccia a destra */
.btn.sb-link[b-5xfca0i2bk] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-left: auto;
    padding: .35rem .6rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    background: transparent;
    color: var(--vs-accento);
    font-size: .875rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color .15s, border-color .15s;
}

.btn.sb-link > i[b-5xfca0i2bk] { font-size: 1rem; line-height: 1; transition: transform .15s; }

.btn.sb-link:hover[b-5xfca0i2bk] {
    background: rgba(255, 114, 0, .08);
    border-color: rgba(255, 114, 0, .25);
    color: var(--vs-accento);
}

.btn.sb-link:hover > i[b-5xfca0i2bk] { transform: translateX(2px); }

.btn.sb-link:focus-visible[b-5xfca0i2bk] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

[data-theme-mode=dark] .btn.sb-link:hover[b-5xfca0i2bk] { background: rgba(255, 164, 92, .12); border-color: rgba(255, 164, 92, .3); }

/* ── Corpo: note e "eseguito" ──────────────────────────────────────── */
.sb-corpo[b-5xfca0i2bk] { padding: 1.15rem 1.25rem 1.25rem; }

/* ── Barra in fondo ────────────────────────────────────────────────── */
.vs-barra-stato.sb-stato[b-5xfca0i2bk] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    flex: 1 1 14rem;
    min-width: 0;
    color: var(--default-text-color);
    font-weight: 600;
    line-height: 1.3;
}

.sb-punto[b-5xfca0i2bk] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #FF8C00;
    box-shadow: 0 0 0 .2rem rgba(255, 140, 0, .2);
    flex-shrink: 0;
}

@media (max-width: 575.98px) {
    .sb-testa[b-5xfca0i2bk] { padding: .85rem 1rem; }
    .sb-corpo[b-5xfca0i2bk] { padding: 1rem; }
    .btn.sb-link[b-5xfca0i2bk] { margin-left: 0; padding-inline: 0; }
    .vs-barra-stato.sb-stato[b-5xfca0i2bk] { font-size: .72rem; }
}

@media (prefers-reduced-motion: reduce) {
    .btn.sb-link[b-5xfca0i2bk], .btn.sb-link > i[b-5xfca0i2bk] { transition: none; }
    .btn.sb-link:hover > i[b-5xfca0i2bk] { transform: none; }
}
/* /Pages/Vulcano/Intervento/ServizioBase/ServizioBaseSottoservizi.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Finestra "Sottoservizi" (DXPopup di ServiceBasePage) — CSS isolato.
   Velo e finestra usano le classi comuni vi-dialogo-*; qui la forma
   dell'app: angoli arrotondati, icona CadetBlue, elenco con separatori
   sottili, pulsante "Chiudi" CadetBlue centrato.
   ════════════════════════════════════════════════════════════════════ */

.vi-dialogo.sd-dialogo[b-in73e6d4wi] {
    width: min(32rem, 100%);
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 1.25rem;
    padding: 1.5rem 1.5rem 1.35rem;
}

.sd-testa[b-in73e6d4wi] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

/* Icona "bookmark" dell'app tinta CadetBlue */
.sd-icona[b-in73e6d4wi] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    background-color: #5F9EA0;
    -webkit-mask: url('assets/images/interventi/letture/bookmark.svg') center / contain no-repeat;
    mask: url('assets/images/interventi/letture/bookmark.svg') center / contain no-repeat;
}

.sd-titolo[b-in73e6d4wi] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #505050;
}

[data-theme-mode=dark] .sd-titolo[b-in73e6d4wi] { color: var(--default-text-color); }

/* Elenco: al massimo 400 px, scorre dentro la finestra */
.sd-elenco[b-in73e6d4wi] {
    list-style: none;
    margin: 1.25rem 0 0;
    padding: 0;
    max-height: 400px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    border-bottom: 1px solid #C8C8C8;
    border-radius: .25rem;
}

.sd-voce[b-in73e6d4wi] {
    padding: .5rem .15rem .45rem;
    border-top: 1px solid #C8C8C8;
    font-size: .875rem;
    line-height: 1.4;
    color: #505050;
    overflow-wrap: anywhere;
}

[data-theme-mode=dark] .sd-elenco[b-in73e6d4wi] { border-bottom-color: var(--default-border); }
[data-theme-mode=dark] .sd-voce[b-in73e6d4wi] { border-top-color: var(--default-border); color: var(--default-text-color); }

.sd-elenco:focus-visible[b-in73e6d4wi] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.sd-piede[b-in73e6d4wi] {
    display: flex;
    justify-content: center;
    padding: 1.75rem 1.5rem 0;
    flex-shrink: 0;
}

/* "Chiudi": CadetBlue come nell'app */
.sd-piede .btn.sd-chiudi[b-in73e6d4wi] {
    min-width: min(16rem, 100%);
    padding: .5rem 1.5rem;
    border: 0;
    border-radius: .75rem;
    background: #5F9EA0;
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
}

.sd-piede .btn.sd-chiudi:hover[b-in73e6d4wi] { background: #4f8a8c; color: #fff; }

.sd-piede .btn.sd-chiudi:focus-visible[b-in73e6d4wi] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

@media (max-width: 479.98px) {
    .vi-dialogo.sd-dialogo[b-in73e6d4wi] { padding: 1.25rem 1.1rem 1.1rem; border-radius: 1rem; }
    .sd-piede[b-in73e6d4wi] { padding-inline: 0; }
    .sd-piede .btn.sd-chiudi[b-in73e6d4wi] { width: 100%; }
}
/* /Pages/Vulcano/Intervento/ServizioCensimento.razor.rz.scp.css */
/* Censimento: riquadro "Dati componente" (foto dell'etichetta e data di installazione) e popup della data. */
.cz-componente[b-wgot25l91r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cz-installazione[b-wgot25l91r] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid var(--default-border);
    border-radius: .6rem;
    background: rgb(var(--light-rgb));
}

.cz-data-icona[b-wgot25l91r] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: .55rem;
    background: var(--custom-white);
}

.cz-data-icona img[b-wgot25l91r] { width: 1.35rem; height: 1.35rem; }

/* Icona dell'app con tratti scuri: su fondo chiaro anche nel tema scuro */
[data-theme-mode=dark] .cz-data-icona[b-wgot25l91r] { background: rgba(255, 255, 255, .88); }

.cz-dato-etichetta[b-wgot25l91r] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.cz-dato-valore[b-wgot25l91r] {
    margin-top: .1rem;
    font-size: .9rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.cz-attesa-data[b-wgot25l91r] { width: 6rem; border-radius: .3rem; }

.cz-riprova[b-wgot25l91r] { font-size: .78rem; vertical-align: baseline; }

.cz-matita[b-wgot25l91r] { flex-shrink: 0; }

.cz-matita:focus-visible[b-wgot25l91r],
.cz-riprova:focus-visible[b-wgot25l91r],
.cz-conferma:focus-visible[b-wgot25l91r],
.cz-dialogo-data .btn:focus-visible[b-wgot25l91r] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* Popup della data: selettore e freccia sulla stessa riga, come nell'app */
.cz-dialogo-data[b-wgot25l91r] { width: min(24rem, 100%); }

.cz-data-riga[b-wgot25l91r] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .65rem;
}

.cz-data-riga .form-control[b-wgot25l91r] { flex: 1 1 auto; min-width: 0; }

.cz-conferma[b-wgot25l91r] { flex-shrink: 0; }
/* /Pages/Vulcano/Intervento/ServizioLetture.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Letture contatori (D09/D10) — CSS isolato.
   Colori semantici = quelli di LetturePage: pulsante foto bianco /
   giallo (in attesa) / verde chiaro (salvata), icona "gauge" ForestGreen,
   fuoco del campo OrangeRed. Il resto usa le variabili del tema, così il
   tema scuro funziona. Il CSS isolato arriva prima del tema: dove il tema
   ha regole con due classi (.card.custom-card) qui se ne usano tre.
   ════════════════════════════════════════════════════════════════════ */

.lt-radice[b-bsf14alfi8] { min-width: 0; }

/* La matricola sotto il titolo è un dato, non un avviso: colore tenue come nell'app */
.lt-radice[b-bsf14alfi8]  .vs-sottotitolo { color: var(--text-muted); font-size: .8125rem; }

/* ── Disposizione: una colonna nell'ordine dell'app; su schermi larghi
      lettura e ultime letture affiancate, grafico sotto a tutta larghezza ── */
.lt-griglia[b-bsf14alfi8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "lettura" "storico" "grafico";
    gap: 1.25rem;
}

@media (min-width: 992px) {
    .lt-griglia[b-bsf14alfi8] {
        grid-template-columns: minmax(0, 23rem) minmax(0, 1fr);
        grid-template-areas: "lettura storico" "grafico grafico";
    }
}

.lt-area-lettura[b-bsf14alfi8] { grid-area: lettura; }
.lt-area-storico[b-bsf14alfi8] { grid-area: storico; }
.lt-area-grafico[b-bsf14alfi8] { grid-area: grafico; }

.lt-griglia > .card.custom-card.lt-scheda[b-bsf14alfi8] { margin-block-end: 0; min-width: 0; }

/* ── Testata e corpo delle card (come le card del dettaglio) ───────── */
.lt-card-testa[b-bsf14alfi8] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
}

.lt-card-testa > i[b-bsf14alfi8] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    background: rgba(var(--primary-rgb), .1);
    color: rgb(var(--primary-rgb));
    flex-shrink: 0;
}

[data-theme-mode=dark] .lt-card-testa > i[b-bsf14alfi8] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); background: rgba(var(--primary-rgb), .3); }

.lt-card-titolo[b-bsf14alfi8] { margin: 0; font-size: .875rem; font-weight: 700; }

.lt-card-corpo[b-bsf14alfi8] { padding: 1.1rem 1.25rem 1.25rem; }
.lt-corpo-grafico[b-bsf14alfi8] { padding: .5rem .5rem .75rem .25rem; }

/* ── Lettura e foto ────────────────────────────────────────────────── */
.lt-modulo[b-bsf14alfi8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "etichetta ."
        "campo foto"
        "sotto foto";
    column-gap: 1rem;
    padding: 1.25rem 1.25rem 1.35rem;
}

.lt-etichetta[b-bsf14alfi8] {
    grid-area: etichetta;
    margin-bottom: .4rem;
    font-size: .8125rem;
    font-weight: 600;
    color: var(--default-text-color);
}

.lt-gruppo[b-bsf14alfi8] { grid-area: campo; flex-wrap: nowrap; }
.lt-sotto-campo[b-bsf14alfi8] { grid-area: sotto; min-width: 0; }

.lt-gruppo .form-control.lt-valore[b-bsf14alfi8] {
    height: 3.5rem;
    min-width: 0;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: .01em;
    font-variant-numeric: tabular-nums;
}

/* Bordo e fuoco OrangeRed come il NumericEdit dell'app */
.lt-gruppo .form-control.lt-valore:focus[b-bsf14alfi8] {
    border-color: #FF4500;
    box-shadow: 0 0 0 .2rem rgba(255, 69, 0, .18);
}

.lt-gruppo .form-control.lt-valore.is-invalid:focus[b-bsf14alfi8] { box-shadow: 0 0 0 .2rem rgba(var(--danger-rgb), .2); }

.lt-gruppo .input-group-text.lt-udm[b-bsf14alfi8] {
    min-width: 3rem;
    justify-content: center;
    font-size: .875rem;
    font-weight: 600;
    color: var(--text-muted);
}

.lt-aiuto[b-bsf14alfi8] { margin-top: .4rem; font-size: .75rem; }
.lt-sotto-campo .invalid-feedback[b-bsf14alfi8] { margin-top: .35rem; }

.lt-foto[b-bsf14alfi8] {
    grid-area: foto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

/* Il file si sceglie dall'etichetta; l'input resta raggiungibile da tastiera */
.lt-file[b-bsf14alfi8] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

/* 70 × 56, bordo grigio 2 px, angoli 10 (LetturePage.xaml:62-66) */
.lt-foto-btn[b-bsf14alfi8] {
    width: 4.375rem;
    height: 3.5rem;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #808080;
    border-radius: 10px;
    background: #fff;
    color: #212529;
    cursor: pointer;
    transition: transform .12s, box-shadow .15s, background-color .15s;
}

.lt-foto-btn:hover[b-bsf14alfi8] { box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .1); transform: translateY(-1px); }
.lt-foto-btn.in-attesa[b-bsf14alfi8] { background: #FFEA00; border-color: #B8A600; color: #3d3500; }
.lt-foto-btn.salvata[b-bsf14alfi8] { background: #90EE90; border-color: #4CAF50; color: #0d3d0d; }

.lt-foto-btn:focus-visible[b-bsf14alfi8],
.lt-file:focus-visible + .lt-foto-btn[b-bsf14alfi8] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.lt-file:disabled + .lt-foto-btn[b-bsf14alfi8],
.lt-foto-btn:disabled[b-bsf14alfi8] { opacity: .6; cursor: default; transform: none; box-shadow: none; }

/* Icona "photo_camera" dell'app, del colore del testo del pulsante */
.lt-foto-icona[b-bsf14alfi8] {
    width: 1.9rem;
    height: 1.9rem;
    background-color: currentColor;
    -webkit-mask: url('assets/images/interventi/photo_camera.svg') center / contain no-repeat;
    mask: url('assets/images/interventi/photo_camera.svg') center / contain no-repeat;
}

.lt-foto-stato[b-bsf14alfi8] {
    font-size: .68rem;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
}

.lt-foto-stato.inattesa[b-bsf14alfi8] { color: #8a7a00; }
.lt-foto-stato.salvata[b-bsf14alfi8] { color: #2f7a2f; }

[data-theme-mode=dark] .lt-foto-btn[b-bsf14alfi8] { background: var(--custom-white); border-color: rgba(255, 255, 255, .35); color: var(--default-text-color); }
[data-theme-mode=dark] .lt-foto-btn.in-attesa[b-bsf14alfi8] { background: rgba(255, 234, 0, .2); border-color: rgba(255, 234, 0, .75); color: #fff27a; }
[data-theme-mode=dark] .lt-foto-btn.salvata[b-bsf14alfi8] { background: rgba(144, 238, 144, .18); border-color: rgba(144, 238, 144, .7); color: #a6f5a6; }
[data-theme-mode=dark] .lt-foto-stato.inattesa[b-bsf14alfi8] { color: #fff27a; }
[data-theme-mode=dark] .lt-foto-stato.salvata[b-bsf14alfi8] { color: #a6f5a6; }

/* ── Ultime letture: striscia orizzontale, la più recente a sinistra ─ */
.lt-schede[b-bsf14alfi8] {
    list-style: none;
    margin: -.25rem -1.25rem -.5rem;
    padding: .35rem 1.25rem .9rem;
    display: flex;
    gap: .85rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 1.25rem;
    scrollbar-width: thin;
}

.lt-schede:focus-visible[b-bsf14alfi8] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: -2px;
    border-radius: .5rem;
}

/* Scheda come SimpleCardViewBase: titolo in alto, valore e unità in basso, icona in basso a destra */
.lt-lettura[b-bsf14alfi8] {
    position: relative;
    flex: 0 0 auto;
    min-width: 9.25rem;
    min-height: 5.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 2.6rem .8rem 1rem;
    border: 1px solid var(--default-border);
    border-radius: 1rem;
    background: var(--custom-white);
    box-shadow: 0 .25rem .9rem rgba(0, 0, 0, .06);
    scroll-snap-align: start;
}

.lt-lettura-data[b-bsf14alfi8] { font-size: .8125rem; font-weight: 700; color: var(--default-text-color); white-space: nowrap; }

.lt-lettura-valore[b-bsf14alfi8] {
    display: flex;
    align-items: baseline;
    gap: .3rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.lt-lettura-valore strong[b-bsf14alfi8] { font-size: 1.05rem; font-weight: 700; color: var(--default-text-color); }
.lt-lettura-valore span[b-bsf14alfi8] { font-size: .78rem; color: var(--text-muted); }

/* Icona "gauge_1" dell'app tinta ForestGreen */
.lt-gauge[b-bsf14alfi8] {
    display: inline-block;
    background-color: #228B22;
    -webkit-mask: url('assets/images/interventi/letture/gauge_1.svg') center / contain no-repeat;
    mask: url('assets/images/interventi/letture/gauge_1.svg') center / contain no-repeat;
}

.lt-lettura-icona[b-bsf14alfi8] { position: absolute; right: .85rem; bottom: .8rem; width: 1.375rem; height: 1.375rem; }

[data-theme-mode=dark] .lt-gauge[b-bsf14alfi8] { background-color: #4cc24c; }

.lt-vuoto[b-bsf14alfi8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem 0 .2rem;
    font-size: .875rem;
    color: var(--text-muted);
}

.lt-gauge-vuoto[b-bsf14alfi8] { width: 1.6rem; height: 1.6rem; opacity: .55; flex-shrink: 0; }

.lt-avviso[b-bsf14alfi8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem .65rem;
    margin-bottom: 1rem;
    padding: .55rem .75rem;
    border: 1px solid rgba(var(--warning-rgb), .45);
    border-radius: .6rem;
    background: rgba(var(--warning-rgb), .08);
    font-size: .78rem;
}

.lt-avviso > i[b-bsf14alfi8] { font-size: 1.05rem; color: rgb(var(--warning-rgb)); }
.lt-avviso > span[b-bsf14alfi8] { flex: 1 1 12rem; }

.lt-avviso .btn:focus-visible[b-bsf14alfi8] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* ── Barra in fondo ────────────────────────────────────────────────── */
.vs-barra-stato.lt-stato[b-bsf14alfi8] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--default-text-color);
    font-weight: 600;
}

.lt-punto[b-bsf14alfi8] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #FF8C00;
    box-shadow: 0 0 0 .2rem rgba(255, 140, 0, .2);
    flex-shrink: 0;
}

.lt-salva[b-bsf14alfi8] { min-width: 7.5rem; }

/* ── Segnaposto di caricamento ─────────────────────────────────────── */
.lt-segnaposto-campo[b-bsf14alfi8] { height: 3.5rem; border-radius: .5rem; }
.lt-segnaposto-scheda[b-bsf14alfi8] { display: inline-block; width: 9rem; height: 5.5rem; border-radius: 1rem; }

/* ── Telefono ──────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .lt-modulo[b-bsf14alfi8] { padding: 1rem; column-gap: .75rem; }
    .lt-card-testa[b-bsf14alfi8] { padding: .8rem 1rem; }
    .lt-card-corpo[b-bsf14alfi8] { padding: 1rem; }
    .lt-schede[b-bsf14alfi8] { margin-inline: -1rem; padding-inline: 1rem; scroll-padding-inline: 1rem; }
    .lt-foto-btn[b-bsf14alfi8] { width: 4rem; }
    .lt-gruppo .form-control.lt-valore[b-bsf14alfi8] { font-size: 1.2rem; }
    .lt-lettura[b-bsf14alfi8] { min-width: 8.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .lt-foto-btn[b-bsf14alfi8] { transition: none; }
    .lt-foto-btn:hover[b-bsf14alfi8] { transform: none; }
}
/* /Pages/Vulcano/Intervento/ServizioRee.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Rapporti di efficienza e analisi — ServizioRee e le sue sezioni (Ree/).
   Le sezioni e i campi sono componenti senza CSS proprio: li raggiunge
   ::deep sotto .vr-rapporto, che è di questo componente.
   Stesso aspetto del dettaglio (card con testata a icona, barra in fondo);
   colori semantici dell'app: bordo arancione della card toccata, bollini
   Nox / Rendimento DarkGreen, DarkGoldenrod, Red.
   Il CSS isolato arriva prima del tema: qui ogni regola ha almeno tre
   classi o attributi.
   ════════════════════════════════════════════════════════════════════ */

.vr-rapporto[b-95qx1hl9fa] {
    --vr-arancio: #FFA500;                  /* Colors.Orange: card toccata */
    --vr-attenzione: #8a5a00;               /* testo "Nessun dato compilato" */
    --vr-attenzione-fondo: rgba(255, 177, 21, .16);
    --vr-chip: rgba(var(--primary-rgb), .1);
    --vr-chip-testo: rgb(var(--primary-rgb));
}

[data-theme-mode=dark] .vr-rapporto[b-95qx1hl9fa] {
    --vr-attenzione: #ffcf66;
    --vr-attenzione-fondo: rgba(255, 196, 51, .14);
    --vr-chip: rgba(var(--primary-rgb), .3);
    --vr-chip-testo: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff);
}

/* ── Card e loro testata (come .vd-card-testa del dettaglio) ────────── */
.vr-rapporto[b-95qx1hl9fa]  .card.custom-card.vr-blocco,
.vr-rapporto[b-95qx1hl9fa]  .card.custom-card.vr-testata { margin-block-end: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-card-testa {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--default-border);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.3;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-card-testa > i {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    background: var(--vr-chip);
    color: var(--vr-chip-testo);
    flex-shrink: 0;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-card-testa > span { min-width: 0; overflow-wrap: anywhere; }

.vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo { padding: 1.1rem 1.25rem 1.25rem; }

/* Sezioni con più card: una colonna, due sugli schermi larghi */
.vr-rapporto[b-95qx1hl9fa]  .vr-griglia-sezione {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

/* Card una sotto l'altra, a tutta larghezza (sezione D-E: le righe hanno testi lunghi) */
.vr-rapporto[b-95qx1hl9fa]  .vr-pila { display: flex; flex-direction: column; gap: 1rem; }

/* ── Testata del rapporto: icona del servizio, componente, copia ────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-testata-corpo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    padding: .85rem 1.1rem;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-testata-icona {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .6rem;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--default-border);
    background: #fff;                       /* icone dell'app su fondo chiaro anche nel tema scuro */
    flex-shrink: 0;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-testata-icona img { width: 100%; height: 100%; object-fit: contain; }

.vr-rapporto[b-95qx1hl9fa]  .vr-testata-testo { flex: 1 1 12rem; display: flex; flex-direction: column; gap: .1rem; }

.vr-rapporto[b-95qx1hl9fa]  .vr-testata-etichetta {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-testata-dati { font-size: .8125rem; font-weight: 600; overflow-wrap: anywhere; }

.vr-rapporto[b-95qx1hl9fa]  .btn.vr-copia {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid var(--default-border);
    font-size: .8125rem;
    font-weight: 600;
    white-space: nowrap;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-copia-segno { color: #32A852; font-size: 1.15rem; line-height: 1; }

/* Il sottotitolo dell'app ha due spazi dopo "Tipo 1,": si mostrano */
.vr-rapporto[b-95qx1hl9fa]  .vs-pagina-testa .vs-sottotitolo { white-space: pre-wrap; }

/* ── Card delle sezioni (SezioneRee) ────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-sezioni {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: .75rem;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezioni > li { display: flex; min-width: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .9rem 1rem;
    border: 1px solid var(--default-border);
    border-radius: .75rem;
    background: var(--custom-white);
    color: var(--default-text-color);
    text-align: left;
    box-shadow: 0 .1rem .35rem rgba(0, 0, 0, .04);
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione:hover {
    border-color: rgba(var(--primary-rgb), .45);
    box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .07);
    transform: translateY(-1px);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione.selezionata {
    border-color: var(--vr-arancio);
    box-shadow: 0 0 0 1px var(--vr-arancio);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-icona {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    background: var(--vr-chip);
    color: var(--vr-chip-testo);
    flex-shrink: 0;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-testo { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-riga { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-titolo { margin-right: auto; font-size: .9rem; font-weight: 700; line-height: 1.3; }
.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-sotto { font-size: .75rem; line-height: 1.35; color: var(--text-muted); }

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-stato {
    align-self: flex-start;
    margin-top: .2rem;
    font-size: .7rem;
    font-weight: 600;
    color: var(--text-muted);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-stato.vuota {
    padding: .1rem .55rem;
    border-radius: 2rem;
    background: var(--vr-attenzione-fondo);
    color: var(--vr-attenzione);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione-freccia { align-self: center; margin-left: .25rem; font-size: 1.25rem; color: var(--text-muted); flex-shrink: 0; }

/* Bollini Nox / Rendimento (ImagesAndColorsConverter STATO_VERIFICA_REE) */
.vr-rapporto[b-95qx1hl9fa]  .vr-bollino {
    display: inline-flex;
    align-items: center;
    height: 1.35rem;
    padding: 0 .55rem;
    border-radius: .5rem;
    color: #fff;
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-bollino.v0 { background: #006400; }
.vr-rapporto[b-95qx1hl9fa]  .vr-bollino.v1 { background: #B8860B; }
.vr-rapporto[b-95qx1hl9fa]  .vr-bollino.v2 { background: #FF0000; }

/* ── Servizio e conclusioni ─────────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-fondo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }

.vr-rapporto[b-95qx1hl9fa]  .vr-domanda { margin-bottom: .75rem; font-size: .8125rem; font-weight: 600; }

/* Scelte a segmenti (radio): SI / NO / NC delle sezioni D-E e le conclusioni */
.vr-rapporto[b-95qx1hl9fa]  .vr-scelte {
    position: relative;                     /* ancora dei radio nascosti (.btn-check) */
    display: inline-flex;
    flex-shrink: 0;
    border: 1px solid var(--default-border);
    border-radius: .55rem;
    overflow: hidden;
    background: var(--custom-white);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .vr-scelta {
    min-width: 2.9rem;
    margin: 0;
    padding: .38rem .7rem;
    border-left: 1px solid var(--default-border);
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--text-muted);
    cursor: pointer;
    user-select: none;
    transition: background-color .12s, color .12s;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .vr-scelta:first-of-type { border-left: 0; }
.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .vr-scelta:hover { background: rgba(var(--primary-rgb), .06); color: var(--default-text-color); }
.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .btn-check:checked + .vr-scelta.si { background: #32A852; color: #fff; }
.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .btn-check:checked + .vr-scelta.no { background: rgb(var(--danger-rgb)); color: #fff; }
.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .btn-check:checked + .vr-scelta.nc { background: #6c757d; color: #fff; }

.vr-rapporto[b-95qx1hl9fa]  .vr-scelte .btn-check:focus-visible + .vr-scelta {
    position: relative;
    z-index: 1;
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: -2px;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-scelte.vr-scelte-grandi .vr-scelta { min-width: 5rem; padding: .55rem 1rem; font-size: .8125rem; }

/* ── Sezione D-E: una riga per controllo ────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-verifiche { list-style: none; margin: 0; padding: .25rem 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-verifiche .vr-verifica {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    padding: .7rem 1.25rem;
    border-bottom: 1px dashed var(--default-border);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-verifiche .vr-verifica:last-child { border-bottom: 0; }
.vr-rapporto[b-95qx1hl9fa]  .vr-verifiche .vr-verifica-testo { flex: 1 1 15rem; min-width: 0; font-size: .8125rem; line-height: 1.4; }
.vr-rapporto[b-95qx1hl9fa]  .vr-verifiche .vr-scelte { margin-left: auto; }

/* ── Caselle ────────────────────────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-elenco-spunte { display: flex; flex-direction: column; }

.vr-rapporto[b-95qx1hl9fa]  .vr-elenco-spunte .vr-spunta,
.vr-rapporto[b-95qx1hl9fa]  .vr-elenco-spunte .vr-tri {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: .65rem 0;
    border: 0;
    border-bottom: 1px dashed var(--default-border);
    background: transparent;
    color: var(--default-text-color);
    font-size: .8125rem;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-elenco-spunte > :first-child { padding-top: 0; }
.vr-rapporto[b-95qx1hl9fa]  .vr-elenco-spunte > :last-child { border-bottom: 0; padding-bottom: 0; }
.vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo .vr-elenco-spunte:not(.vr-card-corpo) { margin: .35rem 0 1rem; }

.vr-rapporto[b-95qx1hl9fa]  .vr-spunta .vr-spunta-testo,
.vr-rapporto[b-95qx1hl9fa]  .vr-tri .vr-tri-testo { flex: 1 1 auto; min-width: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-spunta .form-check-input { width: 1.2rem; height: 1.2rem; margin: 0; flex-shrink: 0; cursor: pointer; }

.vr-rapporto[b-95qx1hl9fa]  .vr-tri .vr-tri-casella {
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid var(--input-border, #dee2e6);
    border-radius: .25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    line-height: 1;
    background: var(--custom-white);
    color: #fff;
    flex-shrink: 0;
    transition: background-color .12s, border-color .12s;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-tri .vr-tri-casella.si { background: rgb(var(--primary-rgb)); border-color: rgb(var(--primary-rgb)); }
.vr-rapporto[b-95qx1hl9fa]  .vr-tri .vr-tri-casella.nd { background: var(--light); color: var(--text-muted); }

.vr-rapporto[b-95qx1hl9fa]  .vr-spunta-breve.form-check { margin: 0; font-size: .8125rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-spunta-breve .form-check-input,
.vr-rapporto[b-95qx1hl9fa]  .vr-spunta-breve .form-check-label { cursor: pointer; }

.vr-rapporto[b-95qx1hl9fa]  .vr-trattamento.vr-trattamento { margin: 1.1rem 0 0; padding: 0; border: 0; min-width: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-trattamento legend {
    float: none;
    width: auto;
    margin-bottom: .55rem;
    padding: 0;
    font-size: .8125rem;
    font-weight: 700;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-due-colonne { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1rem; }

/* ── Campi ──────────────────────────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo .vr-campo { margin-bottom: .9rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo .vr-campo:last-child { margin-bottom: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-campo .vr-campo-nota {
    margin-top: .3rem;
    font-size: .72rem;
    color: var(--vr-attenzione);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-campo .vr-etichetta-sopra {
    display: block;
    margin-bottom: .4rem;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-due-campi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-due-campi > .vr-campo { margin-bottom: .9rem; }

.vr-rapporto[b-95qx1hl9fa]  .vr-campo .vr-data { display: flex; align-items: stretch; gap: .4rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-data .vr-data-campo { flex: 1 1 auto; min-width: 0; }

.vr-rapporto[b-95qx1hl9fa]  .vr-data .btn.vr-data-cancella {
    flex-shrink: 0;
    width: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--default-border);
    font-size: 1.1rem;
    color: var(--text-muted);
}

/* Testi su più righe: altezza iniziale in righe (--vr-righe), poi crescono */
.vr-rapporto[b-95qx1hl9fa]  textarea.form-control.vr-testo {
    min-height: calc(var(--vr-righe, 6) * 1.5em + 1.6rem) !important;
    max-height: 30rem;
}

.vr-rapporto[b-95qx1hl9fa]  textarea.form-control.vr-testo:disabled { background: var(--light); opacity: 1; }

/* ── Sezione A (sola lettura) ───────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-avviso-lettura {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border: 1px solid rgba(224, 98, 11, .3);
    border-radius: .65rem;
    background: rgba(224, 98, 11, .07);
    color: var(--vs-accento);
    font-size: .8125rem;
    font-weight: 600;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-avviso-lettura > i { font-size: 1.1rem; flex-shrink: 0; }

.vr-rapporto[b-95qx1hl9fa]  dl.vr-dati {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .85rem 1rem;
    margin: 0;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-dati .vr-dato { grid-column: span 6; min-width: 0; }
.vr-rapporto[b-95qx1hl9fa]  .vr-dati .vr-dato.meta { grid-column: span 3; }
.vr-rapporto[b-95qx1hl9fa]  .vr-dati .vr-dato.largo { grid-column: span 4; }
.vr-rapporto[b-95qx1hl9fa]  .vr-dati .vr-dato.stretto { grid-column: span 2; }

.vr-rapporto[b-95qx1hl9fa]  .vr-dati dt {
    margin-bottom: .15rem;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--text-muted);
}

.vr-rapporto[b-95qx1hl9fa]  .vr-dati dd { margin: 0; font-size: .8125rem; font-weight: 500; overflow-wrap: anywhere; }
.vr-rapporto[b-95qx1hl9fa]  .vr-dati .vr-dato-vuoto { color: var(--text-muted); font-weight: 400; }

/* ── Barra in fondo ─────────────────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-barra-stato.modificato {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--default-text-color);
    font-weight: 600;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-barra-stato .vr-barra-punto {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #FF8C00;
    box-shadow: 0 0 0 .2rem rgba(255, 140, 0, .2);
    flex-shrink: 0;
}

.vr-rapporto[b-95qx1hl9fa]  .vs-barra .btn.vr-salva { min-width: 8rem; }

/* ── Rapporto senza righe di analisi ────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-nessuna-analisi {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    padding: .75rem 1rem;
    border: 1px dashed rgba(var(--primary-rgb), .35);
    border-radius: .65rem;
    background: rgba(var(--primary-rgb), .05);
    font-size: .8125rem;
    font-weight: 600;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-nessuna-analisi > i { font-size: 1.1rem; color: var(--vr-chip-testo); flex-shrink: 0; }

/* ════════════════════════════════════════════════════════════════════
   Pagine di analisi (Ree/Analisi): fumi, gruppi frigo, scambiatori.
   Prefisso va-. Dati generali a sinistra e controllo a destra sugli
   schermi larghi; i campi su due colonne da 768 px.
   ════════════════════════════════════════════════════════════════════ */
.vr-rapporto[b-95qx1hl9fa]  .va-griglia {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.vr-rapporto[b-95qx1hl9fa]  .va-campi {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem 1.25rem;
    align-items: start;
}

.vr-rapporto[b-95qx1hl9fa]  .va-campi > .va-intera { grid-column: 1 / -1; }

/* Il campo numerico non porta il suo margine: gli spazi li dà la griglia */
.vr-rapporto[b-95qx1hl9fa]  .va-campi .va-campo .vr-campo,
.vr-rapporto[b-95qx1hl9fa]  .va-campi .va-campo-scelta .vr-campo,
.vr-rapporto[b-95qx1hl9fa]  .va-campi .va-intera .vr-campo { margin-bottom: 0; }

.vr-rapporto[b-95qx1hl9fa]  .va-campo .va-campo-riga { display: flex; align-items: flex-start; gap: .5rem; }
.vr-rapporto[b-95qx1hl9fa]  .va-campo .va-campo-input { flex: 1 1 auto; min-width: 0; }

/* Pulsantino dello storico (demotabviewoutgoing dell'app: freccia arancio #ff9024 in un quadrato bordato) */
.vr-rapporto[b-95qx1hl9fa]  .va-campo .btn.va-storico {
    flex-shrink: 0;
    width: 2.75rem;
    height: calc(3.5rem + var(--bs-border-width, 1px) * 2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--default-border);
    border-radius: .55rem;
    background: var(--custom-white);
    color: #e57a10;
    font-size: 1.3rem;
    transition: background-color .12s, border-color .12s;
}

[data-theme-mode=dark] .vr-rapporto[b-95qx1hl9fa]  .va-campo .btn.va-storico { color: #ffa24d; }

.vr-rapporto[b-95qx1hl9fa]  .va-campo .btn.va-storico:hover:not(:disabled) {
    border-color: rgba(255, 144, 36, .6);
    background: rgba(255, 144, 36, .08);
}

.vr-rapporto[b-95qx1hl9fa]  .va-campo .btn.va-storico:focus-visible {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

/* Avviso di rendimento e NOx (icona #cc9900 entro la tolleranza, rossa fuori) */
.vr-rapporto[b-95qx1hl9fa]  .va-campo .va-avviso {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    margin-top: .4rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.35;
}

.vr-rapporto[b-95qx1hl9fa]  .va-campo .va-avviso > i { font-size: 1rem; line-height: 1.1; flex-shrink: 0; }

.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-1 .va-avviso { color: #8a6700; }
.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-1 .va-avviso > i { color: #cc9900; }
.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-2 .va-avviso,
.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-2 .va-avviso > i { color: rgb(var(--danger-rgb)); }

[data-theme-mode=dark] .vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-1 .va-avviso { color: #f0c64a; }
[data-theme-mode=dark] .vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-1 .va-avviso > i { color: #f0c64a; }

.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-1 .form-floating > .form-control:not(.is-invalid) { border-color: #cc9900; }
.vr-rapporto[b-95qx1hl9fa]  .va-campo.va-livello-2 .form-floating > .form-control:not(.is-invalid) { border-color: rgb(var(--danger-rgb)); }

/* Casella "Rispetta Bacharach" in griglia: una riga sola in un riquadro, senza i margini dell'elenco */
.vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo .va-campi > .vr-elenco-spunte.va-intera { margin: 0; }

.vr-rapporto[b-95qx1hl9fa]  .va-campi > .vr-elenco-spunte .vr-spunta {
    padding: .7rem .9rem;
    border: 1px solid var(--default-border);
    border-radius: .55rem;
}

/* Tendine (Strumentazione, Modalità di funzionamento) */
.vr-rapporto[b-95qx1hl9fa]  .form-floating > .form-select.va-scelta:disabled { background-color: var(--light); opacity: 1; }

/* Dati generali in sola lettura: etichetta in grassetto a sinistra, valore a destra (come l'app) */
.vr-rapporto[b-95qx1hl9fa]  dl.va-dati { margin: 0; padding-top: .35rem; padding-bottom: .35rem; }

.vr-rapporto[b-95qx1hl9fa]  .va-dati .va-dato {
    display: grid;
    grid-template-columns: 11.5rem minmax(0, 1fr);  /* stessa larghezza su ogni riga: etichette allineate */
    gap: .25rem 1rem;
    align-items: baseline;
    padding: .6rem 0;
    border-bottom: 1px dashed var(--default-border);
    font-size: .8125rem;
}

.vr-rapporto[b-95qx1hl9fa]  .va-dati .va-dato:last-child { border-bottom: 0; }
.vr-rapporto[b-95qx1hl9fa]  .va-dati dt { font-weight: 700; }
.vr-rapporto[b-95qx1hl9fa]  .va-dati dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.vr-rapporto[b-95qx1hl9fa]  .va-dati .vr-dato-vuoto { color: var(--text-muted); font-weight: 400; }

@media (min-width: 768px) {
    .vr-rapporto[b-95qx1hl9fa]  .va-campi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1200px) {
    .vr-rapporto[b-95qx1hl9fa]  .va-griglia { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
}

@media (max-width: 379.98px) {
    .vr-rapporto[b-95qx1hl9fa]  .va-dati .va-dato { grid-template-columns: minmax(0, 1fr); }
}

/* ── Scheletro di caricamento ───────────────────────────────────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-scheletro .vr-testata-corpo { min-height: 4.5rem; }
.vr-rapporto[b-95qx1hl9fa]  .vr-scheletro .card.custom-card.vr-scheletro-carta { margin: 0; padding: 1.1rem; min-height: 5.25rem; }

/* ── Tastiera: il tema toglie il contorno a pulsanti e link ─────────── */
.vr-rapporto[b-95qx1hl9fa]  .vr-sezione:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .vi-stato-pagina .btn:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .btn.vr-copia:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .vr-tri:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .btn.vr-data-cancella:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .vr-spunta .form-check-input:focus-visible,
.vr-rapporto[b-95qx1hl9fa]  .vr-spunta-breve .form-check-input:focus-visible {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: 2px;
}

.vr-rapporto[b-95qx1hl9fa]  .vr-sezione:focus:not(:focus-visible) { outline: none; }

/* ── Schermi ────────────────────────────────────────────────────────── */
@media (min-width: 1200px) {
    .vr-rapporto[b-95qx1hl9fa]  .vr-griglia-sezione { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vr-rapporto[b-95qx1hl9fa]  .vr-fondo.con-conclusioni { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
}

@media (max-width: 575.98px) {
    .vr-rapporto[b-95qx1hl9fa]  .vr-testata-corpo { padding: .8rem .9rem; }
    .vr-rapporto[b-95qx1hl9fa]  .btn.vr-copia { width: 100%; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-card-testa { padding: .8rem 1rem; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-card-corpo { padding: 1rem; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-verifiche .vr-verifica { padding: .7rem 1rem; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-sezione { padding: .85rem .9rem; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-sezione:hover { transform: none; }
}

@media (max-width: 379.98px) {
    .vr-rapporto[b-95qx1hl9fa]  .vr-due-colonne,
    .vr-rapporto[b-95qx1hl9fa]  .vr-due-campi { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .vr-rapporto[b-95qx1hl9fa]  .vr-sezione { transition: none; }
    .vr-rapporto[b-95qx1hl9fa]  .vr-sezione:hover { transform: none; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/* /Shared/RicercaConCronologia.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Campo di ricerca con le ultime ricerche (da SparkPortal Dealers-network,
   stile 21-59). I colori fissi di Spark sono diventati variabili del tema:
   così il menu segue anche il tema scuro.
   ════════════════════════════════════════════════════════════════════ */

/* Il gruppo sta sopra il velo: il clic nel campo non chiude il menu */
.vr-ricerca[b-pupj75hc3h] {
    position: relative;
    z-index: 1041;
    flex-wrap: nowrap;
    border-radius: .5rem;
}

/* Il tema toglie l'anello di fuoco ai campi: qui lo disegna il gruppo (sta sul fondo colorato) */
.vr-ricerca:has(.vr-campo:focus-visible)[b-pupj75hc3h] { box-shadow: 0 0 0 3px rgba(255, 255, 255, .6); }

.vr-velo[b-pupj75hc3h] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.vr-lente[b-pupj75hc3h] { padding-inline: .8rem .35rem; }
.vr-lente i[b-pupj75hc3h] { font-size: 1.05rem; }

.vr-campo[b-pupj75hc3h] {
    min-width: 0;
    height: 2.5rem;
    font-size: .875rem;
}

.vr-pulsante[b-pupj75hc3h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    padding: 0;
    color: var(--text-muted);
}

.vr-pulsante i[b-pupj75hc3h] { font-size: 1.1rem; line-height: 1; }

.vr-freccia[b-pupj75hc3h] { border-left: 1px solid var(--default-border) !important; }
.vr-freccia i[b-pupj75hc3h] { display: inline-block; transition: transform .15s ease; }
.vr-freccia i.vr-freccia-aperta[b-pupj75hc3h] { transform: rotate(180deg); }

.vr-cerca[b-pupj75hc3h] {
    /* Con il menu aperto non è più l'ultimo figlio del gruppo: gli angoli restano tondi */
    border-start-end-radius: var(--bs-border-radius) !important;
    border-end-end-radius: var(--bs-border-radius) !important;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding-inline: 1rem;
    font-size: .8125rem;
}

.vr-cerca i[b-pupj75hc3h] { font-size: 1rem; line-height: 1; }

/* Il tema toglie il contorno a pulsanti e link con !important: per la tastiera serve */
.vr-pulsante:focus-visible[b-pupj75hc3h],
.vr-cerca:focus-visible[b-pupj75hc3h],
.vr-cancella:focus-visible[b-pupj75hc3h] {
    outline: 2px solid rgb(var(--primary-rgb)) !important;
    outline-offset: -3px;
}

[data-theme-mode=dark] .vr-pulsante:focus-visible[b-pupj75hc3h],
[data-theme-mode=dark] .vr-cancella:focus-visible[b-pupj75hc3h] { outline-color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff) !important; }

/* ── Menu ─────────────────────────────────────────────────────────── */
.vr-menu[b-pupj75hc3h] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: 340px;
    overflow-y: auto;
    padding: .25rem;
    background: var(--custom-white);
    border: 1px solid var(--default-border);
    border-radius: .5rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
}

.vr-menu-testa[b-pupj75hc3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem .6rem .3rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.vr-cancella[b-pupj75hc3h] {
    padding: .1rem .3rem;
    border: 0;
    border-radius: .25rem;
    background: transparent;
    color: var(--text-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
}

.vr-cancella:hover[b-pupj75hc3h] { background: rgba(var(--danger-rgb), .1); color: rgb(var(--danger-rgb)); }

.vr-lista[b-pupj75hc3h] { list-style: none; margin: 0; padding: 0; }

.vr-voce[b-pupj75hc3h] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .6rem;
    border-radius: .35rem;
    font-size: .85rem;
    color: var(--default-text-color);
    cursor: pointer;
}

.vr-voce i[b-pupj75hc3h] { flex: 0 0 auto; font-size: .9rem; color: var(--text-muted); }
.vr-voce span[b-pupj75hc3h] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vr-voce:hover[b-pupj75hc3h],
.vr-voce.attiva[b-pupj75hc3h] { background: rgba(var(--primary-rgb), .1); color: rgb(var(--primary-rgb)); }

.vr-voce:hover i[b-pupj75hc3h],
.vr-voce.attiva i[b-pupj75hc3h] { color: rgb(var(--primary-rgb)); }

/* Il primario del tema è scuro: sul fondo scuro serve una tinta più chiara */
[data-theme-mode=dark] .vr-voce:hover[b-pupj75hc3h],
[data-theme-mode=dark] .vr-voce.attiva[b-pupj75hc3h],
[data-theme-mode=dark] .vr-voce:hover i[b-pupj75hc3h],
[data-theme-mode=dark] .vr-voce.attiva i[b-pupj75hc3h] { color: color-mix(in srgb, rgb(var(--primary-rgb)) 40%, #ffffff); }

[data-theme-mode=dark] .vr-menu[b-pupj75hc3h] { box-shadow: 0 12px 28px rgba(0, 0, 0, .45); }

/* Telefono: "Cerca" diventa solo l'icona, il campo tiene lo spazio */
@media (max-width: 575.98px) {
    .vr-cerca[b-pupj75hc3h] { padding-inline: .8rem; }
    .vr-cerca-testo[b-pupj75hc3h] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .vr-pulsante[b-pupj75hc3h] { width: 2.1rem; }
    .vr-lente[b-pupj75hc3h] { padding-inline: .6rem .25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .vr-freccia i[b-pupj75hc3h] { transition: none; }
}