/* /Components/Admin/ArchivioFotoVideo.razor.rz.scp.css */
/* Archivio foto e video: finestra sopra la scheda del gioiello (<dialog>) o contenuto della pagina /admin/archivio-media. */

.archivio[b-dqx5i7r9x3] {
    color: var(--nero);
    min-width: 0;
}

dialog.archivio[b-dqx5i7r9x3] {
    width: min(1100px, calc(100vw - 32px));
    max-width: none;
    max-height: 90dvh;
    padding: 18px 22px 0;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    background: var(--bianco);
    overflow: auto;
    overscroll-behavior: contain;
}

dialog.archivio[b-dqx5i7r9x3]::backdrop {
    background: rgba(20, 20, 20, .55);
}

.in-pagina[b-dqx5i7r9x3] {
    background: var(--bianco);
    border: 1px solid var(--linea);
    border-radius: var(--r);
    padding: 20px 24px 0;
}

.testa[b-dqx5i7r9x3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.testa h2[b-dqx5i7r9x3] {
    margin-bottom: 4px;
}

.testa h2:focus[b-dqx5i7r9x3] {
    outline: none;
}

/* Nella finestra la testa (con Chiudi) resta in alto mentre si scorre l'elenco. */
dialog.archivio .testa[b-dqx5i7r9x3] {
    position: sticky;
    /* Fino al bordo della finestra, sopra il suo margine interno. */
    top: -18px;
    z-index: 6;
    margin: -18px -22px 14px;
    padding: 18px 22px 10px;
    background: var(--bianco);
    border-bottom: 1px solid var(--linea);
}

.esito-alto:focus[b-dqx5i7r9x3] {
    outline: none;
}

/* Elenco di prima mentre si rilegge la casella: resta al suo posto, spento. */
.elenco.in-aggiornamento[b-dqx5i7r9x3] {
    opacity: .55;
    transition: opacity .2s;
}

.comandi-testa[b-dqx5i7r9x3] {
    gap: 8px;
}

.comandi-testa .link[b-dqx5i7r9x3] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.btn[b-dqx5i7r9x3] {
    min-height: 44px;
}

.link[b-dqx5i7r9x3] {
    min-height: 44px;
}

.stato-controllo[b-dqx5i7r9x3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: var(--fondo);
    border: 1px solid var(--linea);
    border-radius: var(--r);
}

.ruota[b-dqx5i7r9x3] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 2px solid var(--linea-2);
    border-top-color: var(--oro);
    border-radius: 50%;
    animation: gira-b-dqx5i7r9x3 .9s linear infinite;
}

@keyframes gira-b-dqx5i7r9x3 {
    to {
        transform: rotate(360deg);
    }
}

.alert[b-dqx5i7r9x3] {
    margin-bottom: 14px;
}

.alert p + p[b-dqx5i7r9x3] {
    margin-top: 4px;
}

.esito a[b-dqx5i7r9x3] {
    margin-left: 6px;
}

.riepilogo[b-dqx5i7r9x3] {
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--grigio);
    line-height: 1.5;
}

/* «Perché?»: le mail dei tuoi mittenti rifiutate dal controllo del server di posta, con il motivo. */
.perche[b-dqx5i7r9x3] {
    margin: -6px 0 14px;
    font-size: 13px;
    line-height: 1.5;
}

.perche summary[b-dqx5i7r9x3] {
    cursor: pointer;
    font-weight: 600;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
}

.perche ul[b-dqx5i7r9x3] {
    margin: 6px 0 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.perche .indirizzo[b-dqx5i7r9x3] {
    overflow-wrap: anywhere;
}

.perche code[b-dqx5i7r9x3] {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 12px;
    background: var(--fondo);
    padding: 1px 6px;
    border-radius: 3px;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .perche summary[b-dqx5i7r9x3] {
        min-height: 44px;
    }
}

.vuoto[b-dqx5i7r9x3] {
    padding: 20px 22px;
    margin-bottom: 20px;
    background: var(--fondo);
    border: 1px dashed var(--linea-2);
    border-radius: var(--r);
}

.vuoto ol[b-dqx5i7r9x3] {
    margin: 8px 0 0;
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Filtri */
.filtri[b-dqx5i7r9x3] {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}

.chip[b-dqx5i7r9x3] {
    min-height: 44px;
    padding: 6px 16px;
    border: 1px solid var(--linea-2);
    border-radius: 999px;
    background: var(--bianco);
    font: 600 13px/1.2 var(--body);
    cursor: pointer;
    transition: background-color .2s, color .2s;
}

.chip[aria-pressed="true"][b-dqx5i7r9x3] {
    background: var(--nero);
    border-color: var(--nero);
    color: var(--avorio);
}

/* Una mail */
.mail[b-dqx5i7r9x3] {
    padding: 14px 0 18px;
    border-top: 1px solid var(--linea);
}

.mail-testa[b-dqx5i7r9x3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.mail-dati[b-dqx5i7r9x3] {
    display: flex;
    align-items: baseline;
    gap: 6px 12px;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1 1 320px;
}

.mittente[b-dqx5i7r9x3] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.oggetto[b-dqx5i7r9x3] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-azioni[b-dqx5i7r9x3] {
    gap: 6px;
}

.chiedi[b-dqx5i7r9x3] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ko);
}

/* Griglia delle foto */
.griglia[b-dqx5i7r9x3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.tessera[b-dqx5i7r9x3] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.foto[b-dqx5i7r9x3] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--fondo);
    cursor: pointer;
    overflow: hidden;
    transition: outline-color .15s, transform .15s;
}

.foto img[b-dqx5i7r9x3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foto:disabled[b-dqx5i7r9x3] {
    cursor: default;
}

.tessera:not(.scelta) .foto:disabled img[b-dqx5i7r9x3] {
    opacity: .55;
}

.tessera.scelta .foto[b-dqx5i7r9x3] {
    outline: 3px solid var(--oro);
    outline-offset: -3px;
}

.segnaposto[b-dqx5i7r9x3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    font-size: 12px;
    color: var(--grigio);
    text-align: center;
}

.numero[b-dqx5i7r9x3] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--oro);
    color: var(--nero);
    font: 700 14px/1 var(--body);
}

.copertina[b-dqx5i7r9x3] {
    position: absolute;
    left: 8px;
    bottom: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--nero);
    color: var(--avorio);
    font-size: 11px;
    font-weight: 600;
}

.lente-btn[b-dqx5i7r9x3] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    background: rgba(255, 255, 255, .92);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.etichette[b-dqx5i7r9x3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    padding-top: 6px;
}

.etichette .badge[b-dqx5i7r9x3] {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Video: poster con il simbolo ▶ al centro e la durata in basso a destra */
.play[b-dqx5i7r9x3] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 52px;
    height: 52px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(20, 20, 20, .62);
    pointer-events: none;
}

.play[b-dqx5i7r9x3]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 10px 0 10px 17px;
    border-color: transparent transparent transparent #fff;
}

.durata[b-dqx5i7r9x3] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(20, 20, 20, .72);
    color: #fff;
    font: 600 12px/1.3 var(--body);
    font-variant-numeric: tabular-nums;
}

.tessera.video.scelta .copertina[b-dqx5i7r9x3] {
    background: var(--oro);
    color: var(--nero);
}

.segnaposto.attesa[b-dqx5i7r9x3] {
    flex-direction: column;
    gap: 6px;
    color: var(--nero);
    font-weight: 600;
}

.tessera.problema.temporaneo[b-dqx5i7r9x3] {
    border-style: dotted;
    background: var(--info-bg, #F6F1E4);
}

.audio[b-dqx5i7r9x3] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 44px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

.audio input[b-dqx5i7r9x3] {
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    flex: 0 0 auto;
    accent-color: var(--nero);
}

.lente video[b-dqx5i7r9x3] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 80dvh;
    width: 100%;
    background: #000;
    object-fit: contain;
}

/* Allegati che non diventano foto */
.tessera.problema[b-dqx5i7r9x3] {
    gap: 6px;
    padding: 10px;
    min-height: 150px;
    border: 1px dashed var(--linea-2);
    border-radius: var(--r);
    background: #F1EFEA;
    color: var(--grigio);
}

.nome-file[b-dqx5i7r9x3] {
    font-size: 11px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.motivo[b-dqx5i7r9x3] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--nero);
}

.problema .nascondi[b-dqx5i7r9x3] {
    align-self: flex-start;
    margin-top: auto;
}

.sistemate[b-dqx5i7r9x3] {
    padding: 12px 0 16px;
    border-top: 1px solid var(--linea);
}

/* Foto ingrandita */
.lente[b-dqx5i7r9x3] {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    background: rgba(20, 20, 20, .92);
    padding: 12px;
    outline: none;
}

.lente img[b-dqx5i7r9x3] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 80dvh;
    width: 100%;
    object-fit: contain;
}

.lente-barra[b-dqx5i7r9x3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: env(safe-area-inset-bottom);
}

.lente-barra .btn-ghost[b-dqx5i7r9x3] {
    background: var(--bianco);
}

.lente-barra .muted[b-dqx5i7r9x3] {
    color: #CFCAC0;
}

.lente-barra .spazio[b-dqx5i7r9x3] {
    flex: 1;
}

/* Moduli */
.modulo[b-dqx5i7r9x3] {
    margin: 16px 0;
    padding: 16px 18px;
    border: 1px solid var(--oro);
    border-radius: var(--r);
    background: var(--fondo);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.conferma[b-dqx5i7r9x3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 12px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
    font-weight: 600;
}

.trovati[b-dqx5i7r9x3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 380px;
    overflow: auto;
}

.trovato[b-dqx5i7r9x3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 6px 8px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.trovato:hover[b-dqx5i7r9x3] {
    border-color: var(--linea-2);
}

.trovato img[b-dqx5i7r9x3],
.senza-foto[b-dqx5i7r9x3] {
    width: 56px;
    height: 56px;
    max-width: none;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: var(--r);
    background: var(--avorio);
}

.trovato-testo[b-dqx5i7r9x3] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Barra della scelta, sempre in fondo */
.barra-scelta[b-dqx5i7r9x3] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 -22px;
    padding: 12px 22px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    background: var(--avorio);
    border-top: 1px solid var(--linea-2);
}

.in-pagina .barra-scelta[b-dqx5i7r9x3] {
    margin: 0 -24px;
    padding-left: 24px;
    padding-right: 24px;
}

.conteggio[b-dqx5i7r9x3] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.barra-scelta .row[b-dqx5i7r9x3] {
    gap: 8px;
}

.barra-scelta .alert[b-dqx5i7r9x3] {
    margin-bottom: 0;
}

/* Azioni della scelta: dal tablet in su tutte in fila; sul telefono la principale e «Altro». */
.secondarie[b-dqx5i7r9x3] {
    display: contents;
}

.azioni-scelta .altro[b-dqx5i7r9x3],
.menu-altro[b-dqx5i7r9x3] {
    display: none;
}

.chiudi-esito[b-dqx5i7r9x3] {
    float: right;
    min-width: 32px;
    min-height: 32px;
    margin: -6px -8px 0 8px;
    border: 0;
    background: none;
    font-size: 20px;
    line-height: 1;
    color: inherit;
    cursor: pointer;
}

.bloccate li[b-dqx5i7r9x3] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 4px 0;
}

.mini-bloccata[b-dqx5i7r9x3] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    background: var(--avorio);
}

/* Spazio sotto l'ultimo elemento quando la barra non c'è */
.corpo > :last-child:not(.elenco)[b-dqx5i7r9x3],
.elenco > :last-child:not(.barra-scelta)[b-dqx5i7r9x3] {
    margin-bottom: 20px;
}

@media (max-width: 760px) {
    dialog.archivio[b-dqx5i7r9x3] {
        inset: 0;
        width: 100vw;
        height: 100dvh;
        max-width: none;
        max-height: none;
        margin: 0;
        padding: 14px 16px 0;
        border: 0;
        border-radius: 0;
    }

    dialog.archivio .testa[b-dqx5i7r9x3] {
        top: -14px;
        margin: -14px -16px 12px;
        padding: 14px 16px 8px;
    }

    .barra-scelta[b-dqx5i7r9x3] {
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .in-pagina[b-dqx5i7r9x3] {
        padding: 16px 16px 0;
    }

    .in-pagina .barra-scelta[b-dqx5i7r9x3] {
        margin: 0 -16px;
    }

    .barra-scelta .btn[b-dqx5i7r9x3] {
        flex: 1 1 auto;
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .griglia[b-dqx5i7r9x3] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

/* ════════════════════════════════════════════════════════════════════
   Archivio: spazio, caricamento, schede, barra dei filtri, tessere, conferme
   ════════════════════════════════════════════════════════════════════ */

.spazio-usato[b-dqx5i7r9x3] {
    margin-top: 2px;
}

/* Caricamento (solo nella pagina) */
.carica[b-dqx5i7r9x3] {
    margin-bottom: 16px;
}

.zona[b-dqx5i7r9x3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 14px 16px;
    border: 1px dashed var(--linea-2);
    border-radius: var(--r);
    background: var(--fondo);
    transition: border-color .15s, background-color .15s;
}

.zona.sopra[b-dqx5i7r9x3] {
    border-color: var(--oro);
    background: var(--info-bg);
}

.zona h2[b-dqx5i7r9x3] {
    flex: 1 1 100%;
    font-size: 15px;
    font-weight: 600;
}

.zona > p[b-dqx5i7r9x3] {
    flex: 1 1 100%;
}

.zona input[type="file"][b-dqx5i7r9x3] {
    max-width: 100%;
    min-height: 44px;
    font: inherit;
}

.scegli-file[b-dqx5i7r9x3] {
    font-weight: 600;
}

.caricamenti[b-dqx5i7r9x3] {
    list-style: none;
    margin: 10px 0 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.caricamenti li[b-dqx5i7r9x3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2px 12px;
    padding: 6px 10px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
}

.caricamenti li.ok[b-dqx5i7r9x3] {
    border-color: #CFE3D4;
}

.caricamenti li.ko[b-dqx5i7r9x3] {
    border-color: #EBCACA;
    background: var(--ko-bg);
}

.caricamenti .nome-file[b-dqx5i7r9x3] {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.caricamenti .stato[b-dqx5i7r9x3] {
    grid-column: 1 / -1;
    color: var(--grigio);
}

.caricamenti li.ko .stato[b-dqx5i7r9x3] {
    color: var(--ko);
}

.caricamenti .progresso[b-dqx5i7r9x3] {
    display: block;
    width: 120px;
    height: 6px;
    margin: 0;
    border-radius: 999px;
    background: var(--linea);
    overflow: hidden;
}

.caricamenti .progresso span[b-dqx5i7r9x3] {
    display: block;
    height: 100%;
    background: var(--oro);
    transition: width .2s;
}

/* Schede Foto / Video */
.schede[b-dqx5i7r9x3] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--linea-2);
    margin: 4px 0 14px;
}

.schede [role="tab"][b-dqx5i7r9x3] {
    min-height: 44px;
    padding: 8px 18px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: none;
    font: 600 15px/1.2 var(--body);
    color: var(--grigio);
    cursor: pointer;
}

.schede [role="tab"][aria-selected="true"][b-dqx5i7r9x3] {
    color: var(--nero);
    border-bottom-color: var(--oro);
}

/* Barra dei filtri */
.barra[b-dqx5i7r9x3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 14px;
}

.barra input[type="search"][b-dqx5i7r9x3] {
    flex: 1 1 260px;
    min-width: 0;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    font: inherit;
    background: var(--bianco);
}

.barra .filtri[b-dqx5i7r9x3] {
    margin-bottom: 0;
    flex-wrap: wrap;
}

.conta[b-dqx5i7r9x3] {
    margin-left: 4px;
    font-weight: 500;
    opacity: .75;
    font-variant-numeric: tabular-nums;
}

.scelte-barra[b-dqx5i7r9x3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.scelte-barra label[b-dqx5i7r9x3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    white-space: nowrap;
}

.scelte-barra select[b-dqx5i7r9x3] {
    min-height: 44px;
    padding: 6px 8px;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    background: var(--bianco);
    font: inherit;
    font-weight: 400;
}

.striscia[b-dqx5i7r9x3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    padding: 10px 12px;
    margin-bottom: 14px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--fondo);
}

/* Tessere: il cerchio in alto a sinistra è la spunta della scelta (sempre visibile, con il numero d'ordine). */
.spunta[b-dqx5i7r9x3] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 2px solid var(--bianco);
    border-radius: 50%;
    background: rgba(20, 20, 20, .35);
    color: var(--nero);
    font: 700 13px/1 var(--body);
    box-shadow: 0 0 0 1px rgba(20, 20, 20, .25);
}

.tessera.scelta .spunta[b-dqx5i7r9x3] {
    background: var(--oro);
    border-color: var(--oro);
}

.tessera.nuova .foto[b-dqx5i7r9x3] {
    outline: 3px solid var(--ok);
    outline-offset: -3px;
}

.tessera.nuova.scelta .foto[b-dqx5i7r9x3] {
    outline-color: var(--oro);
}

.origine[b-dqx5i7r9x3] {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.dati[b-dqx5i7r9x3] {
    margin-top: 2px;
    font-variant-numeric: tabular-nums;
}

.etichette a[b-dqx5i7r9x3] {
    color: inherit;
}

.associazioni summary[b-dqx5i7r9x3] {
    cursor: pointer;
    list-style: none;
}

.associazioni summary[b-dqx5i7r9x3]::-webkit-details-marker {
    display: none;
}

.associazioni ul[b-dqx5i7r9x3] {
    margin: 4px 0 0;
    padding-left: 18px;
    font-size: 12px;
}

.associazioni li a[b-dqx5i7r9x3] {
    display: inline-block;
    min-height: 24px;
}

.altre[b-dqx5i7r9x3] {
    display: flex;
    justify-content: center;
    padding: 16px 0 4px;
}

.sezione[b-dqx5i7r9x3] {
    min-width: 0;
}

.griglia.in-aggiornamento[b-dqx5i7r9x3] {
    opacity: .6;
    transition: opacity .2s;
}

/* Risultato del controllo e delle eliminazioni */
.scartati[b-dqx5i7r9x3] {
    margin: -6px 0 14px;
    font-size: 13px;
    line-height: 1.5;
}

.scartati summary[b-dqx5i7r9x3] {
    cursor: pointer;
    font-weight: 600;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
}

.scartati ul[b-dqx5i7r9x3] {
    margin: 6px 0 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.scartati .indirizzo[b-dqx5i7r9x3] {
    overflow-wrap: anywhere;
}

.bloccate[b-dqx5i7r9x3] {
    margin: -8px 0 14px;
    padding: 8px 12px 8px 30px;
    border: 1px solid #EBCACA;
    border-radius: var(--r);
    background: var(--ko-bg);
    font-size: 13px;
}

.bloccate a[b-dqx5i7r9x3] {
    font-weight: 600;
}

/* Conferma prima di eliminare */
.conferma-dialogo[b-dqx5i7r9x3] {
    width: min(520px, calc(100vw - 32px));
    padding: 20px 22px;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    background: var(--bianco);
    color: var(--nero);
}

.conferma-dialogo[b-dqx5i7r9x3]::backdrop {
    background: rgba(20, 20, 20, .55);
}

.conferma-dialogo h2[b-dqx5i7r9x3] {
    margin-bottom: 10px;
}

.conferma-dialogo p[b-dqx5i7r9x3] {
    margin-bottom: 8px;
    line-height: 1.5;
}

.azioni-conferma[b-dqx5i7r9x3] {
    margin-top: 14px;
    gap: 8px;
}

@media (max-width: 600px) {
    .schede [role="tab"][b-dqx5i7r9x3] {
        flex: 1 1 0;
    }

    .barra input[type="search"][b-dqx5i7r9x3] {
        flex-basis: 100%;
    }

    .scelte-barra > .btn[b-dqx5i7r9x3] {
        flex: 1 1 100%;
        justify-content: center;
    }

    .scartati summary[b-dqx5i7r9x3] {
        min-height: 44px;
    }

    /* La barra della scelta resta bassa: niente spiegazioni lunghe, una riga di pulsanti, il resto in «Altro». */
    .barra-scelta .suggerimento[b-dqx5i7r9x3] {
        display: none;
    }

    .azioni-scelta[b-dqx5i7r9x3] {
        flex-wrap: nowrap;
    }

    .azioni-scelta > .btn:first-child[b-dqx5i7r9x3] {
        min-width: 0;
        white-space: normal;
    }

    .azioni-scelta .secondarie[b-dqx5i7r9x3] {
        display: none;
    }

    .azioni-scelta .altro[b-dqx5i7r9x3] {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .menu-altro[b-dqx5i7r9x3] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .menu-altro .btn[b-dqx5i7r9x3] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .barra-scelta .esito[b-dqx5i7r9x3],
    .barra-scelta .bloccate[b-dqx5i7r9x3] {
        max-height: 30vh;
        overflow: auto;
    }

    .bloccate[b-dqx5i7r9x3] {
        margin-top: 0;
    }
}
/* /Components/Admin/EditorFoto.razor.rz.scp.css */
/* Editor delle foto: finestra sopra la pagina con l'anteprima a sinistra e i comandi a destra;
   poi il confronto come quello dello sfondo bianco. */

.editor[b-bsix8zacze] {
    width: min(96vw, 1180px);
    max-width: none;
    max-height: 94vh;
    padding: 18px 22px 20px;
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
    background: var(--bianco);
    color: var(--nero);
    overflow: auto;
    overscroll-behavior: contain;
}

.editor[b-bsix8zacze]::backdrop {
    background: rgba(20, 20, 20, .55);
}

.testa[b-bsix8zacze] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.testa h2[b-bsix8zacze] {
    margin-bottom: 4px;
}

.testa .muted[b-bsix8zacze] {
    max-width: 70ch;
}

/* Domanda prima di chiudere con regolazioni non salvate */
.conferma[b-bsix8zacze] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 10px 14px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
    font-weight: 600;
}

.conferma[hidden][b-bsix8zacze] {
    display: none;
}

.conferma .spazio[b-bsix8zacze],
.azioni .spazio[b-bsix8zacze],
.sotto-tela .spazio[b-bsix8zacze] {
    flex: 1;
}

/* ── Comandi ── */
.pannello[b-bsix8zacze] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
    align-items: start;
}

.pannello[hidden][b-bsix8zacze] {
    display: none;
}

.area[b-bsix8zacze] {
    min-width: 0;
}

/* Il contenitore ha esattamente la grandezza dell'anteprima: il riquadro di ritaglio si posiziona lì dentro */
.tela-cont[b-bsix8zacze] {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    overflow: hidden;
    border: 1px solid var(--linea);
    background: var(--fondo);
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.tela[b-bsix8zacze] {
    display: block;
    max-width: 100%;
    max-height: min(64vh, 760px);
    width: auto;
    height: auto;
}

.ritaglio[b-bsix8zacze] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #fff;
    outline: 1px solid rgba(20, 20, 20, .6);
    /* Scurisce tutto quello che resta fuori dal riquadro */
    box-shadow: 0 0 0 9999px rgba(20, 20, 20, .45);
    cursor: move;
}

.ritaglio:focus-visible[b-bsix8zacze] {
    outline: 2px solid var(--oro);
    outline-offset: 0;
}

.ritaglio[hidden][b-bsix8zacze] {
    display: none;
}

/* Griglia dei terzi */
.terzi[b-bsix8zacze] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, transparent calc(33.333% - .5px), rgba(255, 255, 255, .55) calc(33.333% - .5px), rgba(255, 255, 255, .55) calc(33.333% + .5px), transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), rgba(255, 255, 255, .55) calc(66.666% - .5px), rgba(255, 255, 255, .55) calc(66.666% + .5px), transparent calc(66.666% + .5px)),
        linear-gradient(to bottom, transparent calc(33.333% - .5px), rgba(255, 255, 255, .55) calc(33.333% - .5px), rgba(255, 255, 255, .55) calc(33.333% + .5px), transparent calc(33.333% + .5px), transparent calc(66.666% - .5px), rgba(255, 255, 255, .55) calc(66.666% - .5px), rgba(255, 255, 255, .55) calc(66.666% + .5px), transparent calc(66.666% + .5px));
    pointer-events: none;
}

/* Maniglie: grandi abbastanza per il dito (la zona sensibile è 28px, il segno è più piccolo) */
.maniglia[b-bsix8zacze] {
    position: absolute;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
}

.maniglia[b-bsix8zacze]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: #fff;
    border: 1px solid rgba(20, 20, 20, .7);
    border-radius: 2px;
}

.maniglia.n[b-bsix8zacze]::after,
.maniglia.s[b-bsix8zacze]::after {
    width: 22px;
    height: 8px;
    margin: -4px 0 0 -11px;
}

.maniglia.e[b-bsix8zacze]::after,
.maniglia.w[b-bsix8zacze]::after {
    width: 8px;
    height: 22px;
    margin: -11px 0 0 -4px;
}

.maniglia.nw[b-bsix8zacze] { left: 0; top: 0; cursor: nwse-resize; }
.maniglia.n[b-bsix8zacze] { left: 50%; top: 0; cursor: ns-resize; }
.maniglia.ne[b-bsix8zacze] { left: 100%; top: 0; cursor: nesw-resize; }
.maniglia.e[b-bsix8zacze] { left: 100%; top: 50%; cursor: ew-resize; }
.maniglia.se[b-bsix8zacze] { left: 100%; top: 100%; cursor: nwse-resize; }
.maniglia.s[b-bsix8zacze] { left: 50%; top: 100%; cursor: ns-resize; }
.maniglia.sw[b-bsix8zacze] { left: 0; top: 100%; cursor: nesw-resize; }
.maniglia.w[b-bsix8zacze] { left: 0; top: 50%; cursor: ew-resize; }

.attesa[b-bsix8zacze] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 240px;
    line-height: 1.4;
    color: var(--grigio);
    background: var(--fondo);
}

.attesa[hidden][b-bsix8zacze] {
    display: none;
}

.ruota[b-bsix8zacze] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: 2px solid var(--linea-2);
    border-top-color: var(--oro);
    border-radius: 50%;
    animation: gira-b-bsix8zacze .9s linear infinite;
}

@keyframes gira-b-bsix8zacze {
    to {
        transform: rotate(360deg);
    }
}

.sotto-tela[b-bsix8zacze] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.sotto-tela [data-azione="prima"][aria-pressed="true"][b-bsix8zacze] {
    background: var(--avorio);
    border-color: var(--nero);
}

.comandi[b-bsix8zacze] {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comandi:disabled[b-bsix8zacze] {
    opacity: .6;
}

.gruppo[b-bsix8zacze] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    background: var(--fondo);
    border: 1px solid var(--linea);
    border-radius: var(--r);
}

.gruppo h3[b-bsix8zacze] {
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.scelte[b-bsix8zacze] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.scelte [aria-pressed="true"][b-bsix8zacze] {
    background: var(--nero);
    color: var(--avorio);
    border-color: var(--nero);
}

.aiuto[b-bsix8zacze] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--grigio);
}

/* Un regolatore: nome, cursore, valore */
.reg[b-bsix8zacze] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}

.reg input[type="range"][b-bsix8zacze] {
    width: 100%;
    margin: 0;
    accent-color: var(--oro);
}

.reg output[b-bsix8zacze] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--grigio);
}

.stato[b-bsix8zacze] {
    min-height: 1.4em;
    font-size: 13px;
    color: var(--grigio);
}

.stato.ko[b-bsix8zacze] {
    padding: 8px 12px;
    background: var(--ko-bg);
    color: var(--ko);
    border: 1px solid #EBCFCF;
    border-radius: var(--r);
}

/* ── Confronto (stesse regole dello sfondo bianco) ── */
.spiega[b-bsix8zacze] {
    margin-bottom: 12px;
    max-width: 80ch;
}

.confronto[b-bsix8zacze] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.confronto figure[b-bsix8zacze] {
    margin: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.confronto figcaption[b-bsix8zacze] {
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.foto-clic[b-bsix8zacze] {
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
    cursor: zoom-in;
    overflow: hidden;
}

.foto-clic:hover[b-bsix8zacze] {
    border-color: var(--linea-2);
}

.foto-clic img[b-bsix8zacze] {
    width: 100%;
    max-height: 62vh;
    object-fit: contain;
}

.vista[b-bsix8zacze] {
    height: min(62vh, 640px);
    overflow: auto;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
    overscroll-behavior: contain;
}

.vista img[b-bsix8zacze] {
    max-width: none;
    width: auto;
    height: auto;
}

.azioni[b-bsix8zacze] {
    margin-top: 12px;
}

@media (max-width: 860px) {
    .editor[b-bsix8zacze] {
        width: 100vw;
        max-height: 100vh;
        padding: 14px 16px 16px;
        border: 0;
        border-radius: 0;
    }

    .pannello[b-bsix8zacze] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tela[b-bsix8zacze] {
        max-height: 48vh;
    }

    .confronto[b-bsix8zacze] {
        grid-template-columns: 1fr;
    }

    .vista[b-bsix8zacze] {
        height: 42vh;
    }
}
/* /Components/Admin/ElencoBarre.razor.rz.scp.css */
/* Il contenitore misura la propria larghezza: nelle schede strette (tre colonne accanto alla barra laterale)
   l'etichetta va sopra la barra, qualunque sia la larghezza della finestra. */
.barre-box[b-ac42j2nh8i]{container-type:inline-size}
.barre[b-ac42j2nh8i]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.barre li[b-ac42j2nh8i]{display:grid;grid-template-columns:minmax(7em,1fr) minmax(24px,34%) 4.6em 3.4em;align-items:center;gap:10px;font-size:13px}
.et[b-ac42j2nh8i]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nero)}
.bar[b-ac42j2nh8i]{display:block;height:8px;background:transparent}
/* Barra di 8px, dritta sulla linea di partenza e arrotondata (4px) solo in fondo */
.bar i[b-ac42j2nh8i]{display:block;height:8px;min-width:2px;background:var(--serie-1,#2a78d6);border-radius:0 4px 4px 0}
.val[b-ac42j2nh8i]{text-align:right;font-weight:600;color:var(--nero)}
.pct[b-ac42j2nh8i]{text-align:right;color:var(--grigio);font-size:12px}
.secondaria .et[b-ac42j2nh8i]{color:var(--grigio)}
.secondaria .bar i[b-ac42j2nh8i]{background:var(--asse,#D3CFC5)}
/* Stretto (telefono, o una delle tre colonne): l'etichetta intera sopra, sotto barra, valore e percentuale. */
@container (max-width:420px){
  .barre li[b-ac42j2nh8i]{grid-template-columns:minmax(0,1fr) 4.6em 3.4em;row-gap:2px}
  .et[b-ac42j2nh8i]{grid-column:1 / -1;white-space:normal;overflow-wrap:anywhere}
}
@media (forced-colors:active){
  .bar i[b-ac42j2nh8i]{background:CanvasText;forced-color-adjust:none}
}
/* /Components/Admin/GraficoGiorni.razor.rz.scp.css */
/* Grafico a linee delle statistiche. I colori delle serie arrivano dalle variabili --serie-1/2/3
   (RapportoStatistiche.razor.css); griglia e assi recessivi, testi negli inchiostri del sito. */
/* Il margine a destra per le etichette di fine linea c'è sempre: i due grafici uno sotto l'altro hanno lo stesso asse dei giorni. */
.graf[b-d6low0rgwq]{--gutter-y:52px;--gutter-fine:128px;margin-top:4px}
.legenda[b-d6low0rgwq]{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--grigio)}
.legenda li[b-d6low0rgwq]{display:inline-flex;align-items:center;gap:8px}
.campione[b-d6low0rgwq]{display:inline-block;width:14px;height:3px;border-radius:2px;background:currentColor;flex:0 0 auto}
.campione.serie-1[b-d6low0rgwq]{background:var(--serie-1,#2a78d6)}
.campione.serie-2[b-d6low0rgwq]{background:var(--serie-2,#eb6834)}
.campione.serie-3[b-d6low0rgwq]{background:var(--serie-3,#1baf7a)}

.corpo[b-d6low0rgwq]{position:relative;padding:22px var(--gutter-fine) 0 var(--gutter-y)}
/* Niente altezza minima insieme ad aspect-ratio: passerebbe alla larghezza e il grafico uscirebbe dalla scheda. */
.piano[b-d6low0rgwq]{position:relative;aspect-ratio:3/1;min-width:0}
.basso .piano[b-d6low0rgwq]{aspect-ratio:5/1}
.piano:focus-visible[b-d6low0rgwq]{outline:2px solid var(--oro);outline-offset:4px}
.piano svg[b-d6low0rgwq]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}

.griglia[b-d6low0rgwq]{stroke:var(--griglia,#E3E0D8);stroke-width:1}
.griglia.base[b-d6low0rgwq]{stroke:var(--asse,#D3CFC5)}
.linea[b-d6low0rgwq]{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.linea.serie-1[b-d6low0rgwq]{stroke:var(--serie-1,#2a78d6)}
.linea.serie-2[b-d6low0rgwq]{stroke:var(--serie-2,#eb6834)}
.linea.serie-3[b-d6low0rgwq]{stroke:var(--serie-3,#1baf7a)}
.area[b-d6low0rgwq]{stroke:none;opacity:.1}
.area.serie-1[b-d6low0rgwq]{fill:var(--serie-1,#2a78d6)}
.area.serie-2[b-d6low0rgwq]{fill:var(--serie-2,#eb6834)}
.area.serie-3[b-d6low0rgwq]{fill:var(--serie-3,#1baf7a)}

.tacca-y[b-d6low0rgwq]{position:absolute;right:calc(100% + 10px);transform:translateY(-50%);font-size:11px;line-height:1;color:var(--testo-asse,#8A8780);white-space:nowrap;text-align:right}
.asse-x[b-d6low0rgwq]{position:relative;height:22px;margin-top:6px}
.tacca-x[b-d6low0rgwq]{position:absolute;top:0;transform:translateX(-50%);font-size:11px;color:var(--testo-asse,#8A8780);white-space:nowrap}
.tacca-x.prima[b-d6low0rgwq]{transform:none}
.tacca-x.ultima[b-d6low0rgwq]{transform:translateX(-100%)}

/* Punti: 8px nel colore della serie con un anello bianco di 2px */
.punto[b-d6low0rgwq]{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--bianco,#fff);pointer-events:none}
.punto.serie-1[b-d6low0rgwq]{background:var(--serie-1,#2a78d6)}
.punto.serie-2[b-d6low0rgwq]{background:var(--serie-2,#eb6834)}
.punto.serie-3[b-d6low0rgwq]{background:var(--serie-3,#1baf7a)}
/* Un giorno con dati fra due vuoti: un pallino più piccolo, senza anello, perché la linea lì non c'è. */
.punto.isolato[b-d6low0rgwq]{width:6px;height:6px;box-shadow:none}

.etichetta-fine[b-d6low0rgwq]{position:absolute;left:calc(100% + 12px);transform:translateY(-50%);font-size:13px;font-weight:600;color:var(--nero);white-space:nowrap;line-height:1.1}
.etichetta-fine small[b-d6low0rgwq]{display:block;font-size:11px;font-weight:400;color:var(--grigio)}
.etichetta-max[b-d6low0rgwq]{position:absolute;transform:translate(-50%,calc(-100% - 8px));font-size:11px;color:var(--grigio);white-space:nowrap;pointer-events:none}
.etichetta-max.a-sinistra[b-d6low0rgwq]{transform:translate(-100%,calc(-100% - 8px))}
.etichetta-max.a-destra[b-d6low0rgwq]{transform:translate(0,calc(-100% - 8px))}

/* Passaggio del mouse: colonne trasparenti, a tutta altezza */
.col[b-d6low0rgwq]{position:absolute;top:0;bottom:0}
.col .regola[b-d6low0rgwq]{position:absolute;top:0;bottom:0;width:1px;background:var(--asse,#D3CFC5);transform:translateX(-.5px);opacity:0}
.col .punto[b-d6low0rgwq],.col .tip[b-d6low0rgwq]{opacity:0}
.col .tip[b-d6low0rgwq]{position:absolute;top:0;transform:translateX(12px);z-index:3;background:var(--bianco,#fff);border:1px solid var(--linea-2,#D3CFC5);border-radius:4px;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--nero);white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:2px;box-shadow:0 2px 8px rgba(20,20,20,.06)}
.col .tip.a-sinistra[b-d6low0rgwq]{transform:translateX(calc(-100% - 12px))}
.col .tip b[b-d6low0rgwq]{display:block;font-weight:600}
.col .tip b[b-d6low0rgwq]::first-letter{text-transform:uppercase}
.col .tip span[b-d6low0rgwq]{display:flex;align-items:center;gap:6px;color:var(--grigio)}
.col .tip strong[b-d6low0rgwq]{color:var(--nero);font-weight:600}
.col .tip .campione[b-d6low0rgwq]{width:10px}
.col:hover .regola[b-d6low0rgwq],.col:hover .punto[b-d6low0rgwq],.col:hover .tip[b-d6low0rgwq]{opacity:1}

.dati[b-d6low0rgwq]{margin-top:10px}
.dati summary[b-d6low0rgwq]{cursor:pointer;color:var(--grigio);font-size:13px}
.dati .tbl-wrap[b-d6low0rgwq]{margin-top:8px;max-height:320px;overflow:auto}
.dati td:first-child[b-d6low0rgwq]::first-letter{text-transform:uppercase}

@media (max-width:600px){
  /* Sul telefono altezze fisse: con aspect-ratio e un'altezza minima il grafico corto usciva dalla scheda. */
  .piano[b-d6low0rgwq]{aspect-ratio:auto;height:170px}
  .basso .piano[b-d6low0rgwq]{aspect-ratio:auto;height:110px}
  .graf[b-d6low0rgwq]{--gutter-fine:8px}
  .etichetta-fine[b-d6low0rgwq]{display:none}
  /* Sul telefono solo prima, ultima e la data di mezzo: le altre si toccherebbero. */
  .tacca-x.mezzo:not(.centro)[b-d6low0rgwq]{display:none}
  .graf[b-d6low0rgwq]{--gutter-y:44px}
}

@media (forced-colors:active){
  .linea[b-d6low0rgwq],.griglia[b-d6low0rgwq]{stroke:CanvasText}
  .punto[b-d6low0rgwq],.campione[b-d6low0rgwq]{background:CanvasText;forced-color-adjust:none}
  .area[b-d6low0rgwq]{display:none}
  /* Senza colori le due linee si distinguono dal tratto: la seconda serie è tratteggiata, anche nel campione. */
  .linea.serie-2[b-d6low0rgwq]{stroke-dasharray:6 4}
  .campione.serie-2[b-d6low0rgwq]{background:none;height:0;border-top:3px dashed CanvasText}
}
/* /Components/Admin/RapportoStatistiche.razor.rz.scp.css */
/* Resoconto delle statistiche. Colori dei dati (guida dataviz, istanza di riferimento, validata a coppie in
   chiaro): serie 1 blu = visualizzazioni (anche le barre), serie 2 arancio = visitatori stimati, serie 3 acqua =
   tempo medio. L'oro del sito (#C8A24E, circa 2,3:1 sul bianco) resta solo un accento dell'interfaccia: per i
   segni dei dati servirebbe almeno 3:1. L'acqua è sotto 3:1: per questo ha l'etichetta di fine linea e la
   tabella dei dati. L'amministrazione non ha il tema scuro: solo valori chiari, ma come variabili. */
.viz[b-mnpr0fabc2]{
  --serie-1:#2a78d6;
  --serie-2:#eb6834;
  --serie-3:#1baf7a;
  --griglia:var(--linea);
  --asse:var(--linea-2);
  --testo-asse:var(--grigio-2);
}
.blocco[b-mnpr0fabc2]{margin-top:16px}
.raccolti[b-mnpr0fabc2]{margin:-8px 0 12px}

/* Numeri principali: carattere del testo (non quello dei titoli), cifre proporzionali */
.kpi .stat[b-mnpr0fabc2]{display:flex;flex-direction:column;gap:4px}
.kpi-nome[b-mnpr0fabc2]{font-size:13px;font-weight:600;color:var(--grigio)}
.kpi .kpi-valore[b-mnpr0fabc2]{font:600 28px/1.15 var(--body);font-variant-numeric:proportional-nums;color:var(--nero);letter-spacing:-.01em}
.kpi .kpi-valore.nd[b-mnpr0fabc2]{font-size:20px;color:var(--grigio)}
.kpi-nota[b-mnpr0fabc2]{font-size:12px;color:var(--grigio);line-height:1.4}
.kpi-delta[b-mnpr0fabc2]{font-size:12px;font-weight:600;color:var(--grigio)}
.kpi-delta.su[b-mnpr0fabc2]{color:var(--ok)}
.kpi-delta.giu[b-mnpr0fabc2]{color:var(--ko)}
.kpi-delta .muted[b-mnpr0fabc2]{font-weight:400}

.card h2[b-mnpr0fabc2]{font-size:17px}
h3.sotto[b-mnpr0fabc2]{margin:22px 0 4px;font-size:14px}
.nota[b-mnpr0fabc2]{margin-top:12px}
.griglia2[b-mnpr0fabc2]{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.griglia3[b-mnpr0fabc2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.griglia2 .card + .card[b-mnpr0fabc2],.griglia3 .card + .card[b-mnpr0fabc2]{margin-top:0}

.tbl.compatta th[b-mnpr0fabc2],.tbl.compatta td[b-mnpr0fabc2]{padding:8px 10px}
.tbl .pagina[b-mnpr0fabc2]{max-width:340px}
.tbl .pagina a[b-mnpr0fabc2]{text-decoration:none}
.tbl .pagina a:hover[b-mnpr0fabc2]{text-decoration:underline}
.barra-cella[b-mnpr0fabc2]{white-space:nowrap}
.mini-barra[b-mnpr0fabc2]{display:inline-block;width:56px;height:6px;margin-right:8px;vertical-align:middle}
.mini-barra i[b-mnpr0fabc2]{display:block;height:6px;min-width:1px;background:var(--serie-1);border-radius:0 3px 3px 0}
.ordina[b-mnpr0fabc2]{background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}
.ordina:hover[b-mnpr0fabc2]{color:var(--nero)}
th[aria-sort=ascending] .ordina[b-mnpr0fabc2],th[aria-sort=descending] .ordina[b-mnpr0fabc2]{color:var(--nero)}
.filtro[b-mnpr0fabc2]{max-width:240px}
.altri[b-mnpr0fabc2]{margin-top:12px}
.scarica[b-mnpr0fabc2]{margin-top:20px}
.piede[b-mnpr0fabc2]{margin-top:28px;display:flex;flex-direction:column;gap:6px;max-width:860px}
code[b-mnpr0fabc2]{font-size:12px;background:var(--fondo);padding:1px 4px;border-radius:3px}

/* La tabella delle pagine ha cinque colonne: accanto a «Da dove arrivano» ci sta intera solo sugli schermi larghi. */
@media (max-width:1440px){
  .griglia2[b-mnpr0fabc2]{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1100px){
  .griglia3[b-mnpr0fabc2]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:900px){
  .griglia2[b-mnpr0fabc2],.griglia3[b-mnpr0fabc2]{grid-template-columns:minmax(0,1fr)}
  .mini-barra[b-mnpr0fabc2]{display:none}
  .tbl .pagina[b-mnpr0fabc2]{min-width:150px}
  .card-head[b-mnpr0fabc2]{flex-wrap:wrap}
  .filtro[b-mnpr0fabc2]{max-width:none}
}
@media (forced-colors:active){
  .mini-barra i[b-mnpr0fabc2]{background:CanvasText;forced-color-adjust:none}
}
/* /Components/Admin/RegolePasswordElenco.razor.rz.scp.css */
/* Regole della password con i segni: ✓ rispettata, ✗ da rispettare, · ancora niente (non solo il colore). */
.regole-pw[b-7rnf1joq7j] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--grigio);
}

.regole-pw li[b-7rnf1joq7j] {
    position: relative;
    padding-left: 20px;
}

.regole-pw li[b-7rnf1joq7j]::before {
    position: absolute;
    left: 2px;
    top: 0;
    width: 14px;
    text-align: center;
    font-weight: 700;
    content: "·";
}

.regole-pw li[data-stato="ok"][b-7rnf1joq7j] {
    color: var(--ok);
}

.regole-pw li[data-stato="ok"][b-7rnf1joq7j]::before {
    content: "✓";
}

.regole-pw li[data-stato="no"][b-7rnf1joq7j] {
    color: var(--ko);
}

.regole-pw li[data-stato="no"][b-7rnf1joq7j]::before {
    content: "✗";
}
/* /Components/Admin/SfondoBiancoFoto.razor.rz.scp.css */
/* "Sfondo bianco": riquadro sotto le foto del gioiello, originale e risultato affiancati. */

.sfondo[b-9cxe9mv3ep] {
    margin-top: 16px;
    padding: 16px 18px;
    background: var(--fondo);
    border: 1px solid var(--linea-2);
    border-radius: var(--r);
}

.testa[b-9cxe9mv3ep] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.spiega[b-9cxe9mv3ep] {
    margin-bottom: 12px;
    max-width: 70ch;
}

/* Attesa del calcolo */
.attesa[b-9cxe9mv3ep] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--bianco);
    border: 1px solid var(--linea);
    border-radius: var(--r);
}

.attesa div[b-9cxe9mv3ep] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.attesa .spazio[b-9cxe9mv3ep] {
    flex: 1;
}

.ruota[b-9cxe9mv3ep] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: 2px solid var(--linea-2);
    border-top-color: var(--oro);
    border-radius: 50%;
    animation: gira-b-9cxe9mv3ep .9s linear infinite;
}

@keyframes gira-b-9cxe9mv3ep {
    to {
        transform: rotate(360deg);
    }
}

/* Le due foto */
.confronto[b-9cxe9mv3ep] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.confronto figure[b-9cxe9mv3ep] {
    margin: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.confronto figcaption[b-9cxe9mv3ep] {
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.foto-clic[b-9cxe9mv3ep] {
    display: block;
    width: 100%;
    padding: 0;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
    cursor: zoom-in;
    overflow: hidden;
}

.foto-clic:hover[b-9cxe9mv3ep] {
    border-color: var(--linea-2);
}

.foto-clic img[b-9cxe9mv3ep] {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

/* Al 100%: ogni pixel della foto è un pixel dello schermo, i due riquadri scorrono insieme */
.vista[b-9cxe9mv3ep] {
    height: min(70vh, 640px);
    overflow: auto;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
    overscroll-behavior: contain;
}

.vista img[b-9cxe9mv3ep] {
    max-width: none;
    width: auto;
    height: auto;
}

/* Ombra facoltativa (calcolo nel browser) */
.ombra[b-9cxe9mv3ep] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    margin: 0 0 12px;
    padding: 10px 14px;
    background: var(--bianco);
    border: 1px solid var(--linea);
    border-radius: var(--r);
}

.ombra legend[b-9cxe9mv3ep] {
    float: left;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ombra .scelte[b-9cxe9mv3ep] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
}

.ombra .scelte label[b-9cxe9mv3ep],
.ombra .forza[b-9cxe9mv3ep] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.ombra .forza input[type="range"][b-9cxe9mv3ep] {
    width: 140px;
    accent-color: var(--oro);
}

.ombra .forza input:disabled[b-9cxe9mv3ep] {
    opacity: .4;
    cursor: default;
}

.ombra .valore[b-9cxe9mv3ep] {
    min-width: 3.5ch;
    font-variant-numeric: tabular-nums;
}

.ombra .nota-ombra[b-9cxe9mv3ep],
.ombra .alert[b-9cxe9mv3ep] {
    flex-basis: 100%;
    margin: 0;
}

.azioni[b-9cxe9mv3ep] {
    margin-top: 12px;
}

@media (max-width: 700px) {
    .confronto[b-9cxe9mv3ep] {
        grid-template-columns: 1fr;
    }

    .vista[b-9cxe9mv3ep] {
        height: 45vh;
    }
}
/* /Components/Admin/VideoGioiello.razor.rz.scp.css */
/* Video del gioiello (scheda del gioiello, sotto le foto). */

.sezione-video[b-zrin6xaadr] {
    margin-top: 16px;
}

.esito-sezione[b-zrin6xaadr] {
    margin-bottom: 14px;
}

.schede[b-zrin6xaadr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}

.scheda[b-zrin6xaadr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
}

.schermo[b-zrin6xaadr] {
    position: relative;
    aspect-ratio: 1 / 1;
    background: #111;
    border-radius: var(--r);
    overflow: hidden;
}

.schermo video[b-zrin6xaadr],
.poster[b-zrin6xaadr] {
    display: block;
    width: 100%;
    height: 100%;
}

.schermo video[b-zrin6xaadr] {
    object-fit: contain;
    background: #000;
}

.poster[b-zrin6xaadr] {
    position: relative;
    padding: 0;
    border: 0;
    background: #111;
    cursor: pointer;
}

.poster img[b-zrin6xaadr] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.poster:focus-visible[b-zrin6xaadr] {
    outline: 3px solid var(--oro);
    outline-offset: -3px;
}

.play[b-zrin6xaadr] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(20, 20, 20, .62);
}

.play[b-zrin6xaadr]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent #fff;
}

.durata[b-zrin6xaadr] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(20, 20, 20, .72);
    color: #fff;
    font: 600 12px/1.3 var(--body);
    font-variant-numeric: tabular-nums;
}

.dati[b-zrin6xaadr] {
    margin: 0;
    line-height: 1.4;
}

.salvata[b-zrin6xaadr] {
    min-height: 0;
    font-weight: 600;
    color: var(--ok);
}

.barra[b-zrin6xaadr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.barra .spazio[b-zrin6xaadr] {
    flex: 1;
}

.barra .btn[b-zrin6xaadr] {
    min-height: 44px;
}

.btn-icon[b-zrin6xaadr] {
    min-width: 44px;
}

.chiedi[b-zrin6xaadr] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ko);
}

.da-posta[b-zrin6xaadr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-top: 16px;
}

.carica[b-zrin6xaadr] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--linea);
}

.carica h3[b-zrin6xaadr] {
    margin: 0 0 6px;
    font-weight: 600;
}

.riga-carica[b-zrin6xaadr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 8px;
}

.riga-carica input[type="file"][b-zrin6xaadr] {
    max-width: 100%;
    min-height: 44px;
}

.riga-carica .btn[b-zrin6xaadr] {
    min-height: 44px;
}

.audio[b-zrin6xaadr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-size: 14px;
    cursor: pointer;
}

.audio input[b-zrin6xaadr] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--nero);
}

.avanzamento[b-zrin6xaadr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.avanzamento progress[b-zrin6xaadr] {
    flex: 1 1 auto;
    max-width: 420px;
    height: 10px;
    accent-color: var(--oro);
}

.attesa[b-zrin6xaadr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-weight: 600;
}

.ruota[b-zrin6xaadr] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 2px solid var(--linea-2);
    border-top-color: var(--oro);
    border-radius: 50%;
    animation: gira-b-zrin6xaadr .9s linear infinite;
}

@keyframes gira-b-zrin6xaadr {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yw8uyntmsx],
.components-reconnect-repeated-attempt-visible[b-yw8uyntmsx],
.components-reconnect-failed-visible[b-yw8uyntmsx],
.components-pause-visible[b-yw8uyntmsx],
.components-resume-failed-visible[b-yw8uyntmsx],
.components-rejoining-animation[b-yw8uyntmsx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-retrying[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-failed[b-yw8uyntmsx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-yw8uyntmsx] {
    display: block;
}


#components-reconnect-modal[b-yw8uyntmsx] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-yw8uyntmsx 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-yw8uyntmsx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-yw8uyntmsx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-yw8uyntmsx]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-yw8uyntmsx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-yw8uyntmsx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-yw8uyntmsx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-yw8uyntmsx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-yw8uyntmsx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-yw8uyntmsx] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-yw8uyntmsx] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-yw8uyntmsx] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-yw8uyntmsx] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-yw8uyntmsx] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-yw8uyntmsx] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-yw8uyntmsx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-yw8uyntmsx] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-yw8uyntmsx {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Accesso.razor.rz.scp.css */
/* Accesso: l'elenco dei problemi della password nuova (primo accesso con la password provvisoria). */
.errori[b-kc980iwu2l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 18px;
}

.errori ul[b-kc980iwu2l] {
    margin: 0;
    padding-left: 18px;
}
/* /Components/Pages/Admin/Account.razor.rz.scp.css */
/* Il mio account: dati a sinistra, cambio password a destra. */
.colonne[b-wqylrglei8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;max-width:1040px}
.colonne .card + .card[b-wqylrglei8]{margin-top:0}

.dati[b-wqylrglei8]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0}
.dati dt[b-wqylrglei8]{font-weight:600;font-size:13px;color:var(--grigio)}
.dati dd[b-wqylrglei8]{margin:0;overflow-wrap:anywhere}
.nota[b-wqylrglei8]{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}

.frm[b-wqylrglei8]{max-width:420px}
.errori[b-wqylrglei8]{display:flex;flex-direction:column;gap:4px}
.errori ul[b-wqylrglei8]{margin:0;padding-left:18px}
.esito[b-wqylrglei8]{margin-top:16px;display:flex;flex-direction:column;gap:6px}
.esito a[b-wqylrglei8]{color:inherit;font-weight:600}

@media (max-width:900px){
  .colonne[b-wqylrglei8]{grid-template-columns:minmax(0,1fr)}
  .colonne .card + .card[b-wqylrglei8]{margin-top:0}
}
@media (max-width:600px){
  .dati[b-wqylrglei8]{grid-template-columns:minmax(0,1fr);gap:2px}
  .dati dd[b-wqylrglei8]{margin-bottom:10px}
}
/* /Components/Pages/Admin/Articoli.razor.rz.scp.css */
/* Approfondimenti: riquadro di modifica con l'editor Markdown e l'anteprima accanto. */
.alert[b-s603zbot7k] {
    margin-bottom: 16px;
}

.modulo[b-s603zbot7k] {
    margin-bottom: 24px;
}

.slug-riga[b-s603zbot7k] {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.prefisso[b-s603zbot7k] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    background: var(--fondo);
    border: 1px solid var(--linea-2);
    border-right: 0;
    border-radius: var(--r) 0 0 var(--r);
    color: var(--grigio);
    font-size: 13px;
    white-space: nowrap;
}

.slug-riga[b-s603zbot7k]  input {
    min-width: 0;
    border-radius: 0 var(--r) var(--r) 0;
}

.anteprima[b-s603zbot7k] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.anteprima img[b-s603zbot7k] {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
}

.anteprima-testo[b-s603zbot7k] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.senza-foto[b-s603zbot7k] {
    margin-bottom: 10px;
}

.alt-lbl[b-s603zbot7k] {
    margin-top: 10px;
}

.interr[b-s603zbot7k] {
    align-items: flex-start;
}

.interr .t[b-s603zbot7k] {
    margin-top: 2px;
}

.testo[b-s603zbot7k] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.35;
}

.testo b[b-s603zbot7k] {
    font-weight: 600;
}

.testo small[b-s603zbot7k] {
    font-size: 12px;
    color: var(--grigio);
}

.esito[b-s603zbot7k] {
    font-size: 13px;
    color: var(--ko);
}

/* Barra dei pulsanti dell'editor */
.md-barra[b-s603zbot7k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.md-barra .spazio[b-s603zbot7k] {
    flex: 1;
}

.md-foto[b-s603zbot7k] {
    padding: 12px;
    border: 1px dashed var(--linea-2);
    border-radius: var(--r);
    background: var(--fondo);
}

.md-foto p[b-s603zbot7k] {
    margin-top: 8px;
}

/* Testo e anteprima affiancati; uno sotto l'altro sugli schermi stretti */
.md-editor[b-s603zbot7k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: stretch;
}

.md-editor textarea[b-s603zbot7k] {
    width: 100%;
    min-height: 520px;
    resize: vertical;
    font: 14px/1.6 ui-monospace, "Cascadia Mono", Consolas, monospace;
    tab-size: 4;
}

.md-anteprima[b-s603zbot7k] {
    position: relative;
    max-height: 720px;
    overflow: auto;
    padding: 28px 24px 24px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
}

.md-etichetta[b-s603zbot7k] {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--grigio-2);
}

/* L'anteprima imita la prosa del sito (site.css non è caricato nell'amministrazione) */
.md-prosa[b-s603zbot7k] {
    font-size: 15px;
    line-height: 1.7;
    color: #595959;
}

.md-prosa[b-s603zbot7k]  h2 {
    font-size: 22px;
    margin: 28px 0 8px;
}

.md-prosa[b-s603zbot7k]  h3 {
    font-size: 17px;
    margin: 20px 0 6px;
}

.md-prosa[b-s603zbot7k]  p,
.md-prosa[b-s603zbot7k]  ul,
.md-prosa[b-s603zbot7k]  ol {
    margin: 0 0 12px;
}

.md-prosa[b-s603zbot7k]  strong {
    color: var(--nero);
}

.md-prosa[b-s603zbot7k]  a {
    color: var(--nero);
}

.md-prosa[b-s603zbot7k]  .art-fig {
    margin: 16px 0;
}

.md-prosa[b-s603zbot7k]  img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--linea);
}

.md-prosa[b-s603zbot7k]  figcaption {
    font-size: 13px;
    color: var(--grigio);
}

.md-prosa[b-s603zbot7k]  .art-tab {
    overflow-x: auto;
    margin: 12px 0;
}

.md-prosa[b-s603zbot7k]  table {
    border-collapse: collapse;
    font-size: 13px;
}

.md-prosa[b-s603zbot7k]  th,
.md-prosa[b-s603zbot7k]  td {
    border: 1px solid var(--linea);
    padding: 4px 8px;
    text-align: left;
}

/* Tabella */
.mini.senza[b-s603zbot7k] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-style: dashed;
    background: var(--fondo);
    color: var(--grigio-2);
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}

.tbl td a[b-s603zbot7k] {
    text-decoration: none;
}

.tbl td a:hover[b-s603zbot7k] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

tr.in-modifica td[b-s603zbot7k] {
    background: var(--info-bg);
}

.cella-switch[b-s603zbot7k] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.esito-mini[b-s603zbot7k] {
    display: inline-block;
    min-width: 48px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ok);
}

.frecce[b-s603zbot7k] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.frecce .n[b-s603zbot7k] {
    min-width: 26px;
    text-align: right;
    font-size: 12px;
    color: var(--grigio);
}

.azioni-riga[b-s603zbot7k] {
    flex-wrap: nowrap;
    gap: 6px;
}

tr.conferma td[b-s603zbot7k] {
    background: var(--ko-bg);
}

.conferma-box[b-s603zbot7k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.conferma-box p[b-s603zbot7k] {
    color: var(--ko);
    max-width: 75ch;
}

@media (max-width: 1100px) {
    .md-editor[b-s603zbot7k] {
        grid-template-columns: 1fr;
    }

    .md-editor textarea[b-s603zbot7k] {
        min-height: 360px;
    }
}
/* /Components/Pages/Admin/Bacheca.razor.rz.scp.css */
/* Bacheca: riquadri dei numeri, avviso foto mancanti, ultime richieste. */

.stat b small[b-4rbcrnbuq5] {
    font: 500 16px/1 var(--display);
    color: var(--grigio);
    margin-left: 2px;
}

.stat span[b-4rbcrnbuq5] {
    display: block;
    margin-top: 4px;
}

.stat.da-leggere[b-4rbcrnbuq5] {
    border-color: var(--oro);
}

.avviso[b-4rbcrnbuq5] {
    margin-top: 16px;
}

.avviso a[b-4rbcrnbuq5] {
    margin-left: 4px;
    font-weight: 600;
}

.blocco[b-4rbcrnbuq5] {
    margin-top: 32px;
}

.blocco .card-head a[b-4rbcrnbuq5] {
    font-size: 13px;
}

.tbl td a[b-4rbcrnbuq5] {
    text-decoration: none;
}

.tbl td a:hover[b-4rbcrnbuq5] {
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* /Components/Pages/Admin/Categorie.razor.rz.scp.css */
/* Categorie: riquadro di modifica in cima, tabella con interruttore, frecce e conferma di eliminazione. */

.alert[b-pkm8iztdr3] {
    margin-bottom: 16px;
}

.modulo[b-pkm8iztdr3] {
    margin-bottom: 24px;
}

/* Indirizzo: /gioielli/ fisso davanti al campo */
.slug-riga[b-pkm8iztdr3] {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.prefisso[b-pkm8iztdr3] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    background: var(--fondo);
    border: 1px solid var(--linea-2);
    border-right: 0;
    border-radius: var(--r) 0 0 var(--r);
    color: var(--grigio);
    font-size: 13px;
    white-space: nowrap;
}

.slug-riga[b-pkm8iztdr3]  input {
    min-width: 0;
    border-radius: 0 var(--r) var(--r) 0;
}

.rigenera[b-pkm8iztdr3] {
    align-self: flex-start;
}

/* Foto nel riquadro */
.anteprima[b-pkm8iztdr3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.anteprima img[b-pkm8iztdr3] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--bianco);
}

.anteprima-testo[b-pkm8iztdr3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.senza-foto[b-pkm8iztdr3] {
    margin-bottom: 10px;
}

/* Interruttore con titolo e spiegazione */
.interr[b-pkm8iztdr3] {
    align-items: flex-start;
}

.interr .t[b-pkm8iztdr3] {
    margin-top: 2px;
}

.testo[b-pkm8iztdr3] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.35;
}

.testo b[b-pkm8iztdr3] {
    font-weight: 600;
}

.testo small[b-pkm8iztdr3] {
    font-size: 12px;
    color: var(--grigio);
}

.esito[b-pkm8iztdr3] {
    font-size: 13px;
    color: var(--ko);
}

/* Tabella */
.mini.senza[b-pkm8iztdr3] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-style: dashed;
    background: var(--fondo);
    color: var(--grigio-2);
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}

.tbl td a[b-pkm8iztdr3] {
    text-decoration: none;
}

.tbl td a:hover[b-pkm8iztdr3] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

tr.in-modifica td[b-pkm8iztdr3] {
    background: var(--info-bg);
}

.cella-switch[b-pkm8iztdr3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.esito-mini[b-pkm8iztdr3] {
    display: inline-block;
    min-width: 48px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ok);
}

.frecce[b-pkm8iztdr3] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.frecce .n[b-pkm8iztdr3] {
    min-width: 26px;
    text-align: right;
    font-size: 12px;
    color: var(--grigio);
}

.azioni-riga[b-pkm8iztdr3] {
    flex-wrap: nowrap;
    gap: 6px;
}

tr.conferma td[b-pkm8iztdr3] {
    background: var(--ko-bg);
}

.conferma-box[b-pkm8iztdr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.conferma-box p[b-pkm8iztdr3] {
    color: var(--ko);
    max-width: 75ch;
}
/* /Components/Pages/Admin/ComposizioneProdotto.razor.rz.scp.css */
/* Composizione e costi (riservata): righe compatte da compilare in linea, conti in tempo reale sotto. */

.riservato[b-lzemxahyoe] {
    background: #2B2B2B;
    color: var(--avorio);
}

.modo[b-lzemxahyoe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

.interr[b-lzemxahyoe] {
    align-items: flex-start;
}

.interr .t[b-lzemxahyoe] {
    margin-top: 2px;
}

.testo[b-lzemxahyoe] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.35;
}

.testo b[b-lzemxahyoe] {
    font-weight: 600;
}

.testo small[b-lzemxahyoe] {
    font-size: 12px;
    color: var(--grigio);
}

.per-accendere[b-lzemxahyoe] {
    margin-left: 42px;
    font-size: 12px;
    color: var(--grigio);
}

.per-accendere ul[b-lzemxahyoe] {
    margin: 2px 0 0;
    padding-left: 18px;
}

.righe td[b-lzemxahyoe],
.righe th[b-lzemxahyoe] {
    padding: 8px 10px;
    vertical-align: top;
}

.righe .tipo[b-lzemxahyoe] {
    padding-top: 30px;
    font-weight: 600;
    color: var(--nero);
}

.campi[b-lzemxahyoe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.mini[b-lzemxahyoe] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: 11px;
    font-weight: 600;
    color: var(--grigio);
}

.mini input[b-lzemxahyoe],
.mini select[b-lzemxahyoe] {
    padding: 6px 8px;
    font-size: 13px;
}

.mini.corto[b-lzemxahyoe] {
    width: 92px;
}

.mini.lungo[b-lzemxahyoe] {
    flex: 1 1 160px;
}

.mini select[b-lzemxahyoe] {
    width: 220px;
    max-width: 100%;
}

.costo[b-lzemxahyoe] {
    width: 1%;
    padding-top: 26px !important;
    white-space: nowrap;
}

.costo small[b-lzemxahyoe] {
    display: block;
    margin-top: 2px;
    font-size: 11px;
}

.costo-campo[b-lzemxahyoe] {
    width: 120px;
    padding: 6px 8px;
    text-align: right;
    font-size: 13px;
}

.calcolato[b-lzemxahyoe] {
    display: inline-block;
    padding: 6px 0;
    font-weight: 600;
}

.da-compilare[b-lzemxahyoe] {
    background: #FFF8E6;
    border-color: #E0C27A;
}

.da-compilare[b-lzemxahyoe]::placeholder {
    color: #8A6D1F;
}

.sposta[b-lzemxahyoe] {
    padding-top: 26px !important;
    white-space: nowrap;
}

.sposta .btn + .btn[b-lzemxahyoe] {
    margin-left: 2px;
}

.errore-riga[b-lzemxahyoe] {
    margin-top: 4px;
    font-size: 12px;
    color: var(--ko);
}

.nota-riga[b-lzemxahyoe] {
    margin-top: 4px;
    font-size: 12px;
    color: #8A6D1F;
}

.aggiungi[b-lzemxahyoe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}

.aggiungi .spazio[b-lzemxahyoe] {
    flex: 1;
}

.domanda-riga[b-lzemxahyoe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid #EBCFCF;
    border-radius: var(--r);
    background: var(--ko-bg);
    color: var(--ko);
    font-weight: 600;
    font-size: 13px;
}

.esito-lettura[b-lzemxahyoe] {
    margin-top: 10px;
    position: relative;
    padding-right: 32px;
}

.chiudi-lettura[b-lzemxahyoe] {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

.aiuto-numeri[b-lzemxahyoe] {
    margin: 6px 0 0;
}

.per-accendere p[b-lzemxahyoe] {
    margin: 4px 0 0;
}

.esito-lettura ul[b-lzemxahyoe] {
    margin: 4px 0 0;
    padding-left: 18px;
}

/* Conti: etichetta a sinistra, cifre allineate a destra */
.conti[b-lzemxahyoe] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid var(--linea);
    border-radius: var(--r);
    background: var(--fondo);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.voce[b-lzemxahyoe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 16px;
    align-items: baseline;
}

.voce dt[b-lzemxahyoe] {
    font-weight: 500;
    color: var(--grigio);
}

.voce dd[b-lzemxahyoe] {
    margin: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.voce dd small[b-lzemxahyoe] {
    font-size: 12px;
}

.voce.forte dt[b-lzemxahyoe],
.voce.forte dd[b-lzemxahyoe] {
    color: var(--nero);
    font-weight: 600;
}

.voce.forte b[b-lzemxahyoe] {
    font-size: 16px;
}

.voce.ricarico dt[b-lzemxahyoe] {
    align-self: start;
    padding-top: 6px;
}

.con-unita[b-lzemxahyoe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.con-unita input[b-lzemxahyoe] {
    width: 140px;
    padding: 6px 8px;
    text-align: right;
}

.da-compilare-testo[b-lzemxahyoe] {
    font-size: 12px;
    color: #8A6D1F;
}

.sul-sito[b-lzemxahyoe],
.nota-prezzo[b-lzemxahyoe] {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.45;
}

.avviso-giallo[b-lzemxahyoe] {
    margin-top: 10px;
    padding: 6px 8px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
    color: var(--nero);
}

.avviso-rosso[b-lzemxahyoe] {
    margin: 4px 0 0;
    padding: 6px 8px;
    background: var(--ko-bg);
    border: 1px solid #EBCFCF;
    border-radius: var(--r);
    color: var(--ko);
    font-weight: 600;
    font-size: 13px;
}

.variante[b-lzemxahyoe] {
    display: inline-block;
    margin-left: 8px;
}

.variante.piu-cara[b-lzemxahyoe] {
    font-weight: 600;
}

@media (max-width: 700px) {
    .righe thead[b-lzemxahyoe] {
        display: none;
    }

    .righe tr[b-lzemxahyoe] {
        display: grid;
        grid-template-columns: 1fr auto;
        border-bottom: 1px solid var(--linea);
    }

    .righe td[b-lzemxahyoe],
    .righe th[b-lzemxahyoe] {
        border: 0;
        padding-top: 8px !important;
    }

    .righe .tipo[b-lzemxahyoe] {
        grid-column: 1 / -1;
        padding-bottom: 0;
    }

    .righe td:nth-of-type(1)[b-lzemxahyoe] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Admin/FotoPostaImpostazioni.razor.rz.scp.css */
/* Impostazioni della casella delle foto. .blocco-chiavi e .salvata come in Vendita online. */
.blocco-chiavi[b-68o82sz286]{border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px}
.salvata[b-68o82sz286]{font-size:12px;color:var(--grigio);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.salvata b[b-68o82sz286]{color:var(--nero);font-family:ui-monospace,Consolas,monospace;font-weight:500}
.prova[b-68o82sz286]{margin-bottom:16px}
.protocollo[b-68o82sz286]{max-width:80ch}
.protocollo select[b-68o82sz286]{max-width:280px}
.protocollo .aiuto[b-68o82sz286]{line-height:1.5}
.etichetta[b-68o82sz286]{font-weight:600}
.solo-arrivo[b-68o82sz286]{font-weight:600;margin:6px 0 4px}
.firma[b-68o82sz286]{margin-top:16px;max-width:80ch}
.firma .aiuto[b-68o82sz286]{line-height:1.5}
.spiega[b-68o82sz286]{max-width:80ch;line-height:1.5}
.spiega p + p[b-68o82sz286]{margin-top:8px}
.dove[b-68o82sz286]{border-top:1px solid var(--linea);padding-top:12px}
.dove summary[b-68o82sz286]{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.dove ul[b-68o82sz286]{margin:6px 0 8px;padding-left:20px;display:flex;flex-direction:column;gap:4px}
code[b-68o82sz286]{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--fondo);padding:1px 6px;border-radius:3px;overflow-wrap:anywhere}
.scelte-dopo[b-68o82sz286]{border:0;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:10px}
.scelte-dopo .chk[b-68o82sz286]{min-height:32px}
.riga-sposta[b-68o82sz286]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.riga-sposta input[type=text][b-68o82sz286]{max-width:280px}
.errori p + p[b-68o82sz286],.alert p + p[b-68o82sz286]{margin-top:4px}
.azioni-casella .alert[b-68o82sz286]{margin-top:12px}
.domanda[b-68o82sz286]{font-weight:600;color:var(--ko)}
/* Verifica collegamento: le mail dei mittenti accettati con verdetto e motivo. Su un telefono la tabella scorre da sola. */
.diagnosi-mittenti[b-68o82sz286]{margin-top:12px;max-width:100%}
.diagnosi[b-68o82sz286]{border-collapse:collapse;font-size:13px;width:100%}
.diagnosi caption[b-68o82sz286]{text-align:left;font-weight:600;padding-bottom:6px}
.diagnosi th[b-68o82sz286],.diagnosi td[b-68o82sz286]{text-align:left;vertical-align:top;padding:6px 12px 6px 0;border-bottom:1px solid var(--linea)}
.diagnosi th[b-68o82sz286]{font-weight:600;color:var(--grigio)}
.diagnosi .nowrap[b-68o82sz286]{white-space:nowrap}
.diagnosi .indirizzo[b-68o82sz286]{overflow-wrap:break-word}
.diagnosi tr.rifiutata td[b-68o82sz286]{color:var(--ko)}
.diagnosi-mittenti + .spiega[b-68o82sz286]{margin-top:8px}
/* Su un telefono ogni mail è un blocco, con l'etichetta davanti a ogni valore. */
@media (max-width:700px){
  .diagnosi thead[b-68o82sz286]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .diagnosi[b-68o82sz286],.diagnosi caption[b-68o82sz286],.diagnosi tbody[b-68o82sz286],.diagnosi tr[b-68o82sz286],.diagnosi td[b-68o82sz286]{display:block;width:100%}
  .diagnosi tr[b-68o82sz286]{border-bottom:1px solid var(--linea);padding:8px 0}
  .diagnosi td[b-68o82sz286]{border:0;padding:2px 0;display:grid;grid-template-columns:80px 1fr;gap:8px}
  .diagnosi td[b-68o82sz286]::before{content:attr(data-etichetta);font-weight:600;color:var(--grigio)}
  .diagnosi .nowrap[b-68o82sz286]{white-space:normal}
}
.btn[b-68o82sz286]{min-height:36px}
@media (max-width:600px){
  .btn[b-68o82sz286]{min-height:44px}
  .riga-sposta input[type=text][b-68o82sz286]{max-width:none}
}
/* /Components/Pages/Admin/Ordini.razor.rz.scp.css */
.filtri[b-ow34wt3ln0]{display:flex;gap:6px;flex-wrap:wrap}
#cerca[b-ow34wt3ln0]{max-width:280px}
.indietro[b-ow34wt3ln0]{margin-bottom:12px}
.adm-head h1 .badge[b-ow34wt3ln0]{vertical-align:middle;font-size:12px}
.dettaglio-ordine[b-ow34wt3ln0]{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.dettaglio-ordine .card + .card[b-ow34wt3ln0]{margin-top:0}
.conti[b-ow34wt3ln0],.dati[b-ow34wt3ln0]{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0 0}
.conti dd[b-ow34wt3ln0],.dati dd[b-ow34wt3ln0]{margin:0}
.conti dd[b-ow34wt3ln0]{text-align:right;font-variant-numeric:tabular-nums}
.dati dt[b-ow34wt3ln0]{font-weight:600;font-size:13px;color:var(--grigio)}
.indirizzo[b-ow34wt3ln0]{white-space:pre-line}
code[b-ow34wt3ln0]{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--fondo);padding:1px 5px;border-radius:3px;overflow-wrap:anywhere}
textarea[b-ow34wt3ln0]{width:100%}
.conferma p[b-ow34wt3ln0]{margin-bottom:12px}
@media (max-width:1100px){.dettaglio-ordine[b-ow34wt3ln0]{grid-template-columns:1fr}}
/* /Components/Pages/Admin/PagineFotoAdmin.razor.rz.scp.css */
/* Foto delle pagine: una scheda per pagina, foto in griglia con i campi sotto. */
.alert[b-pli8a8sqai] {
    margin-bottom: 16px;
}

.aiuto-pagina[b-pli8a8sqai] {
    margin: -6px 0 14px;
    max-width: 80ch;
}

.elenco-foto[b-pli8a8sqai] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.elenco-foto img[b-pli8a8sqai] {
    aspect-ratio: 4 / 3;
    object-fit: contain;
}

.campi[b-pli8a8sqai] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-top: 1px solid var(--linea);
}

.campi input[b-pli8a8sqai] {
    font-size: 13px;
    border-width: 1px;
    border-radius: var(--r);
}

.campi label[b-pli8a8sqai] {
    color: var(--grigio);
}

.esito-mini[b-pli8a8sqai] {
    min-height: 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ok);
}

.carica[b-pli8a8sqai] {
    max-width: 520px;
}
/* /Components/Pages/Admin/PrezziCosti.razor.rz.scp.css */
/* Prezzi e costi: metalli con la quotazione, ricarico, IVA, arrotondamento, anteprima dell'effetto sui prezzi. */

.avviso[b-dskcr8dt5q] {
    margin-bottom: 16px;
}

.card + .card[b-dskcr8dt5q],
.card + .griglia[b-dskcr8dt5q],
.griglia + .card[b-dskcr8dt5q],
.griglia + .sticky-azioni + .card[b-dskcr8dt5q],
.sticky-azioni + .card[b-dskcr8dt5q] {
    margin-top: 16px;
}

.spiega[b-dskcr8dt5q] {
    margin-bottom: 14px;
    max-width: 90ch;
}

.d-block[b-dskcr8dt5q] {
    display: block;
    margin-top: 2px;
}

.metalli th[scope=row][b-dskcr8dt5q] {
    font-weight: 600;
    vertical-align: top;
    min-width: 200px;
}

.metalli td[b-dskcr8dt5q] {
    vertical-align: top;
}

.campo-grammo[b-dskcr8dt5q] {
    width: 1%;
    white-space: nowrap;
}

.con-unita[b-dskcr8dt5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.con-unita input[b-dskcr8dt5q] {
    width: 120px;
    text-align: right;
}

.con-unita input[readonly][b-dskcr8dt5q] {
    background: var(--fondo);
    color: var(--grigio);
}

.quotazione[b-dskcr8dt5q] {
    line-height: 1.45;
}

.quotazione .usa[b-dskcr8dt5q] {
    margin-top: 6px;
}

.errore[b-dskcr8dt5q] {
    font-size: 12px;
    color: var(--ko);
}

.avviso-variazione[b-dskcr8dt5q] {
    font-size: 12px;
    color: #8A6D1F;
}

.griglia[b-dskcr8dt5q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.griglia .card + .card[b-dskcr8dt5q] {
    margin-top: 0;
}

.verso[b-dskcr8dt5q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
}

.verso legend[b-dskcr8dt5q] {
    padding: 0;
    margin-bottom: 6px;
}

.anteprima[b-dskcr8dt5q] {
    border-color: var(--oro);
}

.anteprima .tbl-wrap[b-dskcr8dt5q] {
    max-height: 520px;
    overflow: auto;
    margin-bottom: 8px;
}

.riepilogo[b-dskcr8dt5q] {
    margin-bottom: 10px;
    font-weight: 600;
}

.riepilogo .forte[b-dskcr8dt5q],
tr.forte td[b-dskcr8dt5q] {
    color: var(--ko);
}

.omnibus[b-dskcr8dt5q] {
    margin: 0 0 12px;
    padding-left: 18px;
    font-size: 13px;
}

.anteprima .alert[b-dskcr8dt5q] {
    margin-bottom: 12px;
}

.anteprima .alert ul[b-dskcr8dt5q] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.gruppo td[b-dskcr8dt5q] {
    background: var(--fondo);
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.saltato td[b-dskcr8dt5q] {
    color: var(--grigio);
}

.note[b-dskcr8dt5q] {
    font-size: 12px;
    color: var(--grigio);
    max-width: 380px;
}

.da-riallineare[b-dskcr8dt5q] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.glossario[b-dskcr8dt5q] {
    margin-top: 14px;
    max-width: 90ch;
}

@media (max-width: 1100px) {
    .griglia[b-dskcr8dt5q] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Admin/PrezziSconti.razor.rz.scp.css */
/* Prezzi e sconti: operazione in cima, anteprima, elenco con le spunte. */

.avviso[b-s6vn9t7v1x] {
    margin-bottom: 16px;
}

.card + .card[b-s6vn9t7v1x],
.card + section[b-s6vn9t7v1x],
section + .card[b-s6vn9t7v1x] {
    margin-top: 16px;
}

.operazione[b-s6vn9t7v1x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px 20px;
    align-items: start;
}

.spiega[b-s6vn9t7v1x] {
    margin-top: 10px;
    max-width: 80ch;
}

.ambito[b-s6vn9t7v1x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 16px 0 0;
    padding: 0;
    border: 0;
}

.ambito legend[b-s6vn9t7v1x] {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    padding: 0;
}

.esito[b-s6vn9t7v1x] {
    font-size: 13px;
}

.esito.ko[b-s6vn9t7v1x] {
    color: var(--ko);
}

.riepilogo[b-s6vn9t7v1x] {
    margin-bottom: 14px;
    font-weight: 600;
}

.anteprima[b-s6vn9t7v1x] {
    border-color: var(--oro);
}

.anteprima .tbl-wrap[b-s6vn9t7v1x] {
    max-height: 480px;
    overflow: auto;
}

.saltato td[b-s6vn9t7v1x] {
    color: var(--grigio);
    background: var(--fondo);
}

.nota[b-s6vn9t7v1x] {
    font-size: 12px;
    color: var(--grigio);
}

.sul-sito-prezzo[b-s6vn9t7v1x] {
    display: block;
    font-size: 12px;
    color: var(--ok);
}

/* Sconto che il sito mostrerà senza prezzo barrato (art. 17-bis Codice del consumo) */
.sul-sito-prezzo.avviso-barrato[b-s6vn9t7v1x] {
    color: var(--ko);
    white-space: normal;
    max-width: 320px;
}

.domanda[b-s6vn9t7v1x] {
    font-weight: 600;
    color: var(--ko);
}

.toolbar input[type=search][b-s6vn9t7v1x] {
    flex: 0 1 260px;
    width: 260px;
}

.toolbar select[b-s6vn9t7v1x] {
    width: auto;
    min-width: 160px;
}

.spuntato td[b-s6vn9t7v1x] {
    background: var(--fondo);
}

.prima[b-s6vn9t7v1x] {
    margin-right: 4px;
    font-size: 12px;
    color: var(--grigio-2);
}

@media (max-width: 900px) {
    .toolbar input[type=search][b-s6vn9t7v1x] {
        flex: 1 1 100%;
        width: 100%;
    }

    .toolbar select[b-s6vn9t7v1x] {
        flex: 1 1 160px;
    }
}

/* Righe delle varianti di prezzo (Sql/011) nell'anteprima: rientrate sotto il gioiello */
.riga-variante td[b-s6vn9t7v1x]{background:var(--fondo)}
.nome-variante[b-s6vn9t7v1x]{padding-left:12px;font-weight:600}

/* Gioielli con prezzo calcolato dalla composizione (Sql/013) */
.badge.calcolato[b-s6vn9t7v1x]{margin-left:6px;background:#2B2B2B;color:var(--avorio)}
/* /Components/Pages/Admin/Prodotti.razor.rz.scp.css */
/* Elenco dei gioielli: barra dei filtri, tabella con interruttori e frecce d'ordine. */

.alert[b-tjwq48t4qm] {
    margin-bottom: 16px;
}

.toolbar input[type=search][b-tjwq48t4qm] {
    flex: 0 1 280px;
    width: 280px;
}

.toolbar select[b-tjwq48t4qm] {
    width: auto;
    min-width: 170px;
}

.conteggio[b-tjwq48t4qm] {
    margin: -4px 0 12px;
    font-size: 13px;
}

.mini.senza[b-tjwq48t4qm] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-style: dashed;
    background: var(--fondo);
    color: var(--grigio-2);
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}

.nome a[b-tjwq48t4qm] {
    font-weight: 500;
    text-decoration: none;
}

.nome a:hover[b-tjwq48t4qm] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.nome .badge[b-tjwq48t4qm] {
    margin-left: 6px;
}

/* Categorie in più: "+2" accanto alla principale */
.altre[b-tjwq48t4qm] {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    cursor: help;
}

/* Varianti di prezzo (Sql/011): "+2 varianti" sotto il prezzo */
.n-varianti[b-tjwq48t4qm] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--grigio);
    cursor: help;
}

/* Prezzo con sconto: quello di prima barrato, piccolo */
.prima[b-tjwq48t4qm] {
    margin: 0 4px 0 6px;
    font-size: 12px;
    color: var(--grigio-2);
}

.cella-switch[b-tjwq48t4qm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.esito-mini[b-tjwq48t4qm] {
    display: inline-block;
    min-width: 48px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ok);
}

.frecce[b-tjwq48t4qm] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.frecce .n[b-tjwq48t4qm] {
    min-width: 26px;
    text-align: right;
    font-size: 12px;
    color: var(--grigio);
}

.sul-sito[b-tjwq48t4qm] {
    font-size: 13px;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .toolbar input[type=search][b-tjwq48t4qm] {
        flex: 1 1 100%;
        width: 100%;
    }

    .toolbar select[b-tjwq48t4qm] {
        flex: 1 1 160px;
    }
}
/* /Components/Pages/Admin/ProdottoModifica.razor.rz.scp.css */
/* Scheda del gioiello: due colonne (dati a sinistra, visibilità e indirizzo a destra), foto sotto. */

.avviso[b-5s630mm0vw] {
    margin-bottom: 16px;
}

.indietro[b-5s630mm0vw] {
    margin-top: 12px;
}

.colonne[b-5s630mm0vw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 16px;
    align-items: start;
}

/* Interruttori con titolo e spiegazione su due righe */
.interr[b-5s630mm0vw] {
    align-items: flex-start;
}

.interr .t[b-5s630mm0vw] {
    margin-top: 2px;
}

.testo[b-5s630mm0vw] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.35;
}

.testo b[b-5s630mm0vw] {
    font-weight: 600;
}

.testo small[b-5s630mm0vw] {
    font-size: 12px;
    color: var(--grigio);
}

/* Nota sotto "In evidenza": se il gioiello è davvero negli ultimi arrivi della home */
.con-nota[b-5s630mm0vw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nota-evidenza[b-5s630mm0vw] {
    margin-left: 42px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--ok);
}

.nota-evidenza.avviso-evidenza[b-5s630mm0vw] {
    padding: 6px 8px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
    color: var(--nero);
}

.stato-pubblicazione[b-5s630mm0vw] {
    align-self: center;
}

/* Indirizzo: /gioiello/ fisso davanti al campo */
.slug-riga[b-5s630mm0vw] {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.prefisso[b-5s630mm0vw] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    background: var(--fondo);
    border: 1px solid var(--linea-2);
    border-right: 0;
    border-radius: var(--r) 0 0 var(--r);
    color: var(--grigio);
    font-size: 13px;
    white-space: nowrap;
}

.slug-riga[b-5s630mm0vw]  input {
    min-width: 0;
    border-radius: 0 var(--r) var(--r) 0;
}

.rigenera[b-5s630mm0vw] {
    margin-top: 8px;
}

.pubblico[b-5s630mm0vw] {
    margin-top: 12px;
    overflow-wrap: anywhere;
}

/* Categorie in più: caselle in riga */
.anche-in[b-5s630mm0vw] {
    margin: 0;
    padding: 0;
    border: 0;
}

.anche-in legend[b-5s630mm0vw] {
    padding: 0;
    margin-bottom: 6px;
}

.scelte[b-5s630mm0vw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

/* Sconto: anteprima del prezzo che vede il cliente */
.anteprima-sconto[b-5s630mm0vw] {
    padding: 8px 10px;
    background: var(--ok-bg);
    border: 1px solid #CFE3D4;
    border-radius: var(--r);
    color: var(--ok);
    font-size: 13px;
    line-height: 1.4;
}

.anteprima-sconto.avviso-sconto[b-5s630mm0vw] {
    background: var(--info-bg);
    border-color: #E6DDC4;
    color: var(--nero);
}

/* Foto */
.sezione-foto[b-5s630mm0vw] {
    margin-top: 16px;
}

.spiega[b-5s630mm0vw] {
    margin-bottom: 14px;
    max-width: 70ch;
}

.esito-sezione[b-5s630mm0vw] {
    margin-bottom: 14px;
}

.thumbs[b-5s630mm0vw] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.esito-foto[b-5s630mm0vw] {
    display: block;
    min-height: 0;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ok);
}

.esito-foto:not(:empty)[b-5s630mm0vw] {
    padding: 4px 8px 0;
}

.copertina[b-5s630mm0vw] {
    align-self: center;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--nero);
}

.chiedi[b-5s630mm0vw] {
    align-self: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--ko);
}

.carica[b-5s630mm0vw] {
    margin-top: 16px;
}

/* Foto dalla posta: il pulsante sotto la zona di caricamento */
.da-posta[b-5s630mm0vw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.da-posta .btn[b-5s630mm0vw] {
    min-height: 44px;
}

/* Barra delle azioni in fondo */
.esito[b-5s630mm0vw] {
    font-size: 13px;
}

.esito.ok[b-5s630mm0vw] {
    color: var(--ok);
}

.esito.ko[b-5s630mm0vw] {
    color: var(--ko);
}

.domanda[b-5s630mm0vw] {
    font-weight: 600;
    color: var(--ko);
}

/* Colonna di sinistra: dati e prezzi delle varianti */
.sinistra[b-5s630mm0vw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

/* Prezzi delle varianti (Sql/011) */
.spiega-varianti[b-5s630mm0vw] {
    margin-bottom: 12px;
    max-width: 75ch;
}

.varianti-prezzi .aiuto[b-5s630mm0vw] {
    line-height: 1.4;
}

.avviso-variante[b-5s630mm0vw] {
    padding: 6px 8px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
    color: var(--nero);
}

@media (max-width: 1100px) {
    .colonne[b-5s630mm0vw] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Prezzo calcolato dalla composizione (Sql/013): il campo non si scrive */
.fld[b-5s630mm0vw]  input.calcolato {
    background: var(--fondo);
    font-weight: 600;
    cursor: default;
}

/* Vendita e misure (Sql/008) */
.scelta-tipo[b-5s630mm0vw]{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.taglie-gioiello[b-5s630mm0vw]{border:0;padding:0;margin:0}
.azioni-taglie[b-5s630mm0vw]{margin:6px 0 10px;gap:6px}
.azioni-taglie select[b-5s630mm0vw]{width:auto;padding:4px 6px}
.griglia-taglie[b-5s630mm0vw]{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px 10px}
/* /Components/Pages/Admin/Richieste.razor.rz.scp.css */
/* Richieste: elenco con filtro e pagine, dettaglio su due colonne. */
.avviso[b-dd5wm7uer8]{margin-bottom:16px}
.filtri[b-dd5wm7uer8]{display:flex;gap:6px;flex-wrap:wrap}

.tbl a[b-dd5wm7uer8]{text-decoration:none}
.tbl a:hover[b-dd5wm7uer8],.tbl a:focus-visible[b-dd5wm7uer8]{text-decoration:underline;text-underline-offset:3px}
.tbl td.nome[b-dd5wm7uer8]{white-space:nowrap}
.tbl td.nome .badge[b-dd5wm7uer8]{margin-left:6px;vertical-align:1px}
.tbl td.email[b-dd5wm7uer8]{overflow-wrap:anywhere}
.tbl td.anteprima[b-dd5wm7uer8]{color:var(--grigio);min-width:240px}
.tbl tr.non-letta td.anteprima[b-dd5wm7uer8]{font-weight:400;color:var(--nero)}

.pagine[b-dd5wm7uer8]{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:16px}

.indietro[b-dd5wm7uer8]{margin-bottom:12px;font-size:13px}
.indietro a[b-dd5wm7uer8]{color:var(--grigio)}
.indietro a:hover[b-dd5wm7uer8]{color:var(--nero)}
.vuoto-link[b-dd5wm7uer8]{margin-top:10px}

.dettaglio[b-dd5wm7uer8]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start}
.messaggio[b-dd5wm7uer8]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65;margin-bottom:20px}
.dati[b-dd5wm7uer8]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0;padding-top:16px;border-top:1px solid var(--linea)}
.dati dt[b-dd5wm7uer8]{font-weight:600;font-size:13px;color:var(--grigio)}
.dati dd[b-dd5wm7uer8]{margin:0;overflow-wrap:anywhere}
.collegamenti[b-dd5wm7uer8]{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}

.azioni[b-dd5wm7uer8]{padding-top:12px}
.esito[b-dd5wm7uer8]{margin-top:12px}
.conferma[b-dd5wm7uer8]{display:flex;flex-direction:column;gap:10px}
.nota-letta[b-dd5wm7uer8]{margin-top:6px}

@media (max-width:1000px){
  .dettaglio[b-dd5wm7uer8]{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .dati[b-dd5wm7uer8]{grid-template-columns:minmax(0,1fr);gap:2px}
  .dati dd[b-dd5wm7uer8]{margin-bottom:10px}
}
/* /Components/Pages/Admin/Statistiche.razor.rz.scp.css */
.periodo[b-35up7ljddf]{background:var(--bianco);border:1px solid var(--linea);border-radius:var(--r);padding:10px 12px}
.periodo .date[b-35up7ljddf]{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--grigio)}
.periodo input[type=date][b-35up7ljddf]{width:auto;background:var(--bianco);border:1px solid var(--linea-2);border-radius:var(--r);padding:5px 8px;font:400 13px/1.3 var(--body);color:var(--nero)}
.periodo .switch[b-35up7ljddf]{font-size:13px;margin-left:6px}
.avviso[b-35up7ljddf]{margin-bottom:12px}
.aggiorna[b-35up7ljddf]{margin-bottom:8px}

.impostazioni[b-35up7ljddf]{margin-top:32px}
.impostazioni > summary[b-35up7ljddf]{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.impostazioni > summary[b-35up7ljddf]::-webkit-details-marker{display:none}
.impostazioni > summary[b-35up7ljddf]::before{content:"";width:8px;height:8px;border-right:2px solid var(--grigio);border-bottom:2px solid var(--grigio);transform:rotate(-45deg);transition:transform .2s;margin-right:4px}
.impostazioni[open] > summary[b-35up7ljddf]::before{transform:rotate(45deg)}
.impostazioni > summary h2[b-35up7ljddf]{display:inline;font-size:17px}
.impostazioni[open] > summary[b-35up7ljddf]{margin-bottom:16px}
.impostazioni .alert[b-35up7ljddf]{margin-bottom:12px}
.impostazioni h3[b-35up7ljddf]{margin-bottom:6px}
.rete[b-35up7ljddf],.geo[b-35up7ljddf]{border-top:1px solid var(--linea);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.rete p[b-35up7ljddf],.geo p[b-35up7ljddf]{max-width:860px}
code[b-35up7ljddf]{font-size:12px;background:var(--fondo);padding:1px 4px;border-radius:3px;word-break:break-all}

@media (max-width:900px){
  .periodo .spazio[b-35up7ljddf]{display:none}
}
/* /Components/Pages/Admin/Testi.razor.rz.scp.css */
/* Testi e impostazioni: un riquadro per gruppo, campi a tutta larghezza fino a una misura leggibile. */
.card[b-bvvjvlvfrw]{scroll-margin-top:16px}
.lettura[b-bvvjvlvfrw]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.frm[b-bvvjvlvfrw]{max-width:760px}

.piede[b-bvvjvlvfrw]{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
.ripristina[b-bvvjvlvfrw]{margin-left:auto;color:var(--grigio);font-size:12px}
.ripristina:hover[b-bvvjvlvfrw],.ripristina:focus-visible[b-bvvjvlvfrw]{color:var(--nero)}

.info-sito[b-bvvjvlvfrw]{margin:4px 0 0;padding:8px 10px;background:var(--fondo);border:1px solid var(--linea);border-radius:var(--r);line-height:1.7}
.info-sito a[b-bvvjvlvfrw]{color:var(--nero);overflow-wrap:anywhere}

.barra-salva[b-bvvjvlvfrw]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.barra-salva .alert[b-bvvjvlvfrw]{display:inline-block;padding:7px 12px}
.stato:empty[b-bvvjvlvfrw]{display:none}

/* Voci che solo l'azienda conosce e mancano ancora (VoceTesto.DaCompilare), nota sui testi legali */
.da-compilare[b-bvvjvlvfrw]{margin-left:8px;background:var(--ko-bg,#FBE9E7);color:var(--ko,#B3261E);vertical-align:1px}
.nota-legale[b-bvvjvlvfrw]{margin:0 0 16px;max-width:760px;line-height:1.6}
/* /Components/Pages/Admin/TipologieTaglie.razor.rz.scp.css */
.tip-grid[b-0wf5uljcg0]{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}
.elenco-tip ul[b-0wf5uljcg0]{list-style:none;margin:0;padding:0}
.elenco-tip li[b-0wf5uljcg0]{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 8px;border-radius:var(--r)}
.elenco-tip li.on[b-0wf5uljcg0]{background:var(--info-bg)}
.elenco-tip .scegli[b-0wf5uljcg0]{text-align:left;font-weight:600;text-decoration:none}
.elenco-tip .muted[b-0wf5uljcg0]{grid-column:1}
.elenco-tip .frecce[b-0wf5uljcg0]{grid-row:1 / span 2;grid-column:2;display:flex;gap:4px;align-self:center}
.tip-attiva[b-0wf5uljcg0]{margin-top:14px;align-items:flex-start}
.taglie[b-0wf5uljcg0]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.taglie li[b-0wf5uljcg0]{display:flex;align-items:center;gap:8px}
.taglie input[type=text][b-0wf5uljcg0]{max-width:160px}
.taglie + p[b-0wf5uljcg0]{margin-top:10px}
.md-barra[b-0wf5uljcg0]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 8px}
.md-foto[b-0wf5uljcg0]{padding:12px;border:1px dashed var(--linea-2);border-radius:var(--r);background:var(--fondo);margin-bottom:8px}
.md-editor[b-0wf5uljcg0]{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.md-editor textarea[b-0wf5uljcg0]{width:100%;min-height:420px;resize:vertical;font:14px/1.6 ui-monospace,"Cascadia Mono",Consolas,monospace}
.md-anteprima[b-0wf5uljcg0]{position:relative;max-height:620px;overflow:auto;padding:28px 24px 24px;border:1px solid var(--linea);border-radius:var(--r);background:var(--bianco)}
.md-etichetta[b-0wf5uljcg0]{position:absolute;top:8px;right:12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grigio-2)}
.md-prosa[b-0wf5uljcg0]{font-size:15px;line-height:1.7;color:#595959}
.md-prosa[b-0wf5uljcg0]  h2{font-size:22px;margin:28px 0 8px}
.md-prosa[b-0wf5uljcg0]  p,.md-prosa[b-0wf5uljcg0]  ul{margin:0 0 12px}
.md-prosa[b-0wf5uljcg0]  strong{color:var(--nero)}
.md-prosa[b-0wf5uljcg0]  img{max-width:100%;height:auto;border:1px solid var(--linea)}
.md-prosa[b-0wf5uljcg0]  .art-tab{overflow-x:auto;margin:12px 0}
.md-prosa[b-0wf5uljcg0]  table{border-collapse:collapse;font-size:13px}
.md-prosa[b-0wf5uljcg0]  th,.md-prosa[b-0wf5uljcg0]  td{border:1px solid var(--linea);padding:4px 8px;text-align:left}
@media (max-width:1100px){.tip-grid[b-0wf5uljcg0]{grid-template-columns:1fr}.md-editor[b-0wf5uljcg0]{grid-template-columns:1fr}}
/* /Components/Pages/Admin/Utenti.razor.rz.scp.css */
/* Utenti: riquadro in cima (nuovo / modifica), riquadro della password provvisoria, tabella con conferme nella riga;
   sotto i 1100px di finestra ogni utente diventa una scheda. */

.alert[b-jje2z7kz3n] {
    margin-bottom: 16px;
}

.modulo[b-jje2z7kz3n],
.provvisoria[b-jje2z7kz3n] {
    margin-bottom: 24px;
}

.mono[b-jje2z7kz3n] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.modulo .alert[b-jje2z7kz3n] {
    margin: 12px 0 0;
}

/* Password mostrata una volta */
.provvisoria[b-jje2z7kz3n] {
    border-color: var(--oro);
    box-shadow: 0 0 0 3px rgba(200, 162, 78, .18);
    max-width: 720px;
}

.provvisoria:focus[b-jje2z7kz3n],
.ancora-messaggio:focus[b-jje2z7kz3n] {
    outline: none;
}

.dati-accesso[b-jje2z7kz3n] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 4px 12px;
    margin: 0 0 12px;
    max-width: 720px;
}

.dati-accesso dt[b-jje2z7kz3n] {
    font-size: 13px;
    font-weight: 600;
    color: var(--grigio);
}

.dati-accesso dd[b-jje2z7kz3n] {
    margin: 0;
}

@media (max-width: 560px) {
    .dati-accesso[b-jje2z7kz3n] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.provvisoria p[b-jje2z7kz3n] {
    margin-bottom: 10px;
    max-width: 75ch;
}

.riga-pw[b-jje2z7kz3n] {
    display: flex;
    gap: 8px;
    align-items: stretch;
    max-width: 420px;
}

.riga-pw .pw[b-jje2z7kz3n] {
    flex: 1;
    min-width: 0;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 18px;
    letter-spacing: 1px;
    background: var(--fondo);
}

.nota-forte[b-jje2z7kz3n] {
    margin-top: 12px;
}

.ko-testo[b-jje2z7kz3n] {
    color: var(--ko);
}

/* Conferma dell'indirizzo prima di mandare l'email */
.conferma-email[b-jje2z7kz3n] {
    margin-top: 12px;
    padding: 12px 14px;
    background: var(--info-bg);
    border: 1px solid #E6DDC4;
    border-radius: var(--r);
}

/* Tabella */
.chips[b-jje2z7kz3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

td .badge.new[b-jje2z7kz3n] {
    margin-left: 6px;
}

.badge.ko[b-jje2z7kz3n] {
    background: var(--ko-bg);
    color: var(--ko);
}

.azioni-riga[b-jje2z7kz3n] {
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

/* La cella delle azioni va a capo: con la tabella stretta i pulsanti si impilano invece di allargarla. */
.tbl td.azioni-cella[b-jje2z7kz3n] {
    white-space: normal;
    min-width: 150px;
}

.azioni-cella a[b-jje2z7kz3n],
.azioni-cella .muted[b-jje2z7kz3n] {
    max-width: 15em;
    text-align: right;
}

tr.in-modifica td[b-jje2z7kz3n] {
    background: var(--info-bg);
}

tr.conferma td[b-jje2z7kz3n] {
    background: var(--info-bg);
}

tr.conferma.pericolo td[b-jje2z7kz3n] {
    background: var(--ko-bg);
}

.conferma-box[b-jje2z7kz3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.conferma-testo[b-jje2z7kz3n] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 75ch;
}

tr.conferma.pericolo .conferma-testo p[b-jje2z7kz3n] {
    color: var(--ko);
}

/* Schede impilate anche su schermi medi: con la barra laterale la tabella ha meno di 720px già sotto i 1100px. */
@media (max-width: 1100px) {
    .utenti thead[b-jje2z7kz3n] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .utenti[b-jje2z7kz3n],
    .utenti tbody[b-jje2z7kz3n],
    .utenti tr[b-jje2z7kz3n],
    .utenti td[b-jje2z7kz3n] {
        display: block;
        width: 100%;
    }

    .utenti tr[b-jje2z7kz3n] {
        border-bottom: 1px solid var(--linea);
        padding: 8px 0;
    }

    .utenti td[b-jje2z7kz3n] {
        border: 0;
        padding: 4px 12px;
    }

    .utenti td[data-etichetta][b-jje2z7kz3n]::before {
        content: attr(data-etichetta);
        display: block;
        font-family: var(--body);
        font-size: 11px;
        font-weight: 600;
        color: var(--grigio);
    }

    .azioni-riga[b-jje2z7kz3n] {
        justify-content: flex-start;
    }

    .azioni-cella a[b-jje2z7kz3n],
    .azioni-cella .muted[b-jje2z7kz3n] {
        text-align: left;
    }

    .riga-pw[b-jje2z7kz3n] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Varianti.razor.rz.scp.css */
/* Varianti di prezzo (Sql/011): elenco dei tipi a sinistra, modifica a destra (come Tipologie e taglie). */
.var-grid[b-73al808l4o]{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.elenco-var ul[b-73al808l4o]{list-style:none;margin:0;padding:0}
.elenco-var li[b-73al808l4o]{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 8px;border-radius:var(--r)}
.elenco-var li.on[b-73al808l4o]{background:var(--info-bg)}
.elenco-var .scegli[b-73al808l4o]{text-align:left;font-weight:600;text-decoration:none}
.elenco-var .muted[b-73al808l4o]{grid-column:1}
.elenco-var .frecce[b-73al808l4o]{grid-row:1 / span 2;grid-column:2;display:flex;gap:4px;align-self:center}
.nota-ordine[b-73al808l4o]{margin-top:10px}
.var-attivo[b-73al808l4o]{align-items:flex-start}
.uso[b-73al808l4o]{max-width:60ch;line-height:1.4}
.domanda[b-73al808l4o]{font-weight:600;color:var(--ko)}
@media (max-width:1100px){.var-grid[b-73al808l4o]{grid-template-columns:1fr}}
/* /Components/Pages/Admin/VenditaOnline.razor.rz.scp.css */
.interruttore[b-mjcea5e4ve]{border-width:2px}
.interruttore.acceso[b-mjcea5e4ve]{border-color:var(--ok)}
.int-riga[b-mjcea5e4ve]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.stato-acquisto[b-mjcea5e4ve]{margin-top:6px;font-weight:600}
.switch.grande .t[b-mjcea5e4ve]{width:56px;height:32px}
.switch.grande .t[b-mjcea5e4ve]::after{width:26px;height:26px;top:3px;left:3px}
.switch.grande input:checked + .t[b-mjcea5e4ve]::after{transform:translateX(24px)}
.spiega[b-mjcea5e4ve]{margin-top:12px;max-width:820px}
.spiega p + p[b-mjcea5e4ve]{margin-top:8px}
.interruttore .alert[b-mjcea5e4ve]{margin-top:14px}
.riservata[b-mjcea5e4ve]{margin-top:16px;padding-top:14px;border-top:1px solid var(--linea)}
.riservata h3[b-mjcea5e4ve]{font-size:15px;margin-bottom:6px}
.sviluppo[b-mjcea5e4ve]{margin-bottom:16px}
.modalita[b-mjcea5e4ve]{border:0;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:8px}
.modalita legend[b-mjcea5e4ve]{margin-bottom:8px}
.chiavi[b-mjcea5e4ve]{margin-top:16px}
.blocco-chiavi[b-mjcea5e4ve]{border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px}
.blocco-chiavi.in-uso[b-mjcea5e4ve]{border-color:var(--oro)}
.blocco-chiavi h3[b-mjcea5e4ve]{margin-bottom:12px;display:flex;align-items:center;gap:8px}
.salvata[b-mjcea5e4ve]{font-size:12px;color:var(--grigio);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.salvata b[b-mjcea5e4ve]{color:var(--nero);font-family:ui-monospace,Consolas,monospace;font-weight:500}
.dati-webhook[b-mjcea5e4ve]{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:14px 0}
.dati-webhook dt[b-mjcea5e4ve]{font-weight:600;font-size:13px}
.dati-webhook dd[b-mjcea5e4ve]{margin:0}
.dati-webhook ul[b-mjcea5e4ve]{margin:0;padding-left:18px}
code[b-mjcea5e4ve]{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--fondo);padding:1px 6px;border-radius:3px;overflow-wrap:anywhere}
.zone input[b-mjcea5e4ve]{min-width:70px}
.zone td:nth-child(2) input[b-mjcea5e4ve]{min-width:220px}
.zone .giorni[b-mjcea5e4ve]{white-space:nowrap}
.zone .giorni input[b-mjcea5e4ve]{width:52px;min-width:0;display:inline-block}
.riga-zone[b-mjcea5e4ve]{margin-top:14px;justify-content:space-between;align-items:flex-end}
.massimo[b-mjcea5e4ve]{max-width:260px}
.prova[b-mjcea5e4ve]{margin-top:24px;padding-top:16px;border-top:1px solid var(--linea)}
.prova h3[b-mjcea5e4ve]{margin-bottom:10px}
.esito-prova[b-mjcea5e4ve]{margin-top:10px;font-weight:500}
@media (max-width:900px){.dati-webhook[b-mjcea5e4ve]{grid-template-columns:1fr}}
/* /Components/Pages/Admin/Vetrine.razor.rz.scp.css */
/* Slider e vetrina Instagram: miniature un po' più larghe per starci con interruttore e comandi. */
.spiega[b-rby7ijqpj1]{margin:-6px 0 14px}
.profilo[b-rby7ijqpj1]{margin:-8px 0 16px}
.alert.profilo[b-rby7ijqpj1]{margin:0 0 16px;line-height:1.5}
.profilo a[b-rby7ijqpj1]{color:var(--nero)}

ul.thumbs[b-rby7ijqpj1]{list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.thumb[b-rby7ijqpj1]{position:relative}
.thumb img[b-rby7ijqpj1]{transition:opacity .2s}
.thumb.spenta img[b-rby7ijqpj1]{opacity:.4}

/* Lo slider è orizzontale 4:3: si vede la foto intera, non ritagliata */
.slider .thumb img[b-rby7ijqpj1]{aspect-ratio:4/3;object-fit:contain}

.segno[b-rby7ijqpj1]{position:absolute;top:8px;left:8px;z-index:1}
.errore[b-rby7ijqpj1]{margin:0;padding:6px 8px;font-size:12px;line-height:1.4;color:var(--ko);background:var(--ko-bg);border-top:1px solid #EBCFCF}
.barra[b-rby7ijqpj1]{align-items:center;min-height:42px}
.barra .switch[b-rby7ijqpj1]{font-size:12px;font-weight:500}
.chiedi[b-rby7ijqpj1]{flex:1 1 100%;font-size:12px;font-weight:600;color:var(--ko)}

.azioni[b-rby7ijqpj1]{margin-top:14px}
.esito[b-rby7ijqpj1]{margin-top:12px}
.carica[b-rby7ijqpj1]{margin-top:16px}
/* /Components/Pages/Pubbliche/Approfondimenti.razor.rz.scp.css */
/* Approfondimenti: schede editoriali su bianco, copertina in passepartout, titolo e sommario sotto. */
.art-grid[b-h7z2wz0ihs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.art-card[b-h7z2wz0ihs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--grigio);
}

.art-ph[b-h7z2wz0ihs] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    background: var(--avorio);
    border: 1px solid var(--linea);
}

.art-ph img[b-h7z2wz0ihs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .9s var(--ease);
}

.art-card:hover .art-ph img[b-h7z2wz0ihs] {
    transform: scale(1.04);
}

/* Articolo senza copertina: il cerchio d'oro del marchio al centro del passepartout */
.art-segno[b-h7z2wz0ihs] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 56px;
}

.art-card h3[b-h7z2wz0ihs] {
    margin-top: 24px;
    font-size: 22px;
    line-height: 1.25;
}

.art-card p[b-h7z2wz0ihs] {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.6;
}

.art-card .cap[b-h7z2wz0ihs] {
    align-self: flex-start;
    margin-top: auto;
}

/* Spazio fra il testo e "Leggi", che resta in fondo alla scheda anche con sommari di lunghezza diversa */
.art-card h3[b-h7z2wz0ihs],
.art-card p[b-h7z2wz0ihs] {
    margin-bottom: 20px;
}

.art-card h3 + p[b-h7z2wz0ihs] {
    margin-top: -8px;
}

.art-card:hover .cap[b-h7z2wz0ihs] {
    color: var(--grigio);
    border-color: var(--grigio);
}

@media (max-width: 960px) {
    .art-grid[b-h7z2wz0ihs] {
        grid-template-columns: repeat(2, 1fr);
        gap: 56px 24px;
    }
}

@media (max-width: 760px) {
    .art-grid[b-h7z2wz0ihs] {
        grid-template-columns: 1fr;
        gap: 56px;
    }
}
/* /Components/Pages/Pubbliche/Approfondimento.razor.rz.scp.css */
/* Un articolo: colonna di lettura sulla prosa del sito (.prose), foto come figure, tabelle che
   scorrono di lato sugli schermi stretti. Il testo arriva da TestoMarkdown: serve ::deep. */
.art-pagina[b-00q2csqrfi] {
    padding-top: 72px;
}

/* Allineata a sinistra come il titolo della testata */
.art-corpo[b-00q2csqrfi] {
    margin: 0;
}

.art-corpo[b-00q2csqrfi]  h2 {
    font-size: 30px;
    line-height: 1.15;
    margin-top: 56px;
}

.art-corpo[b-00q2csqrfi]  h3 {
    font-size: 21px;
    margin-top: 36px;
}

.art-corpo[b-00q2csqrfi]  h2 + p,
.art-corpo[b-00q2csqrfi]  h3 + p {
    margin-top: 14px;
}

.art-corpo[b-00q2csqrfi]  strong {
    color: var(--nero);
    font-weight: 600;
}

.art-corpo[b-00q2csqrfi]  ol {
    margin: 16px 0 0;
    padding-left: 22px;
}

.art-corpo[b-00q2csqrfi]  li {
    font-size: 17px;
}

.art-corpo[b-00q2csqrfi]  li::marker {
    color: var(--oro);
}

/* Foto: in passepartout bianco, mai più grandi del file (le foto del sito vecchio sono piccole) */
.art-corpo[b-00q2csqrfi]  .art-fig {
    margin: 36px 0;
}

.art-corpo[b-00q2csqrfi]  .art-fig img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--linea);
    padding: 12px;
    background: var(--bianco);
}

.art-corpo[b-00q2csqrfi]  .art-fig figcaption {
    margin-top: 10px;
    font-size: 14px;
    color: var(--grigio);
}

.art-corpo[b-00q2csqrfi]  .art-cop {
    margin-top: 0;
}

/* Tabelle: righe sottili, intestazione maiuscola, scorrimento laterale se non ci stanno */
.art-corpo[b-00q2csqrfi]  .art-tab {
    margin: 28px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 2px solid var(--nero);
}

.art-corpo[b-00q2csqrfi]  .art-tab:focus-visible {
    outline-offset: 4px;
}

.art-corpo[b-00q2csqrfi]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
}

.art-corpo[b-00q2csqrfi]  th {
    text-align: left;
    padding: 12px 14px 10px;
    font: 600 12px/1.4 var(--display);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--nero);
    border-bottom: 1px solid var(--linea);
    vertical-align: bottom;
}

.art-corpo[b-00q2csqrfi]  td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--linea);
    vertical-align: top;
}

.art-corpo[b-00q2csqrfi]  tbody tr:nth-child(even) td {
    background: var(--avorio);
}

/* Altri approfondimenti: elenco di titoli con il filo */
.art-altri[b-00q2csqrfi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.art-altri li[b-00q2csqrfi] {
    border-top: 1px solid var(--linea);
}

.art-altri a[b-00q2csqrfi] {
    display: block;
    padding: 20px 0 24px;
    font: 500 19px/1.3 var(--display);
    color: var(--nero);
    transition: color .3s ease-in-out;
}

.art-altri a:hover[b-00q2csqrfi] {
    color: var(--grigio);
}

@media (max-width: 960px) {
    .art-altri[b-00q2csqrfi] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .art-pagina[b-00q2csqrfi] {
        padding-top: 48px;
    }

    .art-corpo[b-00q2csqrfi]  h2 {
        font-size: 26px;
    }

    .art-corpo[b-00q2csqrfi]  table {
        font-size: 14px;
    }

    .art-altri[b-00q2csqrfi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Pubbliche/ChiSiamo.razor.rz.scp.css */
/* Chi siamo: il resto viene da site.css. Qui la fascia larga con le mani degli artigiani, le foto
   accanto ai testi alla loro misura (le foto del sito vecchio sono 1024 pixel: non si ingrandiscono)
   e la riga delle due chiamate sopra i punti di fiducia. */
.azioni[b-kwc56s24re]{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}

/* Fascia: a tutta larghezza fino alla misura della foto, poi centrata sul bianco */
.fascia[b-kwc56s24re]{margin:0;background:var(--bianco)}
.fascia img[b-kwc56s24re]{width:100%;max-width:1920px;height:auto;margin:0 auto;aspect-ratio:1920/750;object-fit:cover}
.fascia figcaption[b-kwc56s24re]{padding-top:12px;padding-bottom:12px;font-size:14px;color:var(--grigio)}

/* Foto accanto al testo, intera e mai più grande del file, nel passepartout bianco */
.split-ph.ph-nat[b-kwc56s24re]{display:flex;align-items:center;justify-content:center;padding:48px}
.split-ph.ph-nat img[b-kwc56s24re]{position:static;width:100%;max-width:1024px;height:auto;object-fit:contain}
.split-solo[b-kwc56s24re]{grid-template-columns:1fr}
.split-solo .split-txt[b-kwc56s24re]{padding-left:var(--edge);padding-right:var(--edge)}

.occhiello[b-kwc56s24re]{font:600 13px/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--nero)}
.split-txt h2 + .occhiello[b-kwc56s24re]{margin-top:16px}
.mail[b-kwc56s24re]{color:var(--nero);border-bottom:1px solid var(--nero)}

@media (max-width:760px){
  .split-ph.ph-nat[b-kwc56s24re]{height:auto;max-height:none;padding:0}
}

@media (max-width:480px){
  .azioni[b-kwc56s24re]{gap:20px}
}
/* /Components/Pages/Pubbliche/CondizioniVendita.razor.rz.scp.css */
/* Condizioni di vendita: indice, elenchi numerati delle fasi dell'ordine, modulo tipo di recesso */
.indice ul[b-4xx2p9rn42]{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:14px}
.indice li[b-4xx2p9rn42]{margin:0}
ol[b-4xx2p9rn42]{margin:16px 0 0;padding-left:22px}
ol li[b-4xx2p9rn42]{margin-top:8px}
h2[b-4xx2p9rn42]{scroll-margin-top:96px}
.modulo-tipo[b-4xx2p9rn42]{margin-top:24px;padding:24px 28px;border:1px solid var(--linea);background:#fff}
.modulo-tipo p[b-4xx2p9rn42]{margin-top:12px;font-size:15px}
.modulo-tipo p:first-child[b-4xx2p9rn42]{margin-top:0}
.modulo-tipo .riga[b-4xx2p9rn42]{color:var(--grigio);letter-spacing:.1em;overflow-wrap:anywhere}
.modulo-tipo .nota[b-4xx2p9rn42]{font-size:13px;color:var(--grigio)}
/* Tabella delle spedizioni (Sql/008 e 010): scorre di lato sui telefoni */
.tabella-spedizioni[b-4xx2p9rn42]{margin-top:20px;overflow-x:auto;border:1px solid var(--linea);background:#fff}
.tabella-spedizioni table[b-4xx2p9rn42]{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.tabella-spedizioni caption[b-4xx2p9rn42]{text-align:left;padding:12px 16px;font-size:13px;color:var(--grigio)}
.tabella-spedizioni th[b-4xx2p9rn42],.tabella-spedizioni td[b-4xx2p9rn42]{padding:10px 16px;border-top:1px solid var(--linea);text-align:left;vertical-align:top}
.tabella-spedizioni thead th[b-4xx2p9rn42]{font-weight:600;color:var(--nero);font-size:13px}
.tabella-spedizioni tbody th[b-4xx2p9rn42]{font-weight:500;color:var(--nero)}
.tabella-spedizioni tbody th small[b-4xx2p9rn42]{display:block;font-weight:400;font-size:12px;color:var(--grigio);margin-top:4px}
.aggiornato[b-4xx2p9rn42]{margin-top:48px;font-size:14px;color:var(--grigio)}
@media (max-width:600px){.modulo-tipo[b-4xx2p9rn42]{padding:18px 16px}}
/* /Components/Pages/Pubbliche/Contatti.razor.rz.scp.css */
/* Contatti: recapiti in un elenco a fili sottili a sinistra, modulo a destra (griglia .contact). */
.recapiti-band[b-thxc52mkwx]{padding-top:88px}
.recapiti-band .contact-txt h2[b-thxc52mkwx]{font-size:32px}
.recapiti-lista[b-thxc52mkwx]{margin:32px 0 0;border-top:1px solid var(--linea);max-width:420px}
.recapiti-lista div[b-thxc52mkwx]{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--linea)}
.recapiti-lista dt[b-thxc52mkwx]{font-size:13px;line-height:1.6;color:var(--grigio)}
.recapiti-lista dd[b-thxc52mkwx]{margin:0;font-size:15px;line-height:1.6;color:var(--nero);overflow-wrap:anywhere}
.recapiti-lista a[b-thxc52mkwx]{border-bottom:1px solid var(--nero);transition:color .3s ease-in-out,border-color .3s ease-in-out}
.recapiti-lista a:hover[b-thxc52mkwx]{color:var(--grigio);border-color:var(--grigio)}
.riga[b-thxc52mkwx]{display:block}
.contact-txt .consiglio[b-thxc52mkwx]{margin-top:32px;font-size:15px}

@media (max-width:760px){
  .recapiti-band[b-thxc52mkwx]{padding-top:56px}
  .recapiti-band .contact-txt h2[b-thxc52mkwx]{font-size:28px}
}
/* /Components/Pages/Pubbliche/Creazioni.razor.rz.scp.css */
/* Le nostre creazioni: il resto viene da site.css. */

/* Numero di gioielli sotto il nome della categoria */
.cat .num[b-mxr5ts1wdm]{display:block;margin-top:10px;font-size:13px;line-height:1.4;color:var(--grigio)}

/* Chiusura: titolo, testo e le due chiamate, al centro */
.chiusura[b-mxr5ts1wdm]{max-width:620px;margin:0 auto;text-align:center}
.chiusura p[b-mxr5ts1wdm]{margin-top:20px;font-size:17px}
.azioni[b-mxr5ts1wdm]{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:36px}

/* Artigianalità: titolo a sinistra, testo a destra, allineati in alto (il testo è lungo) */
.artigianalita[b-mxr5ts1wdm]{align-items:start;margin-bottom:0}
.artigianalita .side[b-mxr5ts1wdm]{max-width:620px}
.artigianalita .side p[b-mxr5ts1wdm]{margin-bottom:0}

@media (max-width:480px){
  .azioni[b-mxr5ts1wdm]{gap:20px}
}
/* /Components/Pages/Pubbliche/Gioielli.razor.rz.scp.css */
/* Catalogo: la griglia su bianco parte subito sotto la testata, i filtri sopra la griglia. */
.catalogo[b-7jz7nmqfgy]{padding-top:56px}
.empty p[b-7jz7nmqfgy]{max-width:600px}
.empty .vuoto-azione[b-7jz7nmqfgy]{margin-top:28px}

@media (max-width:760px){
  .catalogo[b-7jz7nmqfgy]{padding-top:40px}
}
/* /Components/Pages/Pubbliche/Gioiello.razor.rz.scp.css */
/* Scheda del gioiello: galleria in passepartout bianco (come .frame del mockup) a sinistra,
   dati a destra sull'avorio. Angoli a zero, nessuna ombra. */
.scheda[b-ou91qcb0c6]{padding:40px 0 112px;background:var(--avorio)}
.scheda-grid[b-ou91qcb0c6]{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:start}

/* Galleria */
.g-frame[b-ou91qcb0c6]{background:var(--bianco);border:1px solid var(--linea);padding:16px}
.g-main[b-ou91qcb0c6]{aspect-ratio:1/1;overflow:hidden;background:var(--bianco)}
.g-main img[b-ou91qcb0c6]{width:100%;height:100%;object-fit:contain;transition:opacity .25s ease-in-out}
.g-main img.g-cambio[b-ou91qcb0c6]{opacity:0}
.g-thumbs[b-ou91qcb0c6]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:12px 0 0;padding:0}
/* Le miniature nascono come link e galleria.js le rifà come pulsanti: ::deep le prende in entrambi i casi */
.galleria[b-ou91qcb0c6]  .g-thumb{display:block;width:100%;aspect-ratio:1/1;margin:0;padding:4px;background:var(--bianco);border:1px solid var(--linea);border-radius:0;font:inherit;color:inherit;cursor:pointer;transition:border-color .3s ease-in-out}
.galleria[b-ou91qcb0c6]  .g-thumb:hover{border-color:var(--grigio)}
.galleria[b-ou91qcb0c6]  .g-thumb.on{border-color:var(--nero)}
.galleria[b-ou91qcb0c6]  .g-thumb img{width:100%;height:100%;object-fit:cover}

/* Video (Sql/014): miniatura con ▶ e durata; nel riquadro grande la «facciata» (poster e ▶) e poi il
   lettore, creati da js/galleria.js (::deep: non hanno l'attributo dello stile con ambito). */
.g-figura[b-ou91qcb0c6]{margin:0}
.g-main[b-ou91qcb0c6]{position:relative}
.galleria[b-ou91qcb0c6]  .g-facciata{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:var(--bianco);cursor:pointer;color:inherit;font:inherit}
.galleria[b-ou91qcb0c6]  .g-facciata img{width:100%;height:100%;object-fit:contain}
.galleria[b-ou91qcb0c6]  .g-facciata:focus-visible{outline:2px solid var(--nero);outline-offset:-4px}
.galleria[b-ou91qcb0c6]  .g-play{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(20,20,20,.62);pointer-events:none;transition:background-color .3s ease-in-out}
.galleria[b-ou91qcb0c6]  .g-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:14px 0 14px 23px;border-color:transparent transparent transparent #fff}
.galleria[b-ou91qcb0c6]  .g-facciata:hover .g-play{background:rgba(20,20,20,.82)}
.galleria[b-ou91qcb0c6]  .g-lettore{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.galleria[b-ou91qcb0c6]  .g-thumb.g-video{position:relative}
/* Nella miniatura il ▶ è un segno, non il bersaglio (lo è tutta la miniatura): in proporzione, così il poster si vede anche sul telefono */
.galleria[b-ou91qcb0c6]  .g-thumb.g-video .g-play{width:34%;height:auto;aspect-ratio:1/1;min-width:16px;max-width:44px}
.galleria[b-ou91qcb0c6]  .g-thumb.g-video .g-play::after{width:34%;height:40%;border:0;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.galleria[b-ou91qcb0c6]  .g-durata{position:absolute;right:6px;bottom:6px;padding:1px 6px;background:rgba(20,20,20,.72);color:#fff;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
/* La foto grande con hidden (video mostrato): site.css dà display:block a ogni img, qui torna nascosta davvero */
.g-main img[hidden][b-ou91qcb0c6]{display:none}
.g-didascalia[b-ou91qcb0c6]{margin-top:10px;font-size:14px;line-height:1.5;color:var(--grigio)}
.anteprima-prova[b-ou91qcb0c6]{margin:0 0 16px;padding:8px 12px;border:1px dashed var(--grigio);font-size:13px;color:var(--nero)}

/* Dati del pezzo */
.codice[b-ou91qcb0c6]{font-size:13px;line-height:1.4;color:var(--grigio);letter-spacing:.02em}
.info h1[b-ou91qcb0c6]{font-size:44px;line-height:1.1;margin-top:10px}
.prezzo[b-ou91qcb0c6]{margin-top:24px;font:500 26px/1.2 var(--display);color:var(--nero);font-variant-numeric:tabular-nums}
.prezzo small[b-ou91qcb0c6]{font:400 13px/1 var(--body);color:var(--grigio);margin-left:8px}
.prezzo del[b-ou91qcb0c6]{font-weight:400;font-size:.75em;color:var(--grigio);margin-right:12px;text-decoration-thickness:1px}
.offerta[b-ou91qcb0c6]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:14px;color:var(--nero)}
.dettagli dd.categorie[b-ou91qcb0c6]{display:flex;flex-wrap:wrap;gap:6px 16px}
.disp[b-ou91qcb0c6]{margin-top:10px;font-size:14px;color:var(--grigio)}
.nota-prezzo[b-ou91qcb0c6]{margin-top:8px;font-size:12px;line-height:1.5;color:var(--grigio);max-width:420px}
.condizioni[b-ou91qcb0c6]{flex-basis:100%;margin:0;font-size:13px;line-height:1.6;color:var(--grigio)}
.condizioni a[b-ou91qcb0c6]{color:inherit;text-decoration:underline;text-underline-offset:3px}
.desc[b-ou91qcb0c6]{margin-top:32px;max-width:540px}
.desc p + p[b-ou91qcb0c6]{margin-top:16px}
.dettagli[b-ou91qcb0c6]{margin:32px 0 0;border-top:1px solid var(--linea);max-width:540px}
.dettagli div[b-ou91qcb0c6]{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--linea)}
.dettagli dt[b-ou91qcb0c6]{font-size:13px;line-height:1.6;color:var(--grigio)}
.dettagli dd[b-ou91qcb0c6]{margin:0;font-size:15px;line-height:1.5;color:var(--nero)}
.dettagli a[b-ou91qcb0c6]{border-bottom:1px solid var(--nero);transition:color .3s ease-in-out,border-color .3s ease-in-out}
.dettagli a:hover[b-ou91qcb0c6]{color:var(--grigio);border-color:var(--grigio)}
.azioni[b-ou91qcb0c6]{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:40px}

/* Acquisto online: misura e pulsante pieno in un riquadro bianco, poi i link secondari */
.azioni .esito[b-ou91qcb0c6],.venduto-nota[b-ou91qcb0c6]{flex-basis:100%;margin:0}
.venduto-nota[b-ou91qcb0c6]{font-size:15px;color:var(--nero);border-left:2px solid var(--oro);padding:4px 0 4px 16px}
.acquisto[b-ou91qcb0c6]{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 24px;background:var(--bianco);border:1px solid var(--linea);padding:20px 24px;max-width:540px}
.acquisto .misura[b-ou91qcb0c6]{margin:0;flex:1 1 180px;min-width:0}
.acquisto .misura select[b-ou91qcb0c6]{font-size:17px;cursor:pointer}
.acquisto .btn[b-ou91qcb0c6]{flex:1 1 200px;text-align:center;padding:18px 24px}
/* Versioni (varianti di prezzo, Sql/011): elenco a righe con un filo, prezzo a destra */
.prezzo-versione .versione-scelta[b-ou91qcb0c6]{margin-top:24px;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--grigio)}
.prezzo-versione .versione-scelta + .prezzo[b-ou91qcb0c6]{margin-top:6px}
.versioni[b-ou91qcb0c6]{flex-basis:100%;min-width:0;margin:0;padding:0;border:0}
.versioni legend[b-ou91qcb0c6]{padding:0;margin-bottom:10px;font-size:13px;line-height:1.4;color:var(--grigio)}
.versione[b-ou91qcb0c6]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:12px 0;border-top:1px solid var(--linea);cursor:pointer}
.versione:last-of-type[b-ou91qcb0c6]{border-bottom:1px solid var(--linea)}
.versione input[b-ou91qcb0c6]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--nero);cursor:inherit}
.versione:has(input:focus-visible)[b-ou91qcb0c6]{outline:2px solid var(--nero);outline-offset:4px}
.versione:has(input:checked) .v-nome[b-ou91qcb0c6]{font-weight:600}
.versione.spenta[b-ou91qcb0c6]{cursor:default;opacity:.55}
.v-nome[b-ou91qcb0c6]{display:block;font-size:15px;line-height:1.4;color:var(--nero)}
.v-nota[b-ou91qcb0c6]{display:block;margin-top:2px;font-size:13px;line-height:1.5;color:var(--grigio)}
.v-prezzo[b-ou91qcb0c6]{font-size:15px;line-height:1.4;color:var(--nero);font-variant-numeric:tabular-nums;white-space:nowrap}
.v-prezzo del[b-ou91qcb0c6]{margin-right:8px;font-size:.85em;color:var(--grigio);text-decoration-thickness:1px}
.versioni-vetrina[b-ou91qcb0c6]{flex-basis:100%;max-width:540px}
.guida-link[b-ou91qcb0c6]{display:inline-block;margin-top:10px;font-size:13px;color:var(--nero);text-decoration:underline;text-underline-offset:3px}
.guida-link:hover[b-ou91qcb0c6]{color:var(--grigio)}
.disp.consegna[b-ou91qcb0c6]{margin-top:4px}

/* Richiesta: stessa avorio della scheda, separata da un filo */
.richiesta[b-ou91qcb0c6]{border-top:1px solid var(--linea)}
.richiesta .contact-txt h2[b-ou91qcb0c6]{font-size:32px}

/* Simili */
.correlati-head[b-ou91qcb0c6]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:48px}
.correlati-head h2[b-ou91qcb0c6]{font-size:36px}

@media (max-width:960px){
  .scheda-grid[b-ou91qcb0c6]{grid-template-columns:1fr;gap:40px}
}
@media (max-width:760px){
  .scheda[b-ou91qcb0c6]{padding:24px 0 72px}
  .info h1[b-ou91qcb0c6]{font-size:32px}
  .prezzo[b-ou91qcb0c6]{font-size:22px}
  .g-frame[b-ou91qcb0c6]{padding:10px}
  .g-thumbs[b-ou91qcb0c6]{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .galleria[b-ou91qcb0c6]  .g-durata{right:3px;bottom:3px;padding:0 3px;font-size:10px}
  .richiesta .contact-txt h2[b-ou91qcb0c6]{font-size:28px}
  .correlati-head[b-ou91qcb0c6]{margin-bottom:32px}
  .correlati-head h2[b-ou91qcb0c6]{font-size:28px}
}
/* /Components/Pages/Pubbliche/Home.razor.rz.scp.css */
/* Home: il resto viene da site.css. Qui solo i recapiti sotto il testo dei contatti,
   sottolineati come i link della prosa (senza maiuscole: sono un'email e un numero). */
.contact-txt .recapiti a[b-x4a5yrzzzw]{color:var(--nero);border-bottom:1px solid var(--nero);padding-bottom:1px;transition:color .3s ease-in-out,border-color .3s ease-in-out}
.contact-txt .recapiti a:hover[b-x4a5yrzzzw]{color:var(--grigio);border-color:var(--grigio)}

/* Ferma e riavvia lo slider: stesso quadrato di 24px dei pallini, segno della pausa (due barre)
   o del play (triangolo) disegnato in CSS, grigio scuro come i pallini spenti. */
.dots .pausa[b-x4a5yrzzzw]{margin-left:6px}
.dots .pausa[b-x4a5yrzzzw]::before{width:7px;height:9px;border-radius:0;background:none;border-left:2px solid var(--pallino);border-right:2px solid var(--pallino);transition:border-color .3s ease-in-out}
.dots .pausa.ferma[b-x4a5yrzzzw]::before{width:0;height:0;border-right:0;border-left:8px solid var(--pallino);border-top:5px solid transparent;border-bottom:5px solid transparent}
.dots .pausa:hover[b-x4a5yrzzzw]::before{border-left-color:var(--nero);border-right-color:var(--nero)}
/* /Components/Pages/Pubbliche/PaginaCarrello.razor.rz.scp.css */
/* Carrello: righe a sinistra (foto in passepartout, dati, prezzo), riepilogo bianco a destra.
   Stesso linguaggio della scheda: fili sottili, angoli a zero, un solo pulsante pieno. */
.carrello[b-r8y9t85bto]{padding-top:56px}
.vuoto[b-r8y9t85bto]{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px 0 48px;font-size:18px;color:var(--nero)}
.carrello-grid[b-r8y9t85bto]{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}

.righe[b-r8y9t85bto]{border-top:1px solid var(--linea)}
.riga[b-r8y9t85bto]{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:24px;padding:28px 0;border-bottom:1px solid var(--linea)}
.riga-foto[b-r8y9t85bto]{display:block;background:var(--bianco);border:1px solid var(--linea);padding:6px;aspect-ratio:1/1}
.riga-foto img[b-r8y9t85bto]{width:100%;height:100%;object-fit:contain}
.riga-codice[b-r8y9t85bto]{font-size:12px;color:var(--grigio);letter-spacing:.02em}
.riga h3[b-r8y9t85bto]{font-size:19px;margin-top:4px}
.riga h3 a:hover[b-r8y9t85bto]{color:var(--grigio)}
.riga-variante[b-r8y9t85bto]{font-size:14px;color:var(--nero);margin-top:4px}
.riga-scelte[b-r8y9t85bto]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;margin-top:16px}
.scelta[b-r8y9t85bto]{display:flex;flex-direction:column;gap:4px}
.scelta label[b-r8y9t85bto],.scelta-fissa span[b-r8y9t85bto]{font-size:12px;color:var(--grigio)}
.scelta select[b-r8y9t85bto]{min-width:96px;background:transparent;border:0;border-bottom:1px solid var(--nero);border-radius:0;padding:6px 0;font:500 16px/1.4 var(--body);color:var(--nero);cursor:pointer}
.scelta .lnk[b-r8y9t85bto]{align-self:flex-start;margin-top:6px}
.scelta-fissa[b-r8y9t85bto]{display:flex;flex-direction:column;gap:4px;font:500 16px/1.4 var(--body);color:var(--nero);padding-bottom:7px}
.guida-link[b-r8y9t85bto]{display:inline-block;margin-top:10px;font-size:13px;color:var(--nero);text-decoration:underline;text-underline-offset:3px}
.riga-problema[b-r8y9t85bto]{margin-top:12px;font-size:14px;color:var(--errore);border-left:2px solid var(--errore);padding-left:12px}
.riga-nota[b-r8y9t85bto]{margin-top:12px;font-size:14px;color:var(--nero);border-left:2px solid var(--oro);padding-left:12px}
.rimuovi[b-r8y9t85bto]{margin-top:16px}
.rimuovi .lnk[b-r8y9t85bto]{font-size:12px;border-bottom-width:1px;color:var(--grigio);border-color:var(--grigio)}
.riga-prezzo[b-r8y9t85bto]{text-align:right;min-width:120px}
.unitario[b-r8y9t85bto]{font:500 18px/1.3 var(--display);color:var(--nero);font-variant-numeric:tabular-nums}
.unitario del[b-r8y9t85bto]{display:block;font-weight:400;font-size:14px;color:var(--grigio)}
.riga-prezzo .sconto[b-r8y9t85bto]{margin-top:6px}
.totale-riga[b-r8y9t85bto]{margin-top:8px;font-size:13px;color:var(--grigio)}
.riga.bloccata .riga-foto[b-r8y9t85bto]{opacity:.55}

.riepilogo[b-r8y9t85bto]{position:sticky;top:88px;background:var(--avorio);border:1px solid var(--linea);padding:28px}
.riepilogo h2[b-r8y9t85bto]{font-size:24px}
.paese[b-r8y9t85bto]{display:flex;flex-direction:column;gap:4px;margin-top:20px}
.paese label[b-r8y9t85bto]{font-size:13px;color:var(--grigio)}
.paese select[b-r8y9t85bto]{background:transparent;border:0;border-bottom:1px solid var(--nero);border-radius:0;padding:8px 0;font:500 16px/1.4 var(--body);color:var(--nero);cursor:pointer}
.paese .lnk[b-r8y9t85bto]{align-self:flex-start;margin-top:8px}
.conti[b-r8y9t85bto]{margin:24px 0 0;border-top:1px solid var(--linea)}
.conti div[b-r8y9t85bto]{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--linea)}
.conti dt[b-r8y9t85bto]{font-size:14px;color:var(--grigio)}
.conti dt small[b-r8y9t85bto]{display:block;font-size:12px;margin-top:2px}
.conti dd[b-r8y9t85bto]{margin:0;font-size:15px;color:var(--nero);font-variant-numeric:tabular-nums;white-space:nowrap}
.conti .tot dt[b-r8y9t85bto]{font:500 16px/1.3 var(--display);color:var(--nero)}
.conti .tot dt small[b-r8y9t85bto]{display:inline;margin-left:6px;font:400 12px var(--body);color:var(--grigio)}
.conti .tot dd[b-r8y9t85bto]{font:500 22px/1.2 var(--display)}
.nota[b-r8y9t85bto]{margin-top:14px;font-size:13px;color:var(--grigio)}
.stima[b-r8y9t85bto]{margin-top:16px;font-size:14px;line-height:1.55;color:var(--grigio)}
.stima strong[b-r8y9t85bto]{color:var(--nero);font-weight:500}
.riepilogo .esito[b-r8y9t85bto]{margin:20px 0 0}
.riepilogo .esito a[b-r8y9t85bto]{text-decoration:underline}
.vai-cassa[b-r8y9t85bto]{display:block;text-align:center;margin-top:24px;padding:18px 24px}
.info-pagamento[b-r8y9t85bto]{margin-top:20px;font-size:13px;line-height:1.6;color:var(--grigio)}
.info-pagamento a[b-r8y9t85bto]{color:var(--nero);text-decoration:underline;text-underline-offset:3px}

@media (max-width:960px){
  .carrello-grid[b-r8y9t85bto]{grid-template-columns:1fr;gap:40px}
  .riepilogo[b-r8y9t85bto]{position:static}
}
@media (max-width:760px){
  .carrello[b-r8y9t85bto]{padding-top:32px}
  .riga[b-r8y9t85bto]{grid-template-columns:88px minmax(0,1fr);gap:16px}
  .riga-prezzo[b-r8y9t85bto]{grid-column:2;text-align:left;min-width:0}
  .unitario del[b-r8y9t85bto]{display:inline;margin-right:8px}
  .riepilogo[b-r8y9t85bto]{padding:20px 16px}
}
/* /Components/Pages/Pubbliche/PaginaCassa.razor.rz.scp.css */
/* Cassa: premessa (pagamento e consegna), dati a sinistra, riepilogo e pulsante a destra.
   I campi usano gli stili globali .field (linea sotto); qui solo la disposizione. I campi sono
   componenti figli (InputText...): per loro serve ::deep. */
.cassa[b-66hzkel3tm]{padding-top:48px}
.premessa[b-66hzkel3tm]{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;padding:20px 24px;border:1px solid var(--linea);background:var(--avorio);margin-bottom:40px;font-size:15px;line-height:1.6}
.premessa strong[b-66hzkel3tm]{color:var(--nero);font-weight:600}
.esito[b-66hzkel3tm]{margin-bottom:32px}
.cassa-grid[b-66hzkel3tm]{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
fieldset[b-66hzkel3tm]{border:0;margin:0 0 40px;padding:0;min-width:0}
legend[b-66hzkel3tm]{padding:0;margin-bottom:20px;font:500 24px/1.2 var(--display);color:var(--nero)}
legend small[b-66hzkel3tm]{font:400 13px var(--body);color:var(--grigio);margin-left:8px}
.row3[b-66hzkel3tm]{display:grid;grid-template-columns:140px minmax(0,1fr) 160px;gap:0 24px}
.aiuto[b-66hzkel3tm]{display:block;margin-top:6px;font-size:12px;color:var(--grigio)}
p.aiuto[b-66hzkel3tm]{margin:0 0 16px}
.field label small[b-66hzkel3tm]{color:var(--grigio)}
.chk[b-66hzkel3tm]{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--nero);margin-bottom:24px;cursor:pointer}
.chk[b-66hzkel3tm]  input{width:18px;height:18px;accent-color:var(--nero);margin:0}
.fattura[b-66hzkel3tm]{padding:20px 0 0;border-top:1px solid var(--linea);margin-bottom:8px}
.fattura[hidden][b-66hzkel3tm]{display:none}
.dati[b-66hzkel3tm]  .riepilogo-errori{margin:0 0 32px;padding:14px 18px 14px 34px;border-left:2px solid var(--errore);color:var(--errore);font-size:14px;background:var(--avorio)}

.riepilogo[b-66hzkel3tm]{position:sticky;top:88px;background:var(--avorio);border:1px solid var(--linea);padding:28px}
.riepilogo h2[b-66hzkel3tm]{font-size:24px}
.voci[b-66hzkel3tm]{list-style:none;margin:16px 0 0;padding:0}
.voci li[b-66hzkel3tm]{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--linea);font-size:15px;color:var(--nero)}
.voce-nome small[b-66hzkel3tm]{display:block;font-size:12px;color:var(--grigio);margin-top:2px}
.voce-prezzo[b-66hzkel3tm]{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.voce-prezzo del[b-66hzkel3tm]{display:block;font-size:12px;color:var(--grigio)}
.conti[b-66hzkel3tm]{margin:8px 0 0;border-top:1px solid var(--linea)}
.conti div[b-66hzkel3tm]{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--linea)}
.conti dt[b-66hzkel3tm]{font-size:14px;color:var(--grigio)}
.conti dt small[b-66hzkel3tm]{display:block;font-size:12px;margin-top:2px}
.conti dd[b-66hzkel3tm]{margin:0;font-size:15px;color:var(--nero);white-space:nowrap;font-variant-numeric:tabular-nums}
.conti .tot dt[b-66hzkel3tm]{font:500 16px/1.3 var(--display);color:var(--nero)}
.conti .tot dt small[b-66hzkel3tm]{display:inline;margin-left:6px;font:400 12px var(--body);color:var(--grigio)}
.conti .tot dd[b-66hzkel3tm]{font:500 22px/1.2 var(--display)}
.consegna[b-66hzkel3tm]{margin-top:16px;font-size:14px;line-height:1.55;color:var(--grigio)}
.consegna strong[b-66hzkel3tm]{color:var(--nero);font-weight:500}
.accetto[b-66hzkel3tm]{margin-top:20px;font-size:13px;line-height:1.6;color:var(--grigio)}
.accetto a[b-66hzkel3tm],.indietro a[b-66hzkel3tm]{color:var(--nero);text-decoration:underline;text-underline-offset:3px}
.conferma[b-66hzkel3tm]{display:block;width:100%;margin-top:16px;padding:20px 16px;font-size:14px}
.dopo[b-66hzkel3tm]{margin-top:12px;font-size:12px;line-height:1.5;color:var(--grigio)}
.indietro[b-66hzkel3tm]{margin-top:16px;font-size:13px}

@media (max-width:960px){
  .cassa-grid[b-66hzkel3tm]{grid-template-columns:1fr;gap:16px}
  .riepilogo[b-66hzkel3tm]{position:static}
}
@media (max-width:760px){
  .cassa[b-66hzkel3tm]{padding-top:32px}
  .premessa[b-66hzkel3tm]{grid-template-columns:1fr;padding:16px}
  .row3[b-66hzkel3tm]{grid-template-columns:1fr}
  .riepilogo[b-66hzkel3tm]{padding:20px 16px}
  legend[b-66hzkel3tm]{font-size:20px}
}
/* /Components/Pages/Pubbliche/PaginaGuidaMisure.razor.rz.scp.css */
/* Guida alle misure: una sezione per tipologia, tabella delle misure in passepartout bianco */
.indice-guide .chips[b-czkus1jzvh]{margin:28px 0 0}
.guida[b-czkus1jzvh]{scroll-margin-top:96px;max-width:860px}
.guida + .guida[b-czkus1jzvh]{margin-top:80px;padding-top:64px;border-top:1px solid var(--linea)}
.guida h2[b-czkus1jzvh]{font-size:36px}
/* Il testo della guida (Markdown, TestoMarkdown): come la prosa degli Approfondimenti */
.guida[b-czkus1jzvh]  h2{font-size:26px;margin-top:40px}
.guida > h2[b-czkus1jzvh]{margin-top:0}
.guida[b-czkus1jzvh]  h3{font-size:20px;margin-top:28px}
.guida[b-czkus1jzvh]  strong{color:var(--nero)}
.guida[b-czkus1jzvh]  .art-fig{margin:28px 0}
.guida[b-czkus1jzvh]  .art-fig img{width:auto;max-width:100%;height:auto;background:#fff;border:1px solid var(--linea);padding:8px}
.guida[b-czkus1jzvh]  .art-fig figcaption{margin-top:8px;font-size:13px;color:var(--grigio)}
.guida[b-czkus1jzvh]  .art-tab{margin:24px 0;overflow-x:auto;border:1px solid var(--linea);background:#fff}
.guida[b-czkus1jzvh]  table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.guida[b-czkus1jzvh]  th{text-align:left;padding:8px 10px;font-weight:600;color:var(--nero);border-bottom:1px solid var(--linea)}
.guida[b-czkus1jzvh]  td{padding:6px 10px;border-top:1px solid var(--linea)}
.tabella-taglie[b-czkus1jzvh]{margin-top:32px;overflow-x:auto;border:1px solid var(--linea);background:#fff;max-width:560px}
.tabella-taglie table[b-czkus1jzvh]{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.tabella-taglie caption[b-czkus1jzvh]{text-align:left;padding:12px 16px;font-size:13px;color:var(--grigio)}
.tabella-taglie th[b-czkus1jzvh],.tabella-taglie td[b-czkus1jzvh]{padding:8px 16px;border-top:1px solid var(--linea);text-align:left}
.tabella-taglie thead th[b-czkus1jzvh]{font-weight:600;color:var(--nero);font-size:13px}
.tabella-taglie td:first-child[b-czkus1jzvh]{color:var(--nero);font-weight:500}
@media (max-width:760px){
  .guida h2[b-czkus1jzvh]{font-size:28px}
  .guida + .guida[b-czkus1jzvh]{margin-top:56px;padding-top:48px}
}
/* /Components/Pages/Pubbliche/Recesso.razor.rz.scp.css */
/* Recesso online: modulo stretto, ricevuta in un riquadro bianco */
.field label small[b-q1rv7z25t8]{margin-left:6px;color:var(--grigio);font-size:12px}
.nota-privacy[b-q1rv7z25t8]{margin:0 0 24px;font-size:14px;color:var(--grigio)}
.nota-privacy a[b-q1rv7z25t8]{color:var(--nero);border-bottom:1px solid var(--nero)}
.alternativa[b-q1rv7z25t8]{margin-top:32px;font-size:15px;color:var(--grigio)}
.ricevuta[b-q1rv7z25t8]{margin-top:8px;padding:24px 28px;border:1px solid var(--linea);background:#fff}
.ricevuta p[b-q1rv7z25t8]{margin-top:6px;font-size:15px;min-height:1em}
.ricevuta p:first-child[b-q1rv7z25t8]{margin-top:0;font-weight:500}
@media (max-width:600px){.ricevuta[b-q1rv7z25t8]{padding:18px 16px}}
/* /Components/Shared/ModuloContatti.razor.rz.scp.css */
.field label small[b-79n1hwecvi]{margin-left:6px;color:var(--grigio);font-size:12px}
.informativa[b-79n1hwecvi]{margin:0 0 24px;font-size:13px;line-height:1.6;color:var(--grigio)}
.informativa a[b-79n1hwecvi]{color:var(--nero);border-bottom:1px solid var(--nero)}
/* /Components/Shared/Riepilogo.razor.rz.scp.css */
.riepilogo-ordine[b-0lcrpxhfb3]{margin-top:32px;border:1px solid var(--linea);background:var(--avorio);padding:24px 28px}
.riepilogo-ordine h2[b-0lcrpxhfb3]{font-size:22px;margin:0}
.riepilogo-ordine ul[b-0lcrpxhfb3]{list-style:none;margin:16px 0 0;padding:0}
.riepilogo-ordine li[b-0lcrpxhfb3]{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--linea);font-size:15px;color:var(--nero)}
.riepilogo-ordine li small[b-0lcrpxhfb3]{display:block;color:var(--grigio);font-size:12px}
.riepilogo-ordine li span:last-child[b-0lcrpxhfb3]{white-space:nowrap;font-variant-numeric:tabular-nums}
.riepilogo-ordine .tot[b-0lcrpxhfb3]{font-weight:600}
@media (max-width:760px){.riepilogo-ordine[b-0lcrpxhfb3]{padding:18px 16px}}