/* /Components/Account/Pages/Login.razor.rz.scp.css */
.auth-title[b-381dvmalti] {
    font-weight: 800;
    font-size: 1.45rem;
    color: #0f172a;
    margin-bottom: 0.25rem;
}

.auth-subtitle[b-381dvmalti] {
    color: #64748b;
    font-size: 0.85rem;
}

.form-label[b-381dvmalti] {
    font-size: 0.82rem;
    color: #334155;
}

/* InputText/InputCheckbox sono componenti Blazor built-in: il loro markup non
   riceve l'attributo di scope di questo file, serve ::deep per raggiungerlo. */
[b-381dvmalti] .input-group-text {
    background: #fff;
    border-right: 0;
    color: #94a3b8;
}

[b-381dvmalti] .form-control {
    border-left: 0;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

    [b-381dvmalti] .form-control:focus {
        box-shadow: none;
        border-color: #cbd5e1;
    }

[b-381dvmalti] .input-group:focus-within {
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
    border-radius: var(--bs-border-radius);
}

.auth-link[b-381dvmalti] {
    color: #15803d;
    font-weight: 600;
    text-decoration: none;
}

    .auth-link:hover[b-381dvmalti] {
        color: #0f7a3d;
        text-decoration: underline;
    }

[b-381dvmalti] .form-check-input:checked {
    background-color: #16a34a;
    border-color: #16a34a;
}

.auth-ssl-badge[b-381dvmalti] {
    font-size: 0.7rem;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    letter-spacing: 0.03em;
}

.auth-btn-submit[b-381dvmalti] {
    background: linear-gradient(180deg, #16a34a, #0f7a3d);
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    padding: 0.75rem 1rem;
}

    .auth-btn-submit:hover[b-381dvmalti] {
        background: linear-gradient(180deg, #12933f, #0c6631);
        color: #fff;
    }

.auth-footnote[b-381dvmalti] {
    font-size: 0.78rem;
    color: #64748b;
}

    .auth-footnote i[b-381dvmalti] {
        color: #16a34a;
    }
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-7ztxw18l1f] {
    background:
        radial-gradient(1100px 550px at 88% 92%, rgba(21, 128, 91, 0.30), transparent 60%),
        radial-gradient(900px 480px at 8% 4%, rgba(30, 41, 71, 0.55), transparent 55%),
        #070b14;
}

.auth-card[b-7ztxw18l1f] {
    border-radius: 1.25rem;
    overflow: hidden;
    background: #fff;
}

.auth-card-header[b-7ztxw18l1f] {
    background: linear-gradient(160deg, #101b32 0%, #0a1220 100%);
    padding: 2.25rem 2rem 1.75rem;
}

.auth-brand-logo[b-7ztxw18l1f] {
    display: inline-block;
    background: #fff;
    border-radius: 0.9rem;
    padding: 0.75rem 1.5rem;
    margin-bottom: 0.85rem;
}

    .auth-brand-logo img[b-7ztxw18l1f] {
        display: block;
        height: 56px;
        width: auto;
    }

.auth-brand-tagline[b-7ztxw18l1f] {
    color: #93a1bd;
    font-size: 0.78rem;
    margin-top: 0.35rem;
}

.auth-card-body[b-7ztxw18l1f] {
    padding: 2rem 1.75rem 1.75rem;
}

@media (min-width: 768px) {
    .auth-card-header[b-7ztxw18l1f] {
        padding: 2.75rem 3rem 2rem;
    }

    .auth-card-body[b-7ztxw18l1f] {
        padding: 2.5rem 3rem 2rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout e sidebar: tutto in wwwroot/css/app-theme.css (tema SB Admin 2). */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Sidebar: tutto in wwwroot/css/app-theme.css. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-paw2sapyv4],
.components-reconnect-repeated-attempt-visible[b-paw2sapyv4],
.components-reconnect-failed-visible[b-paw2sapyv4],
.components-pause-visible[b-paw2sapyv4],
.components-resume-failed-visible[b-paw2sapyv4],
.components-rejoining-animation[b-paw2sapyv4] {
    display: none;
}

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


#components-reconnect-modal[b-paw2sapyv4] {
    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-paw2sapyv4 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-paw2sapyv4 {
    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/Layout/StampaLayout.razor.rz.scp.css */
/* Pagina a tutta finestra, come un visualizzatore di PDF: i comandi in alto e il documento che occupa il resto. */
.stampa-sfondo[b-updzlm6x0h] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    height: 100vh;
    padding: .75rem;
    background: #e5e7eb;
}
/* /Components/Pages/Anagrafiche/AnagraficaDialog.razor.rz.scp.css */
.dialogo-sfondo[b-ldo0caorom] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 1rem;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.dialogo[b-ldo0caorom] {
    width: 100%;
    max-width: 64rem;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

.dialogo-testata[b-ldo0caorom] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.1rem 1.5rem;
}

.dialogo-icona[b-ldo0caorom] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bbf7d0;
    border-radius: 0.7rem;
    background-color: #ecfdf3;
    color: #16a34a;
}

.dialogo-titoli[b-ldo0caorom] {
    flex: 1;
    min-width: 0;
}

.etichetta-archiviata[b-ldo0caorom] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.4rem;
    padding: 0.15rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fde68a;
    border-radius: 10rem;
    background-color: #fefce8;
    color: #a16207;
}

.dialogo-chiudi[b-ldo0caorom] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-ldo0caorom] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

.dialogo-schede[b-ldo0caorom] {
    display: flex;
    gap: 0.25rem;
    padding: 0 1rem;
    overflow-x: auto;
    border-top: 1px solid #eef0f4;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-scheda[b-ldo0caorom] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.75rem 0.8rem;
    font-size: 0.84rem;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    color: #334155;
}

    .dialogo-scheda i[b-ldo0caorom] {
        color: #64748b;
    }

/* Le schede cliccabili sono pulsanti: niente aspetto da pulsante. */
button.dialogo-scheda[b-ldo0caorom] {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
}

    button.dialogo-scheda:not(.attiva):hover[b-ldo0caorom] {
        color: #0f172a;
    }

    .dialogo-scheda.attiva[b-ldo0caorom] {
        border-bottom-color: #16a34a;
        color: #15803d;
    }

        .dialogo-scheda.attiva i[b-ldo0caorom] {
            color: #16a34a;
        }

    .dialogo-scheda.disattivata[b-ldo0caorom] {
        cursor: default;
        color: #94a3b8;
    }

        .dialogo-scheda.disattivata i[b-ldo0caorom] {
            color: #cbd5e1;
        }

.dialogo-corpo[b-ldo0caorom] {
    padding: 1.25rem 1.5rem;
}

.dialogo-corpo-errore[b-ldo0caorom] {
    padding: 0 1.5rem 1.25rem;
}

    .dialogo .dialogo-corpo-errore .dialogo-errore[b-ldo0caorom] {
        margin-top: 0;
    }

.dialogo[b-ldo0caorom]  .dialogo-avviso {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    border: 1px solid #bbf7d0;
    border-radius: 0.6rem;
    background-color: #ecfdf3;
    color: #14532d;
}

    .dialogo[b-ldo0caorom]  .dialogo-avviso i {
        color: #16a34a;
    }

.dialogo[b-ldo0caorom]  .dialogo-errore {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1.25rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo[b-ldo0caorom]  .dialogo-errore i {
        color: #dc2626;
    }

.dialogo[b-ldo0caorom]  .anagrafica-griglia {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.dialogo[b-ldo0caorom]  .anagrafica-riga-intera {
    grid-column: 1 / -1;
}

/* Il codice fiscale si scrive in maiuscolo, con caratteri a larghezza fissa come nel mockup. */
.campo-codice-fiscale[b-ldo0caorom]  input {
    text-transform: uppercase;
    font-family: var(--bs-font-monospace);
    letter-spacing: 0.04em;
}

    /* Il suggerimento resta in carattere normale, altrimenti accanto a Calcola non ci sta. */
    .campo-codice-fiscale[b-ldo0caorom]  input::placeholder {
        text-transform: none;
        font-family: var(--bs-body-font-family);
        letter-spacing: normal;
    }

/* Più specifico della regola globale per i pulsanti negli input-group dei moduli (app-theme.css). */
.input-group > .btn.btn-calcola[b-ldo0caorom] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #15803d;
}

    .input-group > .btn.btn-calcola:hover[b-ldo0caorom] {
        background-color: #ecfdf3;
        color: #166534;
    }

.dialogo[b-ldo0caorom]  .campo-aiuto {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

/* Credenziali del portale: sezione a parte sotto i dati anagrafici. */
.credenziali[b-ldo0caorom] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #eef0f4;
}

.credenziali-titolo[b-ldo0caorom] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
}

    .credenziali-titolo i[b-ldo0caorom] {
        margin-right: 0.35rem;
        color: #16a34a;
    }

.credenziali[b-ldo0caorom]  .form-check-input:checked {
    border-color: #16a34a;
    background-color: #16a34a;
}

.credenziali[b-ldo0caorom]  .form-check-input:focus {
    border-color: #86efac;
    box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.2);
}

.credenziali-esistenti[b-ldo0caorom] {
    margin: 0.5rem 0 0;
    font-size: 0.84rem;
    color: #475569;
}

.credenziali-campi[b-ldo0caorom] {
    margin-top: 1rem;
}

/* "Attivo" all'altezza delle caselle di testo accanto (sotto le etichette). */
.credenziali-attivo[b-ldo0caorom] {
    display: flex;
    align-items: center;
    padding-top: 1.6rem;
}

/* Sola lettura: campi leggibili come testo normale, senza i suggerimenti "es. ..." che sembrerebbero valori. */
.dialogo-sola-lettura[b-ldo0caorom]  .textboxmodulo:disabled {
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .dialogo-sola-lettura[b-ldo0caorom]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

.dialogo-piede[b-ldo0caorom] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.5rem;
    border-top: 1px solid #eef0f4;
    border-radius: 0 0 1rem 1rem;
    background-color: #f8fafc;
}

.dialogo-piede-info[b-ldo0caorom] {
    font-size: 0.8rem;
    color: #64748b;
}

.dialogo-piede-azioni[b-ldo0caorom] {
    display: flex;
    gap: 0.6rem;
}

.dialogo[b-ldo0caorom]  .dialogo-btn-annulla,
.dialogo[b-ldo0caorom]  .dialogo-btn-impostazioni,
.dialogo[b-ldo0caorom]  .dialogo-btn-elimina,
.dialogo[b-ldo0caorom]  .dialogo-btn-archivia,
.dialogo[b-ldo0caorom]  .dialogo-btn-salva {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.dialogo[b-ldo0caorom]  .dialogo-btn-annulla {
    border: 1px solid #d5dbe3;
    background-color: #fff;
    color: #0f172a;
}

    .dialogo[b-ldo0caorom]  .dialogo-btn-annulla:hover {
        background-color: #f1f5f9;
    }
.dialogo[b-ldo0caorom]  .dialogo-btn-impostazioni
{
    background-color: #2e59d9 ;

    color: #ffffff;
}
.dialogo[b-ldo0caorom]  .dialogo-btn-elimina {
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .dialogo[b-ldo0caorom]  .dialogo-btn-elimina:hover {
        background-color: #fee2e2;
    }

.dialogo[b-ldo0caorom]  .dialogo-btn-archivia {
    border: 1px solid #fde68a;
    background-color: #fefce8;
    color: #a16207;
}

    .dialogo[b-ldo0caorom]  .dialogo-btn-archivia:hover {
        background-color: #fef9c3;
    }

    .dialogo[b-ldo0caorom]  .dialogo-btn-archivia:disabled {
        opacity: 0.6;
    }

.dialogo[b-ldo0caorom]  .dialogo-btn-salva {
    border: 0;
    text-decoration: none;
    background-color: #15803d;
    color: #fff;
}

    .dialogo[b-ldo0caorom]  .dialogo-btn-salva:hover {
        background-color: #166534;
    }

    .dialogo[b-ldo0caorom]  .dialogo-btn-salva:disabled {
        opacity: 0.6;
    }

@media (max-width: 991.98px) {
    .dialogo[b-ldo0caorom]  .anagrafica-griglia {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .dialogo[b-ldo0caorom]  .anagrafica-griglia {
        grid-template-columns: 1fr;
    }

    .dialogo-testata[b-ldo0caorom],
    .dialogo-corpo[b-ldo0caorom],
    .dialogo-piede[b-ldo0caorom] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/Anagrafiche/AnagraficheList.razor.rz.scp.css */
.griglia-dipendente[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    color: #0f172a;
}

.etichetta-archiviata[b-2pshf5sv22] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border: 1px solid #fde68a;
    border-radius: 10rem;
    background-color: #fefce8;
    color: #a16207;
}

.form-check-input:checked[b-2pshf5sv22] {
    border-color: #16a34a;
    background-color: #16a34a;
}

.azione:disabled[b-2pshf5sv22] {
    opacity: 0.6;
}

.card[b-2pshf5sv22]  .e-gridfooter {
    display: none;
}

.gruppo-intestazione[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.gruppo-conteggio[b-2pshf5sv22] {
    min-width: 1.4rem;
    padding: 0.05rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10rem;
    background-color: #e2e8f0;
    color: #334155;
}

.griglia-info[b-2pshf5sv22] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.8rem;
    color: #475569;
    white-space: normal;
}

    .griglia-info i[b-2pshf5sv22] {
        color: #94a3b8;
    }

.griglia-vuoto[b-2pshf5sv22] {
    color: #94a3b8;
}

.griglia-azioni[b-2pshf5sv22] {
    display: inline-flex;
    gap: 0.35rem;
}

.azione[b-2pshf5sv22] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.85rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    text-decoration: none;
}

.azione-vedi[b-2pshf5sv22] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #2563eb;
}

    .azione-vedi:hover[b-2pshf5sv22] {
        background-color: #dbeafe;
        color: #1d4ed8;
    }

.azione-modifica[b-2pshf5sv22] {
    border-color: #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
}

    .azione-modifica:hover[b-2pshf5sv22] {
        background-color: #e2e8f0;
        color: #1e293b;
    }

.azione-elimina[b-2pshf5sv22] {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .azione-elimina:hover[b-2pshf5sv22] {
        background-color: #fee2e2;
        color: #b91c1c;
    }

.azione-archivia[b-2pshf5sv22] {
    border-color: #fde68a;
    background-color: #fefce8;
    color: #ca8a04;
}

    .azione-archivia:hover[b-2pshf5sv22] {
        background-color: #fef9c3;
        color: #a16207;
    }


.tab-anagrafiche[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.tab-anagrafica.attiva.attiva-archivio[b-2pshf5sv22] {
    color: #fff;
    background: #0f172a;
    border-color: #0f172a;
}

.nota-archivio[b-2pshf5sv22] {
    margin-left: auto;
    font-size: .75rem;
    font-style: italic;
    color: #64748b;
}

.avviso-archivio[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem 1rem;
    font-size: .8rem;
    color: #713f12;
    background: #fefce8;
    border: 1px solid #fde68a;
    border-radius: .6rem;
}

    .avviso-archivio i[b-2pshf5sv22] {
        color: #a16207;
    }

.tab-anagrafica[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1.1rem;
    font-size: .85rem;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    cursor: pointer;
}

    .tab-anagrafica.attiva[b-2pshf5sv22] {
        color: #fff;
        background: #198754;
        border-color: #198754;
    }

.kpi-card[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.kpi-etichetta[b-2pshf5sv22] {
    font-size: .75rem;
    color: #6b7280;
}

.kpi-valore[b-2pshf5sv22] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111827;
}

.kpi-testo-verde[b-2pshf5sv22] {
    color: #166534;
}

.kpi-testo-arancio[b-2pshf5sv22] {
    color: #c2410c;
}

.kpi-icona[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .6rem;
}

.kpi-verde[b-2pshf5sv22] {
    color: #198754;
    background: #e8f5ee;
}

.kpi-arancio[b-2pshf5sv22] {
    color: #d97706;
    background: #fef3e2;
}
.barra-ricerca[b-2pshf5sv22] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.barra-riga[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ricerca-campo[b-2pshf5sv22] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-2pshf5sv22] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-2pshf5sv22] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

.segmenti[b-2pshf5sv22] {
    display: inline-flex;
    padding: .25rem;
    background: #f1f5f9;
    border-radius: .5rem;
}

.segmento[b-2pshf5sv22] {
    padding: .4rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    color: #475569;
    background: transparent;
    border: 0;
    border-radius: .4rem;
    cursor: pointer;
}

    .segmento.attivo[b-2pshf5sv22] {
        color: #0f172a;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.08);
    }

.btn-filtri-avanzati[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    cursor: pointer;
}
.dip-testo[b-2pshf5sv22] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.dip-nome[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.dip-cf[b-2pshf5sv22] {
    font-size: .72rem;
    font-weight: 400;
    color: #64748b;
}

.griglia-contratto[b-2pshf5sv22] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
    padding: .25rem 0;
}

.contratto-riga[b-2pshf5sv22] {
    display: flex;
    gap: .4rem;
}

.chip[b-2pshf5sv22] {
    display: inline-block;
    padding: .1rem .5rem;
    font-size: .72rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: .35rem;
}

.chip-matricola[b-2pshf5sv22] {
    font-family: Consolas, monospace;
    color: #0f172a;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.chip-cdc[b-2pshf5sv22] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.chip-indeterminato[b-2pshf5sv22] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.chip-determinato[b-2pshf5sv22] {
    color: #a16207;
    background: #fef9c3;
    border-color: #fde68a;
}

.chip-neutro[b-2pshf5sv22] {
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.contratto-riquadro[b-2pshf5sv22] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    width: 100%;
    padding: .4rem .7rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

.riq-etichetta[b-2pshf5sv22] {
    display: block;
    font-size: .62rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #94a3b8;
}

.riq-valore[b-2pshf5sv22] {
    display: block;
    font-family: Consolas, monospace;
    font-size: .78rem;
    font-weight: 600;
    color: #0f172a;
}

.contratto-ore[b-2pshf5sv22] {
    font-size: .78rem;
    color: #0f172a;
}

.kpi-secondario[b-2pshf5sv22] {
    font-size: .75rem;
    font-weight: 400;
    color: #94a3b8;
}

.kpi-viola[b-2pshf5sv22] {
    color: #7c3aed;
    background: #f3e8ff;
}

.intestazione-pagina[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-2pshf5sv22] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #198754;
    background: #e8f5ee;
    border: 1px solid #bbf7d0;
    border-radius: .75rem;
}

.intestazione-titolo[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-2pshf5sv22] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-2pshf5sv22] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-2pshf5sv22] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

.intestazione-azioni[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.btn-esporta[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    cursor: pointer;
}

.btn-nuovo[b-2pshf5sv22] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1rem;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    background: #198754;
    border-radius: .5rem;
    text-decoration: none;
}

    .btn-nuovo:hover[b-2pshf5sv22] {
        color: #fff;
        background: #157347;
    }

.btn-filtri-avanzati.attivo[b-2pshf5sv22] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.filtri-avanzati[b-2pshf5sv22] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 1100px) {
    .filtri-avanzati[b-2pshf5sv22] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.filtro-box[b-2pshf5sv22] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .6rem;
}

.filtro-titolo[b-2pshf5sv22] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .78rem;
    font-weight: 700;
    color: #0f172a;
}

.filtro-coppia[b-2pshf5sv22] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.filtro-etichetta[b-2pshf5sv22] {
    display: block;
    margin-bottom: .15rem;
    font-size: .65rem;
    color: #94a3b8;
}

.filtro-box input[type="date"][b-2pshf5sv22],
.filtro-box select[b-2pshf5sv22] {
    width: 100%;
    padding: .4rem .5rem;
    font-size: .8rem;
    color: #0f172a;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: .4rem;
}
.badge-eta[b-2pshf5sv22] {
    padding: .05rem .45rem;
    font-size: .68rem;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    border-radius: .3rem;
}
/* per togliere linea azzurra antipatica. */
.card[b-2pshf5sv22]  .e-grid .e-leftfreeze.e-freezeleftborder {
    border-right-color: transparent !important;
}

.card[b-2pshf5sv22]  .e-grid .e-rightfreeze.e-freezerightborder {
    border-left-color: transparent !important;
}
/* /Components/Pages/Anagrafiche/SchedaContratto.razor.rz.scp.css */
/* Testo di aiuto sotto i campi (come nella scheda Informazioni). */
.campo-aiuto[b-mrsitx09oq] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

/* Nessun contratto: invito a inserirlo. */
.contratto-vuoto[b-mrsitx09oq] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.contratto-vuoto-icona[b-mrsitx09oq] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.contratto-vuoto-titolo[b-mrsitx09oq] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

.contratto-btn-nuovo[b-mrsitx09oq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
}

    .contratto-btn-nuovo:hover[b-mrsitx09oq] {
        background-color: #166534;
    }

/* Sezioni numerate come nel mockup. */
.contratto-sezione[b-mrsitx09oq] {
    margin-bottom: 1.25rem;
    padding: 1.1rem 1.25rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background-color: #f5f5f5;
}

.contratto-sezione-titolo[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1rem;
    padding-bottom: 0.8rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid #eef0f4;
    color: #0f172a;
}

.contratto-numero[b-mrsitx09oq] {
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #15803d;
    color: #fff;
    font-size: 0.75rem;
}

.contratto-etichetta[b-mrsitx09oq] {
    margin-left: auto;
    padding: 0.15rem 0.6rem;
    font-size: 0.7rem;
    letter-spacing: normal;
    text-transform: none;
    border: 1px solid #bbf7d0;
    border-radius: 10rem;
    background-color: #ecfdf3;
    color: #15803d;
}

.contratto-griglia[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.contratto-griglia-orario[b-mrsitx09oq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contratto-riga-doppia[b-mrsitx09oq] {
    grid-column: span 2;
}

.contratto-griglia-ccnl[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem 1.1rem;
    margin-bottom: 1.1rem;
}

/* Tipologia d'orario e percentuale sulla stessa riga. */
.contratto-orario[b-mrsitx09oq] {
    display: flex;
    gap: 0.5rem;
}

.contratto-percentuale[b-mrsitx09oq] {
    position: relative;
    flex: 0 0 5.2rem;
}

    .contratto-percentuale span[b-mrsitx09oq] {
        position: absolute;
        top: 50%;
        right: 0.7rem;
        transform: translateY(-50%);
        font-size: 0.85rem;
        color: #94a3b8;
        pointer-events: none;
    }

    .contratto-percentuale[b-mrsitx09oq]  input {
        padding-right: 1.6rem;
    }

/* Proroga e trasformazione. */
.contratto-variazioni[b-mrsitx09oq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid #eef0f4;
}

.contratto-btn-proroga[b-mrsitx09oq],
.contratto-btn-trasformazione[b-mrsitx09oq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.contratto-btn-proroga[b-mrsitx09oq] {
    border: 1px solid #fcd34d;
    background-color: #fffbeb;
    color: #92400e;
}

.contratto-btn-trasformazione[b-mrsitx09oq] {
    border: 1px solid #86efac;
    background-color: #f0fdf4;
    color: #166534;
}

    .contratto-btn-proroga:hover:not(:disabled)[b-mrsitx09oq] {
        background-color: #fef3c7;
    }

    .contratto-btn-proroga.aperta[b-mrsitx09oq] {
        border-color: #ea580c;
        background-color: #ea580c;
        color: #fff;
    }

    .contratto-btn-trasformazione:hover:not(:disabled)[b-mrsitx09oq] {
        background-color: #dcfce7;
    }

    .contratto-btn-trasformazione.aperta[b-mrsitx09oq] {
        border-color: #15803d;
        background-color: #15803d;
        color: #fff;
    }

    .contratto-btn-proroga:disabled[b-mrsitx09oq],
    .contratto-btn-trasformazione:disabled[b-mrsitx09oq] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* Riquadri di proroga (giallo) e trasformazione (verde), come i loro pulsanti. */
.contratto-riquadro[b-mrsitx09oq] {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 0.8rem;
}

    .contratto-riquadro.proroga[b-mrsitx09oq] {
        --riquadro-bordo: #fde68a;
        --riquadro-colore: #c2410c;
        --riquadro-colore-scuro: #9a3412;
        --riquadro-etichetta: #78350f;
        border: 1px solid #fcd34d;
        background-color: #fffbeb;
    }

    .contratto-riquadro.trasformazione[b-mrsitx09oq] {
        --riquadro-bordo: #bbf7d0;
        --riquadro-colore: #15803d;
        --riquadro-colore-scuro: #166534;
        --riquadro-etichetta: #14532d;
        border: 1px solid #86efac;
        background-color: #f0fdf4;
    }

    .contratto-riquadro[b-mrsitx09oq]  .labelmodulo {
        color: var(--riquadro-etichetta);
    }

.contratto-riquadro-testata[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--riquadro-bordo);
}

.contratto-riquadro-badge[b-mrsitx09oq] {
    flex-shrink: 0;
    padding: 0.15rem 0.5rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 0.3rem;
    background-color: var(--riquadro-colore);
    color: #fff;
}

.contratto-riquadro-titolo[b-mrsitx09oq] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
}

.contratto-riquadro-chiudi[b-mrsitx09oq] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0;
    font-size: 0.82rem;
    font-weight: 700;
    border: 0;
    background: none;
    color: var(--riquadro-colore);
}

.contratto-riquadro-griglia[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

/* Nuova scadenza della trasformazione: riquadro giallo, come la scadenza nel mockup. */
.contratto-riquadro-scadenza[b-mrsitx09oq] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #fcd34d;
    border-radius: 0.7rem;
    background-color: #fffbeb;
}

    .contratto-riquadro-scadenza[b-mrsitx09oq]  .labelmodulo {
        display: block;
        color: #78350f;
    }

    .contratto-riquadro-scadenza[b-mrsitx09oq]  .textboxmodulo {
        max-width: 22rem;
    }

.contratto-riquadro-note[b-mrsitx09oq] {
    margin-top: 1rem;
}

.contratto-riquadro-azioni[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.contratto-btn-conferma[b-mrsitx09oq] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    background-color: var(--riquadro-colore);
    color: #fff;
}

    .contratto-btn-conferma:hover[b-mrsitx09oq] {
        background-color: var(--riquadro-colore-scuro);
    }

/* Proroga o trasformazione confermata, in attesa di "Salva Anagrafica Dipendente". */
.contratto-in-attesa[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
    padding: 0.7rem 1rem;
    font-size: 0.85rem;
    border-radius: 0.7rem;
}

    .contratto-in-attesa.proroga[b-mrsitx09oq] {
        --riquadro-colore: #c2410c;
        border: 1px solid #fcd34d;
        background-color: #fffbeb;
        color: #78350f;
    }

    .contratto-in-attesa.trasformazione[b-mrsitx09oq] {
        --riquadro-colore: #15803d;
        border: 1px solid #86efac;
        background-color: #f0fdf4;
        color: #14532d;
    }

.contratto-link[b-mrsitx09oq] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0;
    font-size: 0.82rem;
    font-weight: 700;
    border: 0;
    background: none;
    color: var(--riquadro-colore);
    text-decoration: underline;
}

/* Scadenza appena prorogata (l'input è di InputDate: serve ::deep). */
.contratto-griglia[b-mrsitx09oq]  .contratto-scadenza-prorogata {
    border-color: #f59e0b;
    background-color: #fffbeb;
    font-weight: 700;
}

/* Cessazione: pulsante rosso e pannello rosa. */
.contratto-cessazione-riga[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid #eef0f4;
}

.contratto-cessazione-titolo[b-mrsitx09oq] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
}

.contratto-btn-cessazione[b-mrsitx09oq] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fff;
    color: #dc2626;
}

    .contratto-btn-cessazione:hover[b-mrsitx09oq] {
        background-color: #fef2f2;
    }

    .contratto-btn-cessazione.attiva[b-mrsitx09oq] {
        border-color: #dc2626;
        background-color: #dc2626;
        color: #fff;
    }

.contratto-cessazione[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.1rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fecaca;
    border-radius: 0.8rem;
    background-color: #fef2f2;
}

    .contratto-cessazione[b-mrsitx09oq]  .labelmodulo {
        color: #991b1b;
    }

/* Giorni lavorativi come pulsanti. */
.contratto-giorni[b-mrsitx09oq] {
    display: flex;
    gap: 0.35rem;
}

.contratto-giorno[b-mrsitx09oq] {
    position: relative;
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 700;
    border: 1px solid #d5dbe3;
    border-radius: 0.55rem;
    background-color: #fff;
    color: #64748b;
    cursor: pointer;
    user-select: none;
}

    .contratto-giorno input[b-mrsitx09oq] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .contratto-giorno.attivo[b-mrsitx09oq] {
        border-color: #16a34a;
        background-color: #16a34a;
        color: #fff;
    }

    .contratto-giorno:focus-within[b-mrsitx09oq] {
        box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
    }

/* Turni: nome, inizio – fine. */
.contratto-turno[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.4rem;
}

.contratto-turno-nome[b-mrsitx09oq] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
}

.contratto-turno[b-mrsitx09oq]  input {
    padding-left: 0.6rem;
    padding-right: 0.4rem;
}

/* Sedi: in attesa del modulo Cantieri. */
.contratto-sedi[b-mrsitx09oq] {
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid #eef0f4;
}

.contratto-sedi-riga[b-mrsitx09oq] {
    display: flex;
    gap: 0.6rem;
    max-width: 32rem;
}

.contratto-btn-sede[b-mrsitx09oq] {
    flex-shrink: 0;
    padding: 0 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    background-color: #e2e8f0;
    color: #334155;
}

    .contratto-btn-sede:disabled[b-mrsitx09oq] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* Condizioni speciali: riquadri con casella. */
.contratto-opzioni-doppie[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Legge 104, categoria protetta, rimborsi, acconto e sgravi: due colonne, come le due caselle sopra. */
.contratto-opzioni[b-mrsitx09oq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.contratto-opzione[b-mrsitx09oq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.85rem 1rem;
    font-size: 0.88rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    cursor: pointer;
    color: #0f172a;
    background-color: white;
}

    .contratto-opzione:hover[b-mrsitx09oq] {
        border-color: #bbf7d0;
        background-color: #f7fdf9;
    }

.contratto-opzione-descritta[b-mrsitx09oq] {
    justify-content: space-between;
}

    .contratto-opzione-descritta small[b-mrsitx09oq] {
        display: block;
        margin-top: 0.15rem;
        font-size: 0.75rem;
        color: #64748b;
    }

.contratto-opzione[b-mrsitx09oq]  .form-check-input {
    flex-shrink: 0;
    margin: 0;
}

    .contratto-opzione[b-mrsitx09oq]  .form-check-input:checked {
        border-color: #16a34a;
        background-color: #16a34a;
    }

/* Sola lettura: testo leggibile e niente suggerimenti "es. ..." che sembrerebbero valori. */
.contratto-sola-lettura[b-mrsitx09oq]  .textboxmodulo:disabled {
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .contratto-sola-lettura[b-mrsitx09oq]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

@media (max-width: 991.98px) {
    .contratto-griglia[b-mrsitx09oq],
    .contratto-griglia-orario[b-mrsitx09oq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .contratto-griglia[b-mrsitx09oq],
    .contratto-griglia-orario[b-mrsitx09oq],
    .contratto-griglia-ccnl[b-mrsitx09oq],
    .contratto-cessazione[b-mrsitx09oq],
    .contratto-opzioni-doppie[b-mrsitx09oq],
    .contratto-opzioni[b-mrsitx09oq],
    .contratto-riquadro-griglia[b-mrsitx09oq] {
        grid-template-columns: 1fr;
    }

    .contratto-riga-doppia[b-mrsitx09oq] {
        grid-column: auto;
    }

    .contratto-cessazione-riga[b-mrsitx09oq],
    .contratto-riquadro-azioni[b-mrsitx09oq] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Anagrafiche/SchedaDpi.razor.rz.scp.css */
.dpi-testata[b-1p56vungwc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dpi-titolo[b-1p56vungwc] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.dpi-sottotitolo[b-1p56vungwc] {
    margin: .15rem 0 0;
    font-size: .8rem;
    color: #64748b;
}

.dpi-modulo[b-1p56vungwc] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .75rem;
}

.dpi-modulo-titolo[b-1p56vungwc] {
    margin: 0 0 .75rem;
    font-size: .85rem;
    font-weight: 700;
    color: #14532d;
}


.dpi-modulo-azioni[b-1p56vungwc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1rem;
}

.dpi-elenco[b-1p56vungwc] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.dpi-tabella[b-1p56vungwc] {
    width: 100%;
    font-size: .8rem;
    border-collapse: collapse;
}

    .dpi-tabella th[b-1p56vungwc] {
        padding: .6rem .9rem;
        font-size: .68rem;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
    }

    .dpi-tabella td[b-1p56vungwc] {
        padding: .65rem .9rem;
        vertical-align: middle;
        color: #0f172a;
        border-bottom: 1px solid #f1f5f9;
    }

    .dpi-tabella tbody tr:last-child td[b-1p56vungwc] {
        border-bottom: 0;
    }

.dpi-tipologia[b-1p56vungwc] {
    display: block;
    font-size: .72rem;
    color: #64748b;
}

.dpi-stato[b-1p56vungwc] {
    margin-left: .4rem;
    padding: .05rem .45rem;
    font-size: .68rem;
    font-weight: 700;
    border-radius: .3rem;
}

.dpi-stato-valido[b-1p56vungwc] {
    color: #166534;
    background: #dcfce7;
}

.dpi-stato-scadenza[b-1p56vungwc] {
    color: #a16207;
    background: #fef9c3;
}

.dpi-stato-scaduto[b-1p56vungwc] {
    color: #b91c1c;
    background: #fee2e2;
}

.dpi-stato-neutro[b-1p56vungwc] {
    color: #475569;
    background: #f1f5f9;
}

.dpi-colonna-azioni[b-1p56vungwc] {
    width: 1%;
    text-align: right;
}

.dpi-btn-elimina[b-1p56vungwc] {
    width: 1.9rem;
    height: 1.9rem;
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .5rem;
    cursor: pointer;
}

    .dpi-btn-elimina:hover[b-1p56vungwc] {
        background: #fee2e2;
    }

.dpi-vuoto[b-1p56vungwc] {
    padding: 2rem 1rem;
    text-align: center;
    color: #94a3b8;
}

    .dpi-vuoto i[b-1p56vungwc] {
        font-size: 1.6rem;
    }

    .dpi-vuoto p[b-1p56vungwc] {
        margin: .5rem 0 0;
        font-size: .85rem;
    }
/* /Components/Pages/Anagrafiche/SchedaFestivita.razor.rz.scp.css */
.festivita-testata[b-p1t1lf8m3u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.festivita-titolo[b-p1t1lf8m3u] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.festivita-sottotitolo[b-p1t1lf8m3u] {
    margin: .15rem 0 0;
    font-size: .8rem;
    color: #64748b;
}

.festivita-modulo[b-p1t1lf8m3u] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .75rem;
}

.festivita-modulo-titolo[b-p1t1lf8m3u] {
    margin: 0 0 .75rem;
    font-size: .85rem;
    font-weight: 700;
    color: #14532d;
}

.festivita-modulo-azioni[b-p1t1lf8m3u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1rem;
}

.festivita-elenco[b-p1t1lf8m3u] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.festivita-tabella[b-p1t1lf8m3u] {
    width: 100%;
    font-size: .8rem;
    border-collapse: collapse;
}

    .festivita-tabella th[b-p1t1lf8m3u] {
        padding: .6rem .9rem;
        font-size: .68rem;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
    }

    .festivita-tabella td[b-p1t1lf8m3u] {
        padding: .65rem .9rem;
        vertical-align: middle;
        color: #0f172a;
        border-bottom: 1px solid #f1f5f9;
    }

    .festivita-tabella tbody tr:last-child td[b-p1t1lf8m3u] {
        border-bottom: 0;
    }

.festivita-tipologia[b-p1t1lf8m3u] {
    display: block;
    font-size: .72rem;
    color: #64748b;
}

.festivita-colonna-azioni[b-p1t1lf8m3u] {
    width: 1%;
    text-align: right;
}

.festivita-btn-elimina[b-p1t1lf8m3u] {
    width: 1.9rem;
    height: 1.9rem;
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .5rem;
    cursor: pointer;
}

    .festivita-btn-elimina:hover[b-p1t1lf8m3u] {
        background: #fee2e2;
    }

.festivita-vuoto[b-p1t1lf8m3u] {
    padding: 2rem 1rem;
    text-align: center;
    color: #94a3b8;
    border: 1px dashed #cbd5e1;
    border-radius: .75rem;
}

    .festivita-vuoto i[b-p1t1lf8m3u] {
        font-size: 1.6rem;
    }

    .festivita-vuoto p[b-p1t1lf8m3u] {
        margin: .5rem 0 0;
        font-size: .85rem;
        font-weight: 600;
    }

/* Elenco a schede, come nel mockup. */
.festivita-griglia[b-p1t1lf8m3u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.festivita-card[b-p1t1lf8m3u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.festivita-card-badge[b-p1t1lf8m3u] {
    min-width: 2.9rem;
    padding: .55rem .4rem;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    color: #166534;
    background: #dcfce7;
    border-radius: .5rem;
}

.festivita-card-testo[b-p1t1lf8m3u] {
    flex: 1;
    min-width: 0;
}

.festivita-card-nome[b-p1t1lf8m3u] {
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
}

.festivita-card-data[b-p1t1lf8m3u],
.festivita-card-note[b-p1t1lf8m3u] {
    font-size: .75rem;
    color: #64748b;
}

.festivita-card-elimina[b-p1t1lf8m3u] {
    padding: .4rem;
    color: #94a3b8;
    background: transparent;
    border: 0;
    border-radius: .4rem;
    cursor: pointer;
}

    .festivita-card-elimina:hover[b-p1t1lf8m3u] {
        color: #dc2626;
        background: #fef2f2;
    }
/* /Components/Pages/Anagrafiche/SchedaSicurezza.razor.rz.scp.css */
.campo-aiuto[b-4ql6vk63i9] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

.sicurezza-testata[b-4ql6vk63i9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.sicurezza-titolo[b-4ql6vk63i9] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.sicurezza-sottotitolo[b-4ql6vk63i9] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.sicurezza-btn-nuovo[b-4ql6vk63i9],
.sicurezza-btn-registra[b-4ql6vk63i9] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
}

    .sicurezza-btn-nuovo:hover:not(:disabled)[b-4ql6vk63i9],
    .sicurezza-btn-registra:hover[b-4ql6vk63i9] {
        background-color: #166534;
    }

    .sicurezza-btn-nuovo:disabled[b-4ql6vk63i9] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* Riquadro verde "Nuova Registrazione Sicurezza". */
.sicurezza-nuovo[b-4ql6vk63i9] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid #86efac;
    border-radius: 0.9rem;
    background-color: #f0fdf4;
}

.sicurezza-nuovo-titolo[b-4ql6vk63i9] {
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
}

/* Tre colonne: il titolo prende le prime due, come nel mockup. */
.sicurezza-griglia[b-4ql6vk63i9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.sicurezza-campo-largo[b-4ql6vk63i9] {
    grid-column: span 2;
}

.sicurezza-stato-calcolato[b-4ql6vk63i9] {
    display: flex;
    align-items: center;
    min-height: 2.4rem;
}

.sicurezza-nuovo-azioni[b-4ql6vk63i9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

    .sicurezza-nuovo-azioni .campo-aiuto[b-4ql6vk63i9] {
        margin: 0 auto 0 0;
    }

.sicurezza-btn-annulla[b-4ql6vk63i9] {
    padding: 0.5rem 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    border: 0;
    background: none;
    color: #334155;
}

/* Elenco: una riga per corso o visita. */
.sicurezza-elenco[b-4ql6vk63i9] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sicurezza-voce[b-4ql6vk63i9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background-color: #fff;
}

    .sicurezza-voce.da-eliminare[b-4ql6vk63i9] {
        border-style: dashed;
        background-color: #f8fafc;
    }

        .sicurezza-voce.da-eliminare .sicurezza-voce-testo[b-4ql6vk63i9] {
            opacity: 0.6;
            text-decoration: line-through;
        }

.sicurezza-voce-testo[b-4ql6vk63i9] {
    flex: 1;
    min-width: 0;
}

.sicurezza-voce-titolo[b-4ql6vk63i9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #0f172a;
}

.sicurezza-voce-dati[b-4ql6vk63i9] {
    margin-top: 0.25rem;
    font-size: 0.78rem;
    color: #64748b;
}

    .sicurezza-voce-dati strong[b-4ql6vk63i9] {
        color: #0f172a;
    }

    .sicurezza-voce-dati .separatore[b-4ql6vk63i9] {
        margin: 0 0.35rem;
    }

/* Stato calcolato: verde, giallo o rosso. */
.sicurezza-stato[b-4ql6vk63i9] {
    flex-shrink: 0;
    padding: 0.15rem 0.6rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 10rem;
}

.stato-valido[b-4ql6vk63i9] {
    border: 1px solid #bbf7d0;
    background-color: #dcfce7;
    color: #15803d;
}

.stato-in-scadenza[b-4ql6vk63i9] {
    border: 1px solid #fde68a;
    background-color: #fef3c7;
    color: #b45309;
}

.stato-scaduto[b-4ql6vk63i9] {
    border: 1px solid #fecaca;
    background-color: #fee2e2;
    color: #b91c1c;
}

.sicurezza-nota[b-4ql6vk63i9] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 10rem;
}

.nota-nuovo[b-4ql6vk63i9] {
    border: 1px solid #bbf7d0;
    background-color: #ecfdf3;
    color: #15803d;
}

.nota-elimina[b-4ql6vk63i9] {
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    color: #b91c1c;
}

.sicurezza-azione[b-4ql6vk63i9] {
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: none;
    color: #94a3b8;
}

    .sicurezza-azione:hover[b-4ql6vk63i9] {
        border-color: #fecaca;
        background-color: #fef2f2;
        color: #dc2626;
    }

    .sicurezza-azione.ripristina[b-4ql6vk63i9],
    .sicurezza-azione.ripristina:hover[b-4ql6vk63i9] {
        border-color: transparent;
        background-color: transparent;
        color: #15803d;
    }

/* Nessun record. */
.sicurezza-vuoto[b-4ql6vk63i9] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.sicurezza-vuoto-icona[b-4ql6vk63i9] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.sicurezza-vuoto-titolo[b-4ql6vk63i9] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 767.98px) {
    .sicurezza-griglia[b-4ql6vk63i9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .sicurezza-testata[b-4ql6vk63i9],
    .sicurezza-nuovo-azioni[b-4ql6vk63i9] {
        flex-direction: column;
        align-items: stretch;
    }

    .sicurezza-griglia[b-4ql6vk63i9] {
        grid-template-columns: 1fr;
    }

    .sicurezza-campo-largo[b-4ql6vk63i9] {
        grid-column: auto;
    }

    .sicurezza-voce[b-4ql6vk63i9] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Anagrafiche/SchedaStorico.razor.rz.scp.css */
/* Testo di aiuto (come nelle altre schede). */
.campo-aiuto[b-mrxpnd3xkb] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

.storico-testata[b-mrxpnd3xkb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.storico-titolo[b-mrxpnd3xkb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.storico-sottotitolo[b-mrxpnd3xkb] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.storico-btn-nuovo[b-mrxpnd3xkb],
.storico-btn-aggiungi[b-mrxpnd3xkb] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
}

    .storico-btn-nuovo:hover:not(:disabled)[b-mrxpnd3xkb],
    .storico-btn-aggiungi:hover[b-mrxpnd3xkb] {
        background-color: #166534;
    }

    .storico-btn-nuovo:disabled[b-mrxpnd3xkb] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* Riquadro verde "Inserisci Contratto Storico / Scaduto". */
.storico-nuovo[b-mrxpnd3xkb] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid #86efac;
    border-radius: 0.9rem;
    background-color: #f0fdf4;
}

.storico-nuovo-titolo[b-mrxpnd3xkb] {
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
}

.storico-griglia[b-mrxpnd3xkb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.storico-nuovo-azioni[b-mrxpnd3xkb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

    .storico-nuovo-azioni .campo-aiuto[b-mrxpnd3xkb] {
        margin: 0 auto 0 0;
    }

.storico-btn-annulla[b-mrxpnd3xkb] {
    padding: 0.5rem 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    border: 0;
    background: none;
    color: #334155;
}

/* Elenco: una scheda per voce. */
.storico-elenco[b-mrxpnd3xkb] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.storico-voce[b-mrxpnd3xkb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.9rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background-color: #fff;
}

    .storico-voce.da-eliminare[b-mrxpnd3xkb] {
        border-style: dashed;
        background-color: #f8fafc;
    }

        .storico-voce.da-eliminare .storico-voce-testo[b-mrxpnd3xkb] {
            opacity: 0.6;
            text-decoration: line-through;
        }

.storico-voce-testo[b-mrxpnd3xkb] {
    flex: 1;
    min-width: 0;
}

.storico-voce-titolo[b-mrxpnd3xkb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #0f172a;
}

.storico-badge[b-mrxpnd3xkb] {
    padding: 0.1rem 0.5rem;
    font-family: SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.3rem;
    background-color: #f1f5f9;
    color: #334155;
}

.storico-stato[b-mrxpnd3xkb] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 10rem;
}

.stato-nuovo[b-mrxpnd3xkb] {
    border: 1px solid #bbf7d0;
    background-color: #ecfdf3;
    color: #15803d;
}

.stato-elimina[b-mrxpnd3xkb] {
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    color: #b91c1c;
}

.storico-periodo[b-mrxpnd3xkb] {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: #334155;
}

.storico-azione[b-mrxpnd3xkb] {
    flex-shrink: 0;
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: none;
    color: #94a3b8;
}

    .storico-azione:hover:not(:disabled)[b-mrxpnd3xkb] {
        border-color: #fecaca;
        background-color: #fef2f2;
        color: #dc2626;
    }

    .storico-azione.ripristina[b-mrxpnd3xkb] {
        color: #15803d;
    }

        .storico-azione.ripristina:hover[b-mrxpnd3xkb] {
            border-color: #bbf7d0;
            background-color: #ecfdf3;
            color: #15803d;
        }

    .storico-azione:disabled[b-mrxpnd3xkb] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* Nessuna voce. */
.storico-vuoto[b-mrxpnd3xkb] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.storico-vuoto-icona[b-mrxpnd3xkb] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.storico-vuoto-titolo[b-mrxpnd3xkb] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 767.98px) {
    .storico-griglia[b-mrxpnd3xkb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .storico-testata[b-mrxpnd3xkb],
    .storico-nuovo-azioni[b-mrxpnd3xkb] {
        flex-direction: column;
        align-items: stretch;
    }

    .storico-griglia[b-mrxpnd3xkb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Attivita/AttivitaDialog.razor.rz.scp.css */
.dialogo-sfondo[b-in6a9vv3tx] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Finestra stretta: pochi campi, come nel mockup. */
.dialogo[b-in6a9vv3tx] {
    width: 100%;
    max-width: 36rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-in6a9vv3tx] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-in6a9vv3tx] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #dcfce7;
    color: #15803d;
}

.dialogo-titoli[b-in6a9vv3tx] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-in6a9vv3tx] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-in6a9vv3tx] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-in6a9vv3tx] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-in6a9vv3tx] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Il fieldset del corpo: campi uno sotto l'altro. */
.dialogo-corpo[b-in6a9vv3tx] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
    margin: 0;
    padding: 1.25rem 1.5rem;
    border: 0;
}

.obbligatorio[b-in6a9vv3tx] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-in6a9vv3tx] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-in6a9vv3tx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-in6a9vv3tx] {
        color: #dc2626;
    }

/* Sola lettura: campi leggibili come testo normale, senza i suggerimenti "Es. ..." che sembrerebbero valori. */
.dialogo-sola-lettura[b-in6a9vv3tx]  .textboxmodulo:disabled {
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .dialogo-sola-lettura[b-in6a9vv3tx]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

.dialogo-piede[b-in6a9vv3tx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-in6a9vv3tx],
.dialogo-btn-elimina[b-in6a9vv3tx],
.dialogo-btn-salva[b-in6a9vv3tx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-in6a9vv3tx] {
    border: 0;
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-in6a9vv3tx] {
        background-color: #e2e8f0;
    }

.dialogo-btn-elimina[b-in6a9vv3tx] {
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .dialogo-btn-elimina:hover[b-in6a9vv3tx] {
        background-color: #fee2e2;
    }

    .dialogo-btn-elimina:disabled[b-in6a9vv3tx] {
        opacity: 0.6;
    }

.dialogo-btn-salva[b-in6a9vv3tx] {
    border: 0;
    text-decoration: none;
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-in6a9vv3tx] {
        background-color: #166534;
        color: #fff;
    }

    /* Senza il nome il pulsante è spento (più chiaro), come nel mockup. */
    .dialogo-btn-salva:disabled[b-in6a9vv3tx] {
        background-color: #15803d;
        opacity: 0.5;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-in6a9vv3tx] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-in6a9vv3tx] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-in6a9vv3tx] {
        padding: 0 1rem 1rem;
    }

    .dialogo-piede[b-in6a9vv3tx] {
        margin: 0 1rem;
    }
}
/* /Components/Pages/Attivita/AttivitaList.razor.rz.scp.css */
/* Intestazione della pagina. */
.intestazione-pagina[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-7acix1mbjx] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #198754;
    background: #e8f5ee;
    border: 1px solid #bbf7d0;
    border-radius: .75rem;
}

.intestazione-titolo[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-7acix1mbjx] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-7acix1mbjx] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-7acix1mbjx] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

.intestazione-azioni[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.btn-nuovo[b-7acix1mbjx] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background: #198754;
    border-radius: .5rem;
    text-decoration: none;
}

    .btn-nuovo:hover[b-7acix1mbjx] {
        color: #fff;
        background: #157347;
    }

/* Contatori in alto: macro, sotto-attività, ore e costo della selezione. */
.kpi-riga[b-7acix1mbjx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.kpi[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem 1.1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.kpi-icona[b-7acix1mbjx] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.05rem;
    border: 1px solid transparent;
    border-radius: .7rem;
}

.kpi-verde[b-7acix1mbjx] { color: #15803d; background: #ecfdf3; border-color: #bbf7d0; }
.kpi-blu[b-7acix1mbjx] { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
.kpi-arancio[b-7acix1mbjx] { color: #c2410c; background: #fff7ed; border-color: #fed7aa; }

.kpi-valore[b-7acix1mbjx] {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
}

.kpi-etichetta[b-7acix1mbjx] {
    font-size: .76rem;
    color: #64748b;
}

/* Ricerca, filtro per categoria e pulsanti. */
.barra-ricerca[b-7acix1mbjx] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.barra-riga[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ricerca-campo[b-7acix1mbjx] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-7acix1mbjx] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-7acix1mbjx] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

.filtro-categoria[b-7acix1mbjx] {
    min-width: 13rem;
    padding: .55rem 2rem .55rem .8rem;
    font-size: .85rem;
    color: #0f172a;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

.barra-pulsanti[b-7acix1mbjx] {
    display: flex;
    gap: .6rem;
    margin-left: auto;
}

.btn-strumento[b-7acix1mbjx] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
    color: #0f172a;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .btn-strumento:hover[b-7acix1mbjx] {
        background: #f8fafc;
    }

    .btn-strumento:disabled[b-7acix1mbjx] {
        opacity: .6;
    }

.barra-conteggio[b-7acix1mbjx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .3rem 1rem;
    margin-top: .7rem;
    padding-top: .7rem;
    font-size: .76rem;
    color: #64748b;
    border-top: 1px solid #f1f5f9;
}

.barra-suggerimento[b-7acix1mbjx] {
    font-style: italic;
    color: #94a3b8;
}

    .barra-conteggio strong[b-7acix1mbjx] {
        color: #0f172a;
    }

/* Griglia. */
.card[b-7acix1mbjx]  .e-gridfooter {
    display: none;
}

.gruppo-intestazione[b-7acix1mbjx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.gruppo-conteggio[b-7acix1mbjx] {
    min-width: 1.4rem;
    padding: 0.05rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10rem;
    background-color: #e2e8f0;
    color: #334155;
}

.griglia-attivita[b-7acix1mbjx] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .5rem;
    font-weight: 700;
    color: #0f172a;
    white-space: normal;
}

/* "2 sotto-attività (somma)": ore, costo e unità della riga sono la somma delle sue sotto-attività. */
.badge-somma[b-7acix1mbjx] {
    padding: .05rem .45rem;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
    color: #15803d;
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    border-radius: 10rem;
}

.valore-ore[b-7acix1mbjx] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

.valore-costo[b-7acix1mbjx] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #15803d;
    white-space: nowrap;
}

.griglia-note[b-7acix1mbjx] {
    display: -webkit-box;
    overflow: hidden;
    font-size: .82rem;
    color: #475569;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.griglia-vuoto[b-7acix1mbjx] {
    color: #94a3b8;
}

/* Pannello delle sotto-attività, dentro la riga aperta della macro. */
.sotto-pannello[b-7acix1mbjx] {
    margin: .25rem 0 .5rem;
    padding: .9rem 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
}

.sotto-testata[b-7acix1mbjx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.sotto-titolo[b-7acix1mbjx] {
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
    white-space: normal;
}

    .sotto-titolo i[b-7acix1mbjx] {
        margin-right: .35rem;
        color: #16a34a;
    }

.btn-sotto-nuova[b-7acix1mbjx] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: .4rem;
    padding: .4rem .8rem;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: .5rem;
}

    .btn-sotto-nuova:hover[b-7acix1mbjx] {
        background: #dcfce7;
    }

.sotto-vuoto[b-7acix1mbjx] {
    margin: 0;
    padding: .9rem;
    font-size: .8rem;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #d5dbe3;
    border-radius: .6rem;
    white-space: normal;
}

.sotto-scorrimento[b-7acix1mbjx] {
    overflow-x: auto;
}

.sotto-tabella[b-7acix1mbjx] {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    font-size: .8rem;
}

    .sotto-tabella th[b-7acix1mbjx] {
        padding: .55rem .6rem;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
        color: #475569;
        background: #f8fafc;
        white-space: normal;
    }

    /* Righe divise solo in orizzontale, come la griglia sopra. */
    .sotto-tabella th[b-7acix1mbjx],
    .sotto-tabella td[b-7acix1mbjx] {
        border-left: 0;
        border-right: 0;
    }

    .sotto-tabella td[b-7acix1mbjx] {
        padding: .6rem;
        color: #334155;
        border-top: 1px solid #f1f5f9;
        vertical-align: middle;
    }

    .sotto-tabella .numero[b-7acix1mbjx] {
        text-align: right;
    }

    .sotto-tabella .centro[b-7acix1mbjx] {
        text-align: center;
    }

.sotto-nome[b-7acix1mbjx] {
    font-weight: 600;
    color: #0f172a;
}

.sotto-note[b-7acix1mbjx] {
    display: -webkit-box;
    overflow: hidden;
    color: #475569;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Categoria: il colore dipende dal numero della voce (8 colori che si ripetono), così resta lo stesso per ogni riga. */
.chip-categoria[b-7acix1mbjx] {
    display: inline-block;
    padding: .15rem .6rem;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: .35rem;
}

.categoria-0[b-7acix1mbjx] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
.categoria-1[b-7acix1mbjx] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.categoria-2[b-7acix1mbjx] { color: #0f766e; background: #ccfbf1; border-color: #5eead4; }
.categoria-3[b-7acix1mbjx] { color: #7e22ce; background: #f3e8ff; border-color: #d8b4fe; }
.categoria-4[b-7acix1mbjx] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }
.categoria-5[b-7acix1mbjx] { color: #0369a1; background: #e0f2fe; border-color: #7dd3fc; }
.categoria-6[b-7acix1mbjx] { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.categoria-7[b-7acix1mbjx] { color: #a16207; background: #fef9c3; border-color: #fde047; }

/* Azioni: vedi, modifica, elimina. */
.griglia-azioni[b-7acix1mbjx] {
    display: inline-flex;
    gap: 0.35rem;
}

.azione[b-7acix1mbjx] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.85rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    text-decoration: none;
}

    .azione:disabled[b-7acix1mbjx] {
        opacity: 0.6;
    }

.azione-vedi[b-7acix1mbjx] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #2563eb;
}

    .azione-vedi:hover[b-7acix1mbjx] {
        background-color: #dbeafe;
        color: #1d4ed8;
    }

.azione-modifica[b-7acix1mbjx] {
    border-color: #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
}

    .azione-modifica:hover[b-7acix1mbjx] {
        background-color: #e2e8f0;
        color: #1e293b;
    }

.azione-elimina[b-7acix1mbjx] {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .azione-elimina:hover[b-7acix1mbjx] {
        background-color: #fee2e2;
        color: #b91c1c;
    }

@media (max-width: 1199.98px) {
    .kpi-riga[b-7acix1mbjx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .barra-pulsanti[b-7acix1mbjx] {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .intestazione-pagina[b-7acix1mbjx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .barra-riga[b-7acix1mbjx] {
        flex-wrap: wrap;
    }

    .filtro-categoria[b-7acix1mbjx] {
        width: 100%;
    }
}
/* /Components/Pages/Attivita/SottoAttivitaDialog.razor.rz.scp.css */
.dialogo-sfondo[b-1rtbn2howw] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Finestra stretta: pochi campi, come nel mockup. */
.dialogo[b-1rtbn2howw] {
    width: 100%;
    max-width: 36rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-1rtbn2howw] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-1rtbn2howw] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #dcfce7;
    color: #15803d;
}

.dialogo-titoli[b-1rtbn2howw] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-1rtbn2howw] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-1rtbn2howw] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-1rtbn2howw] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-1rtbn2howw] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Corpo: campi uno sotto l'altro. */
.dialogo-corpo[b-1rtbn2howw] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
    margin: 0;
    padding: 1.25rem 1.5rem;
    border: 0;
}

.obbligatorio[b-1rtbn2howw] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-1rtbn2howw] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-1rtbn2howw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-1rtbn2howw] {
        color: #dc2626;
    }

.dialogo-piede[b-1rtbn2howw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-1rtbn2howw],
.dialogo-btn-salva[b-1rtbn2howw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-1rtbn2howw] {
    border: 0;
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-1rtbn2howw] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-1rtbn2howw] {
    border: 0;
    text-decoration: none;
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-1rtbn2howw] {
        background-color: #166534;
        color: #fff;
    }

    /* Senza il nome il pulsante è spento (più chiaro). */
    .dialogo-btn-salva:disabled[b-1rtbn2howw] {
        background-color: #15803d;
        opacity: 0.5;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-1rtbn2howw] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-1rtbn2howw] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-1rtbn2howw] {
        padding: 0 1rem 1rem;
    }

    .dialogo-piede[b-1rtbn2howw] {
        margin: 0 1rem;
    }
}

/* Macro di appartenenza: riquadro grigio con l'etichetta accanto alla tendina, come nel mockup. */
.sotto-macro[b-1rtbn2howw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.7rem;
    background-color: #f8fafc;
}

.sotto-macro-etichetta[b-1rtbn2howw] {
    flex-shrink: 0;
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
}

.sotto-macro-campo[b-1rtbn2howw] {
    flex: 1;
    min-width: 0;
}

.etichetta-nota[b-1rtbn2howw] {
    font-weight: 400;
    color: #94a3b8;
}

/* Ore, costo e unità su tre colonne, ognuno con la sua unità di misura dentro il campo. */
.sotto-valori[b-1rtbn2howw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.campo-con-unita[b-1rtbn2howw] {
    position: relative;
}

    /* Spazio a destra quanto basta per l'unità; il valore va a destra, vicino a frecce e unità. */
    .campo-con-unita[b-1rtbn2howw]  .textboxmodulo {
        padding-right: 2.6rem;
        text-align: right;
    }

    /* Unità lunghe ("gg / sett", "h / 100 mq"): serve più spazio. */
    .campo-con-unita.unita-lunga[b-1rtbn2howw]  .textboxmodulo {
        padding-right: 5.6rem;
    }

.campo-unita[b-1rtbn2howw] {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    padding: 0.1rem 0.4rem;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 0.3rem;
    background-color: #eef2f5;
    color: #475569;
    pointer-events: none;
}

.sotto-info[b-1rtbn2howw] {
    display: flex;
    gap: 0.4rem;
    padding: 0.7rem 0.9rem;
    font-size: 0.78rem;
    border: 1px solid #bbf7d0;
    border-radius: 0.6rem;
    background-color: #f0fdf4;
    color: #166534;
}

    .sotto-info strong[b-1rtbn2howw] {
        flex-shrink: 0;
    }

@media (max-width: 575.98px) {
    .sotto-macro[b-1rtbn2howw] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.35rem;
    }

    .sotto-valori[b-1rtbn2howw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Clienti/ClienteDialog.razor.rz.scp.css */
.dialogo-sfondo[b-a7zrqa32r1] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 1rem;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.dialogo[b-a7zrqa32r1] {
    width: 100%;
    max-width: 58rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata scura, come nel mockup. */
.dialogo-testata[b-a7zrqa32r1] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.1rem 1.5rem;
    background-color: #212326;
}

.dialogo-icona[b-a7zrqa32r1] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #15803d;
    color: #fff;
}

.dialogo-titoli[b-a7zrqa32r1] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-a7zrqa32r1] {
        color: #fff;
    }

    .dialogo-titoli .subtitlemodulo[b-a7zrqa32r1] {
        color: #b6bdc6;
    }

.etichetta-archiviata[b-a7zrqa32r1] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.4rem;
    padding: 0.15rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fde68a;
    border-radius: 10rem;
    background-color: #fefce8;
    color: #a16207;
}

.dialogo-chiudi[b-a7zrqa32r1] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #b6bdc6;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-a7zrqa32r1] {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

/* Schede su fondo grigio chiaro; quella attiva è bianca. */
.dialogo-schede[b-a7zrqa32r1] {
    display: flex;
    gap: 0.25rem;
    padding: 0.55rem 1rem 0;
    overflow-x: auto;
    border-bottom: 1px solid #e2e8f0;
    background-color: #eef2f5;
}

.dialogo-scheda[b-a7zrqa32r1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 0.9rem;
    font-size: 0.84rem;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    border-radius: 0.6rem 0.6rem 0 0;
    color: #334155;
}

    .dialogo-scheda i[b-a7zrqa32r1] {
        color: #64748b;
    }

    .dialogo-scheda.attiva[b-a7zrqa32r1] {
        border-bottom-color: #16a34a;
        background-color: #fff;
        color: #15803d;
    }

        .dialogo-scheda.attiva i[b-a7zrqa32r1] {
            color: #16a34a;
        }

    .dialogo-scheda.disattivata[b-a7zrqa32r1] {
        cursor: default;
        color: #94a3b8;
    }

        .dialogo-scheda.disattivata i[b-a7zrqa32r1] {
            color: #cbd5e1;
        }

.dialogo-corpo[b-a7zrqa32r1] {
    padding: 1.25rem 1.5rem;
}

.dialogo-errore[b-a7zrqa32r1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1.25rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-a7zrqa32r1] {
        color: #dc2626;
    }

/* 12 colonne: i campi occupano 3, 4, 6, 8 o 12 colonne (le classi col-* sono di Bootstrap, per questo span-*). */
.cliente-griglia[b-a7zrqa32r1] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.span-3[b-a7zrqa32r1] { grid-column: span 3; }
.span-4[b-a7zrqa32r1] { grid-column: span 4; }
.span-6[b-a7zrqa32r1] { grid-column: span 6; }
.span-8[b-a7zrqa32r1] { grid-column: span 8; }
.span-12[b-a7zrqa32r1] { grid-column: 1 / -1; }

/* Il codice azienda lo assegna il programma: si legge, non si scrive. */
.campo-codice[b-a7zrqa32r1] {
    background-color: #f1f5f9;
    font-family: var(--bs-font-monospace);
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #0f172a;
}

    .campo-codice[b-a7zrqa32r1]::placeholder {
        font-family: var(--bs-body-font-family);
        font-weight: 400;
        letter-spacing: normal;
        color: #94a3b8;
    }

.cliente-griglia[b-a7zrqa32r1]  .campo-maiuscolo {
    text-transform: uppercase;
}

    .cliente-griglia[b-a7zrqa32r1]  .campo-maiuscolo::placeholder {
        text-transform: none;
    }

/* Sola lettura: campi leggibili come testo normale, senza i suggerimenti "es. ..." che sembrerebbero valori. */
.dialogo-sola-lettura[b-a7zrqa32r1]  .textboxmodulo:disabled {
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .dialogo-sola-lettura[b-a7zrqa32r1]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

.dialogo-piede[b-a7zrqa32r1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-a7zrqa32r1],
.dialogo-btn-elimina[b-a7zrqa32r1],
.dialogo-btn-archivia[b-a7zrqa32r1],
.dialogo-btn-salva[b-a7zrqa32r1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-a7zrqa32r1] {
    border: 0;
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-a7zrqa32r1] {
        background-color: #e2e8f0;
    }

.dialogo-btn-elimina[b-a7zrqa32r1] {
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .dialogo-btn-elimina:hover[b-a7zrqa32r1] {
        background-color: #fee2e2;
    }

.dialogo-btn-archivia[b-a7zrqa32r1] {
    border: 1px solid #fde68a;
    background-color: #fefce8;
    color: #a16207;
}

    .dialogo-btn-archivia:hover[b-a7zrqa32r1] {
        background-color: #fef9c3;
    }

    .dialogo-btn-archivia:disabled[b-a7zrqa32r1] {
        opacity: 0.6;
    }

.dialogo-btn-salva[b-a7zrqa32r1] {
    border: 0;
    text-decoration: none;
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-a7zrqa32r1] {
        background-color: #166534;
        color: #fff;
    }

    .dialogo-btn-salva:disabled[b-a7zrqa32r1] {
        opacity: 0.6;
    }

@media (max-width: 991.98px) {
    .span-3[b-a7zrqa32r1],
    .span-4[b-a7zrqa32r1],
    .span-6[b-a7zrqa32r1] {
        grid-column: span 6;
    }

    .span-8[b-a7zrqa32r1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .span-3[b-a7zrqa32r1],
    .span-4[b-a7zrqa32r1],
    .span-6[b-a7zrqa32r1],
    .span-8[b-a7zrqa32r1] {
        grid-column: 1 / -1;
    }

    .dialogo-testata[b-a7zrqa32r1],
    .dialogo-corpo[b-a7zrqa32r1] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-piede[b-a7zrqa32r1] {
        margin: 0 1rem;
    }
}

/* Le schede cliccabili sono pulsanti: niente aspetto da pulsante. */
button.dialogo-scheda[b-a7zrqa32r1] {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
}

    button.dialogo-scheda:not(.attiva):hover[b-a7zrqa32r1] {
        color: #0f172a;
    }

.dialogo-corpo-errore[b-a7zrqa32r1] {
    padding: 0 1.5rem 1.25rem;
}

    .dialogo-corpo-errore .dialogo-errore[b-a7zrqa32r1] {
        margin-top: 0;
    }
/* /Components/Pages/Clienti/ClientiList.razor.rz.scp.css */
/* Intestazione della pagina. */
.intestazione-pagina[b-k23sw546vs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-k23sw546vs] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #198754;
    background: #e8f5ee;
    border: 1px solid #bbf7d0;
    border-radius: .75rem;
}

.intestazione-titolo[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-k23sw546vs] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-k23sw546vs] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-k23sw546vs] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

.intestazione-azioni[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.btn-nuovo[b-k23sw546vs] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1rem;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    background: #198754;
    border-radius: .5rem;
    text-decoration: none;
}

    .btn-nuovo:hover[b-k23sw546vs] {
        color: #fff;
        background: #157347;
    }

/* Tab Clienti in forza / Archivio. */
.tab-clienti[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.tab-cliente[b-k23sw546vs] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1.1rem;
    font-size: .85rem;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    cursor: pointer;
}

    .tab-cliente.attiva[b-k23sw546vs] {
        color: #fff;
        background: #198754;
        border-color: #198754;
    }

    .tab-cliente.attiva.attiva-archivio[b-k23sw546vs] {
        background: #0f172a;
        border-color: #0f172a;
    }

.avviso-archivio[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem 1rem;
    font-size: .8rem;
    color: #713f12;
    background: #fefce8;
    border: 1px solid #fde68a;
    border-radius: .6rem;
}

    .avviso-archivio i[b-k23sw546vs] {
        color: #a16207;
    }

/* Ricerca e segmenti. */
.barra-ricerca[b-k23sw546vs] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.barra-riga[b-k23sw546vs] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ricerca-campo[b-k23sw546vs] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-k23sw546vs] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-k23sw546vs] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

.segmenti[b-k23sw546vs] {
    display: inline-flex;
    padding: .25rem;
    background: #f1f5f9;
    border-radius: .5rem;
}

.segmento[b-k23sw546vs] {
    padding: .4rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    color: #475569;
    background: transparent;
    border: 0;
    border-radius: .4rem;
    cursor: pointer;
}

    .segmento.attivo[b-k23sw546vs] {
        color: #0f172a;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.08);
    }

/* Griglia. */
.card[b-k23sw546vs]  .e-gridfooter {
    display: none;
}

.gruppo-intestazione[b-k23sw546vs] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.gruppo-conteggio[b-k23sw546vs] {
    min-width: 1.4rem;
    padding: 0.05rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10rem;
    background-color: #e2e8f0;
    color: #334155;
}

.griglia-cliente[b-k23sw546vs] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 600;
    color: #0f172a;
}

.cli-testo[b-k23sw546vs] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.cli-nome[b-k23sw546vs] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.cli-codice[b-k23sw546vs] {
    font-family: Consolas, monospace;
    font-size: .72rem;
    font-weight: 600;
    color: #64748b;
}

.etichetta-archiviata[b-k23sw546vs] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border: 1px solid #fde68a;
    border-radius: 10rem;
    background-color: #fefce8;
    color: #a16207;
}

.griglia-societa[b-k23sw546vs] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    padding: .25rem 0;
    white-space: normal;
}

.societa-riga[b-k23sw546vs] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.societa-codici[b-k23sw546vs] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .9rem;
    font-size: .76rem;
    color: #64748b;
}

    .societa-codici strong[b-k23sw546vs] {
        font-family: Consolas, monospace;
        color: #0f172a;
    }

.societa-attivita[b-k23sw546vs] {
    max-width: 100%;
    overflow: hidden;
    font-size: .76rem;
    color: #475569;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chip[b-k23sw546vs] {
    display: inline-block;
    padding: .1rem .5rem;
    font-size: .72rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: .35rem;
}

.chip-str[b-k23sw546vs] {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.chip-sup[b-k23sw546vs] {
    color: #1d4ed8;
    background: #dbeafe;
    border-color: #93c5fd;
}

.chip-neutro[b-k23sw546vs] {
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.griglia-info[b-k23sw546vs] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.8rem;
    color: #475569;
    white-space: normal;
}

    .griglia-info i[b-k23sw546vs] {
        color: #94a3b8;
    }

.griglia-vuoto[b-k23sw546vs] {
    color: #94a3b8;
}

/* Azioni: vedi, modifica, elimina, archivia. */
.griglia-azioni[b-k23sw546vs] {
    display: inline-flex;
    gap: 0.35rem;
}

.azione[b-k23sw546vs] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.85rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    text-decoration: none;
}

    .azione:disabled[b-k23sw546vs] {
        opacity: 0.6;
    }

.azione-vedi[b-k23sw546vs] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #2563eb;
}

    .azione-vedi:hover[b-k23sw546vs] {
        background-color: #dbeafe;
        color: #1d4ed8;
    }

.azione-modifica[b-k23sw546vs] {
    border-color: #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
}

    .azione-modifica:hover[b-k23sw546vs] {
        background-color: #e2e8f0;
        color: #1e293b;
    }

.azione-elimina[b-k23sw546vs] {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .azione-elimina:hover[b-k23sw546vs] {
        background-color: #fee2e2;
        color: #b91c1c;
    }

.azione-archivia[b-k23sw546vs] {
    border-color: #fde68a;
    background-color: #fefce8;
    color: #ca8a04;
}

    .azione-archivia:hover[b-k23sw546vs] {
        background-color: #fef9c3;
        color: #a16207;
    }

@media (max-width: 767.98px) {
    .intestazione-pagina[b-k23sw546vs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .barra-riga[b-k23sw546vs] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Clienti/SchedaCantieri.razor.rz.scp.css */
.campo-aiuto[b-fh55p42ua7] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

/* Testata della scheda: titolo a sinistra, "Aggiungi Cantiere" a destra, filetto sotto. */
.cantieri-testata[b-fh55p42ua7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #eef0f4;
}

.cantieri-titolo[b-fh55p42ua7] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.cantieri-sottotitolo[b-fh55p42ua7] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.cantieri-btn-nuovo[b-fh55p42ua7] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
}

    .cantieri-btn-nuovo:hover[b-fh55p42ua7] {
        background-color: #166534;
    }

/* Una scheda per cantiere. */
.cantiere[b-fh55p42ua7] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

    .cantiere.da-eliminare[b-fh55p42ua7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.8rem 1.1rem;
        border-style: dashed;
        background-color: #fff;
    }

.cantiere-rimosso[b-fh55p42ua7] {
    font-size: 0.85rem;
    color: #64748b;
}

    .cantiere-rimosso i[b-fh55p42ua7] {
        margin-right: 0.4rem;
        color: #dc2626;
    }

    .cantiere-rimosso strong[b-fh55p42ua7] {
        color: #0f172a;
        text-decoration: line-through;
    }

.cantiere-link[b-fh55p42ua7] {
    flex-shrink: 0;
    padding: 0;
    font-size: 0.82rem;
    font-weight: 700;
    border: 0;
    background: none;
    color: #15803d;
    text-decoration: underline;
}

.cantiere-testata[b-fh55p42ua7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.cantiere-numero[b-fh55p42ua7] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f172a;
}

.cantiere-nota[b-fh55p42ua7] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border: 1px solid #bbf7d0;
    border-radius: 10rem;
    background-color: #ecfdf3;
    color: #15803d;
}

.cantiere-rimuovi[b-fh55p42ua7] {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: none;
    color: #94a3b8;
}

    .cantiere-rimuovi:hover[b-fh55p42ua7] {
        border-color: #fecaca;
        background-color: #fef2f2;
        color: #dc2626;
    }

/* Due colonne: nome della sede e comune, tipologia e indirizzo; le note occupano tutta la riga. */
.cantiere-griglia[b-fh55p42ua7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.cantiere-intero[b-fh55p42ua7] {
    grid-column: 1 / -1;
}

/* Sola lettura: campi leggibili come testo normale, senza i suggerimenti "es. ..." che sembrerebbero valori. */
.dialogo-sola-lettura[b-fh55p42ua7]  .textboxmodulo:disabled {
    background-color: #fff;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .dialogo-sola-lettura[b-fh55p42ua7]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

/* Nessun cantiere. */
.cantieri-vuoto[b-fh55p42ua7] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.cantieri-vuoto-icona[b-fh55p42ua7] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.cantieri-vuoto-titolo[b-fh55p42ua7] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 575.98px) {
    .cantieri-testata[b-fh55p42ua7] {
        flex-direction: column;
        align-items: stretch;
    }

    .cantiere-griglia[b-fh55p42ua7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Clienti/SchedaReferenti.razor.rz.scp.css */
.campo-aiuto[b-umdc17nen2] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

/* Testata della scheda: titolo a sinistra, "Aggiungi Referente" a destra, filetto sotto. */
.referenti-testata[b-umdc17nen2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #eef0f4;
}

.referenti-titolo[b-umdc17nen2] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.referenti-sottotitolo[b-umdc17nen2] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.referenti-btn-nuovo[b-umdc17nen2] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
}

    .referenti-btn-nuovo:hover[b-umdc17nen2] {
        background-color: #166534;
    }

/* Una scheda per referente. */
.referente[b-umdc17nen2] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

    .referente.da-eliminare[b-umdc17nen2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.8rem 1.1rem;
        border-style: dashed;
        background-color: #fff;
    }

.referente-rimosso[b-umdc17nen2] {
    font-size: 0.85rem;
    color: #64748b;
}

    .referente-rimosso i[b-umdc17nen2] {
        margin-right: 0.4rem;
        color: #dc2626;
    }

    .referente-rimosso strong[b-umdc17nen2] {
        color: #0f172a;
        text-decoration: line-through;
    }

.referente-link[b-umdc17nen2] {
    flex-shrink: 0;
    padding: 0;
    font-size: 0.82rem;
    font-weight: 700;
    border: 0;
    background: none;
    color: #15803d;
    text-decoration: underline;
}

.referente-testata[b-umdc17nen2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.referente-numero[b-umdc17nen2] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f172a;
}

.referente-nota[b-umdc17nen2] {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border: 1px solid #bbf7d0;
    border-radius: 10rem;
    background-color: #ecfdf3;
    color: #15803d;
}

.referente-rimuovi[b-umdc17nen2] {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: none;
    color: #94a3b8;
}

    .referente-rimuovi:hover[b-umdc17nen2] {
        border-color: #fecaca;
        background-color: #fef2f2;
        color: #dc2626;
    }

/* Tre colonne, come nel mockup: nome, cognome, ruolo; poi telefono, cellulare, email. */
.referente-griglia[b-umdc17nen2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

/* Sola lettura: campi leggibili come testo normale, senza i suggerimenti "es. ..." che sembrerebbero valori. */
.dialogo-sola-lettura[b-umdc17nen2]  .textboxmodulo:disabled {
    background-color: #fff;
    color: #1e293b;
    -webkit-text-fill-color: #1e293b;
    opacity: 1;
    cursor: default;
}

    .dialogo-sola-lettura[b-umdc17nen2]  .textboxmodulo:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

/* Nessun referente. */
.referenti-vuoto[b-umdc17nen2] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.referenti-vuoto-icona[b-umdc17nen2] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.referenti-vuoto-titolo[b-umdc17nen2] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 767.98px) {
    .referente-griglia[b-umdc17nen2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .referenti-testata[b-umdc17nen2] {
        flex-direction: column;
        align-items: stretch;
    }

    .referente-griglia[b-umdc17nen2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Commerciale/AccettazionePreventivoDialog.razor.rz.scp.css */
.dialogo-sfondo[b-r2rs496qmb] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Finestra stretta: tre campi. */
.dialogo[b-r2rs496qmb] {
    width: 100%;
    max-width: 34rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto; icona verde come lo stato "Accettato". */
.dialogo-testata[b-r2rs496qmb] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-r2rs496qmb] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #dcfce7;
    color: #15803d;
}

.dialogo-titoli[b-r2rs496qmb] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-r2rs496qmb] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-r2rs496qmb] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-r2rs496qmb] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-r2rs496qmb] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-r2rs496qmb] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.accettazione-avviso[b-r2rs496qmb] {
    margin: 0;
    padding: 0.7rem 0.9rem;
    font-size: 0.84rem;
    line-height: 1.6;
    color: #14532d;
    border: 1px solid #bbf7d0;
    border-radius: 0.6rem;
    background-color: #f0fdf4;
}

.chip-stato[b-r2rs496qmb] {
    padding: 0.05rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-accettato[b-r2rs496qmb] {
    color: #15803d;
    background: #dcfce7;
    border-color: #86efac;
}

/* La data non ha bisogno di tutta la larghezza. */
.dialogo-corpo[b-r2rs496qmb]  .accettazione-data {
    max-width: 12rem;
}

.obbligatorio[b-r2rs496qmb] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-r2rs496qmb] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-r2rs496qmb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-r2rs496qmb] {
        color: #dc2626;
    }

.dialogo-piede[b-r2rs496qmb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-r2rs496qmb],
.dialogo-btn-accetta[b-r2rs496qmb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-r2rs496qmb] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-r2rs496qmb] {
        background-color: #e2e8f0;
    }

.dialogo-btn-accetta[b-r2rs496qmb] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-accetta:hover[b-r2rs496qmb] {
        background-color: #166534;
    }

    .dialogo-btn-accetta:disabled[b-r2rs496qmb] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-r2rs496qmb],
    .dialogo-piede[b-r2rs496qmb] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-r2rs496qmb] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-r2rs496qmb] {
        padding: 0 1rem 1rem;
    }
}
/* /Components/Pages/Commerciale/Commerciale.razor.rz.scp.css */
/* Intestazione della pagina, come negli altri moduli. */
.intestazione-pagina[b-4i7jqwag43] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-4i7jqwag43] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-4i7jqwag43] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #198754;
    background: #e8f5ee;
    border: 1px solid #bbf7d0;
    border-radius: .75rem;
}

.intestazione-titolo[b-4i7jqwag43] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-4i7jqwag43] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-4i7jqwag43] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-4i7jqwag43] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

.intestazione-azioni[b-4i7jqwag43] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.btn-nuovo[b-4i7jqwag43] {
    display: inline-flex;
    align-items: center;
    padding: .55rem 1rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background: #198754;
    border-radius: .5rem;
    text-decoration: none;
}

    .btn-nuovo:hover[b-4i7jqwag43] {
        color: #fff;
        background: #157347;
    }

/* Ricerca. */
.barra-ricerca[b-4i7jqwag43] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.ricerca-campo[b-4i7jqwag43] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-4i7jqwag43] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-4i7jqwag43] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

/* Cruscotto: quattro numeri sopra la ricerca. */
.cruscotto[b-4i7jqwag43] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.cruscotto-voce[b-4i7jqwag43] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    gap: .35rem .75rem;
    padding: .9rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.cruscotto-etichetta[b-4i7jqwag43] {
    grid-column: 1 / -1;
    font-size: .76rem;
    color: #475569;
}

.cruscotto-valore[b-4i7jqwag43] {
    font-size: 1.45rem;
    line-height: 1.2;
    color: #0f172a;
}

.cruscotto-nota[b-4i7jqwag43] {
    font-size: .74rem;
    text-align: right;
    color: #94a3b8;
}

.cruscotto .num[b-4i7jqwag43] {
    font-family: Consolas, monospace;
}

.cruscotto-blu[b-4i7jqwag43] {
    color: #2563eb;
}

.cruscotto-verde[b-4i7jqwag43] {
    color: #15803d;
}

@media (max-width: 1199.98px) {
    .cruscotto[b-4i7jqwag43] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .cruscotto[b-4i7jqwag43] {
        grid-template-columns: 1fr;
    }
}

/* Ricerca e pulsante dei filtri sulla stessa riga. */
.barra-riga[b-4i7jqwag43] {
    display: flex;
    gap: .6rem;
}

    .barra-riga .ricerca-campo[b-4i7jqwag43] {
        flex: 1;
        min-width: 0;
    }

.btn-filtri[b-4i7jqwag43] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: 0 1rem;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .5rem;
}

    .btn-filtri:hover[b-4i7jqwag43] {
        background: #dbeafe;
    }

/* Filtri in uso, sotto la ricerca. */
.filtri-in-uso[b-4i7jqwag43] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-top: .7rem;
}

.filtro-in-uso[b-4i7jqwag43] {
    padding: .12rem .55rem;
    font-size: .74rem;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10rem;
}

.filtri-ripristina[b-4i7jqwag43] {
    padding: 0 .25rem;
    font-size: .74rem;
    font-weight: 700;
    color: #1d4ed8;
    background: none;
    border: 0;
}

    .filtri-ripristina:hover[b-4i7jqwag43] {
        text-decoration: underline;
    }

/* Griglia. */
.card[b-4i7jqwag43]  .e-gridfooter {
    display: none;
}

/* Importi ordinabili: finché non sono ordinati, una freccia ⇅ tenue dice che basta cliccare l'intestazione. La freccia
   sta attaccata al nome della colonna (Syncfusion la metterebbe sul bordo sinistro, vicino alla colonna prima). */
.card[b-4i7jqwag43]  .e-headercell.col-importo .e-headercell-container {
    justify-content: flex-end;
    gap: .2rem;
}

.card[b-4i7jqwag43]  .e-headercell.col-importo .e-sortfilterdiv:not(.e-ascending):not(.e-descending)::before {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .7rem;
    color: #94a3b8;
}

.card[b-4i7jqwag43]  .e-headercell.col-importo:hover .e-sortfilterdiv::before {
    color: #475569;
}

/* Intestazione dei gruppi: valore (o stato), quanti preventivi e, sotto le loro colonne, i totali. Con i totali
   Syncfusion la chiude nella prima colonna: la si lascia proseguire nelle celle vuote accanto. */
.card[b-4i7jqwag43]  .e-groupcaption {
    position: relative;
    z-index: 1;
    overflow: visible;
    text-overflow: clip;
}

.gruppo-intestazione[b-4i7jqwag43] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.gruppo-conteggio[b-4i7jqwag43] {
    min-width: 1.4rem;
    padding: .05rem .45rem;
    font-size: .72rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10rem;
    background-color: #e2e8f0;
    color: #334155;
}

.gruppo-totale[b-4i7jqwag43] {
    color: #334155;
}

.prev-numero[b-4i7jqwag43] {
    display: block;
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #1d4ed8;
    text-decoration: none;
}

.prev-data[b-4i7jqwag43] {
    display: block;
    font-size: .74rem;
    color: #64748b;
}

.prev-cliente[b-4i7jqwag43] {
    display: block;
    font-weight: 600;
    color: #0f172a;
    white-space: normal;
}

.prev-cantiere[b-4i7jqwag43] {
    display: block;
    font-size: .76rem;
    color: #64748b;
    white-space: normal;
}

.prev-importo[b-4i7jqwag43] {
    display: block;
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #0f172a;
}

.chip-stato[b-4i7jqwag43] {
    padding: .1rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-bozza[b-4i7jqwag43] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
.stato-generato[b-4i7jqwag43] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-accettato[b-4i7jqwag43] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-rifiutato[b-4i7jqwag43] { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.stato-scaduto[b-4i7jqwag43] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }

/* Azioni: dettaglio, modifica, elimina. */
.griglia-azioni[b-4i7jqwag43] {
    display: inline-flex;
    gap: .35rem;
}

.azione[b-4i7jqwag43] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: .85rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    text-decoration: none;
}

    .azione:disabled[b-4i7jqwag43] {
        opacity: .6;
    }

.azione-dettaglio[b-4i7jqwag43] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
}

    .azione-dettaglio:hover[b-4i7jqwag43] {
        background-color: #dbeafe;
        color: #1e40af;
    }

.azione-modifica[b-4i7jqwag43] {
    border-color: #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
}

    .azione-modifica:hover[b-4i7jqwag43] {
        background-color: #e2e8f0;
        color: #1e293b;
    }

.azione-elimina[b-4i7jqwag43] {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .azione-elimina:hover[b-4i7jqwag43] {
        background-color: #fee2e2;
        color: #b91c1c;
    }

@media (max-width: 767.98px) {
    .intestazione-pagina[b-4i7jqwag43] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Commerciale/ContrattoAnteprima.razor.rz.scp.css */
/* Barra dei comandi sopra, PDF del contratto sotto a tutta altezza (il contenitore è StampaLayout). */

.anteprima-avviso[b-tem0tuehca] {
    padding: .75rem 1rem;
    font-size: .85rem;
    color: #334155;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
}

.barra[b-tem0tuehca] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem .75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    box-shadow: 0 2px 8px rgba(15, 39, 80, .08);
}

.barra-titolo[b-tem0tuehca] {
    flex: 1;
    min-width: 0;
    padding: 0 .5rem;
    font-size: .9rem;
    color: #334155;
}

    .barra-titolo strong[b-tem0tuehca] {
        color: #0f2750;
    }

.barra-stato[b-tem0tuehca] {
    display: block;
    font-size: .76rem;
    color: #64748b;
}

    .barra-stato .fa-check-circle[b-tem0tuehca] {
        color: #16a34a;
    }

    .barra-stato .fa-pen-nib[b-tem0tuehca] {
        color: #1d4ed8;
    }

.barra-btn[b-tem0tuehca] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    text-decoration: none;
    cursor: pointer;
}

    .barra-btn:hover[b-tem0tuehca] {
        color: #0f172a;
        background: #e2e8f0;
    }

.barra-btn-principale[b-tem0tuehca] {
    color: #fff;
    background: #0f2750;
    border-color: #0f2750;
}

    .barra-btn-principale:hover[b-tem0tuehca] {
        color: #fff;
        background: #1c3259;
    }

.pdf[b-tem0tuehca] {
    flex: 1;
    width: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
}

@media (max-width: 767.98px) {
    .barra[b-tem0tuehca] {
        flex-wrap: wrap;
    }

    .barra-titolo[b-tem0tuehca] {
        flex-basis: 100%;
        order: -1;
        padding: 0;
    }
}
/* /Components/Pages/Commerciale/ContrattoDettaglio.razor.rz.scp.css */
/* Pagina del contratto: una scheda bianca come il dettaglio del preventivo, con testata, riquadro dei dati, note e
   documenti. */

.ctr-torna[b-vytoj8rn4q] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .ctr-torna:hover[b-vytoj8rn4q] {
        color: #0f172a;
    }

.ctr[b-vytoj8rn4q] {
    padding: 1.25rem 1.5rem 1.5rem;
    color: #0f172a;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

/* --- Testata: etichette, cliente e pulsanti --- */

.ctr-testata[b-vytoj8rn4q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.ctr-chip[b-vytoj8rn4q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-bottom: .6rem;
}

.chip[b-vytoj8rn4q] {
    padding: .1rem .5rem;
    font-size: .74rem;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .3rem;
}

.chip-numero[b-vytoj8rn4q] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.chip-verde[b-vytoj8rn4q] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.chip-stato[b-vytoj8rn4q] {
    padding: .1rem .55rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.ctr-stato-dainiziare[b-vytoj8rn4q] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.ctr-stato-incorso[b-vytoj8rn4q] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.ctr-stato-concluso[b-vytoj8rn4q] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }

.ctr-testata h1[b-vytoj8rn4q] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

    .ctr-testata h1:focus[b-vytoj8rn4q] {
        outline: none;
    }

.ctr-sottotitolo[b-vytoj8rn4q] {
    margin: .2rem 0 0;
    font-size: .8rem;
    color: #64748b;
}

    .ctr-sottotitolo strong[b-vytoj8rn4q] {
        color: #334155;
    }

    .ctr-sottotitolo a[b-vytoj8rn4q] {
        font-family: Consolas, monospace;
        font-weight: 700;
        color: #1d4ed8;
        text-decoration: none;
    }

.ctr-azioni[b-vytoj8rn4q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.ctr-btn[b-vytoj8rn4q] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .8rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
    text-decoration: none;
}

    .ctr-btn:hover[b-vytoj8rn4q] {
        background: #f1f5f9;
    }

    .ctr-btn:disabled[b-vytoj8rn4q] {
        opacity: .6;
    }

.ctr-btn-blu[b-vytoj8rn4q] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #93c5fd;
}

    .ctr-btn-blu:hover[b-vytoj8rn4q] {
        background: #dbeafe;
    }

.ctr-btn-rosso[b-vytoj8rn4q] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fca5a5;
}

    .ctr-btn-rosso:hover[b-vytoj8rn4q] {
        background: #fee2e2;
    }

/* --- Committente e condizioni --- */

.ctr-riquadro[b-vytoj8rn4q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

    .ctr-riquadro > div[b-vytoj8rn4q] {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        font-size: .8rem;
        color: #475569;
    }

    .ctr-riquadro h2[b-vytoj8rn4q],
    .ctr-note h2[b-vytoj8rn4q] {
        margin: 0 0 .15rem;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .ctr-riquadro strong[b-vytoj8rn4q] {
        color: #0f172a;
    }

.ctr-nome[b-vytoj8rn4q] {
    font-size: .95rem;
}

.ctr-importo[b-vytoj8rn4q] {
    font-family: Consolas, monospace;
    color: #1d4ed8 !important;
}

    .ctr-importo small[b-vytoj8rn4q] {
        font-family: inherit;
        font-size: .72rem;
        font-weight: 400;
        color: #64748b;
    }

.ctr-vuoto[b-vytoj8rn4q] {
    color: #94a3b8;
}

.ctr-note[b-vytoj8rn4q] {
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

    /* Le note tengono gli a capo scritti nella finestra. */
    .ctr-note p[b-vytoj8rn4q] {
        margin: 0;
        font-size: .84rem;
        white-space: pre-line;
        overflow-wrap: anywhere;
    }

.ctr-documenti[b-vytoj8rn4q] {
    margin-top: 1.25rem;
}

/* --- Chi l'ha registrato e chi l'ha modificato --- */

.ctr-tracciamento[b-vytoj8rn4q] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.75rem;
    margin-top: 1.25rem;
    padding-top: .9rem;
    font-size: .76rem;
    color: #64748b;
    border-top: 1px solid #e5e7eb;
}

    .ctr-tracciamento i[b-vytoj8rn4q] {
        margin-right: .25rem;
        color: #94a3b8;
    }

    .ctr-tracciamento strong[b-vytoj8rn4q] {
        color: #334155;
    }

@media (max-width: 991.98px) {
    .ctr-testata[b-vytoj8rn4q] {
        flex-direction: column;
    }

    .ctr-azioni[b-vytoj8rn4q] {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .ctr[b-vytoj8rn4q] {
        padding: 1rem;
    }

    .ctr-riquadro[b-vytoj8rn4q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Commerciale/ContrattoDialog.razor.rz.scp.css */
.dialogo-sfondo[b-vm2tl68d2r] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Tre date in fila e le note. */
.dialogo[b-vm2tl68d2r] {
    width: 100%;
    max-width: 40rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-vm2tl68d2r] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-vm2tl68d2r] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #dbeafe;
    color: #1d4ed8;
}

.dialogo-titoli[b-vm2tl68d2r] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-vm2tl68d2r] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-vm2tl68d2r] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-vm2tl68d2r] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-vm2tl68d2r] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-vm2tl68d2r] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.contratto-avviso[b-vm2tl68d2r] {
    margin: 0;
    padding: 0.7rem 0.9rem;
    font-size: 0.84rem;
    line-height: 1.6;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
    border-radius: 0.6rem;
    background-color: #eff6ff;
}

/* Firma, inizio e fine sulla stessa riga; sul telefono una sotto l'altra. */
.contratto-date[b-vm2tl68d2r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.obbligatorio[b-vm2tl68d2r] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-vm2tl68d2r] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-vm2tl68d2r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-vm2tl68d2r] {
        color: #dc2626;
    }

.dialogo-piede[b-vm2tl68d2r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-vm2tl68d2r],
.dialogo-btn-salva[b-vm2tl68d2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-vm2tl68d2r] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-vm2tl68d2r] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-vm2tl68d2r] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-vm2tl68d2r] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-vm2tl68d2r] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .contratto-date[b-vm2tl68d2r] {
        grid-template-columns: 1fr;
    }

    .dialogo-testata[b-vm2tl68d2r],
    .dialogo-piede[b-vm2tl68d2r] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-vm2tl68d2r] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-vm2tl68d2r] {
        padding: 0 1rem 1rem;
    }
}
/* /Components/Pages/Commerciale/DettaglioPreventivo.razor.rz.scp.css */
/* Dettaglio del preventivo: un'unica scheda bianca con testata, riquadro dei dati, totali e capitolato. */

.det-torna[b-4698mekgd6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .det-torna:hover[b-4698mekgd6] {
        color: #0f172a;
    }

.det[b-4698mekgd6] {
    padding: 1.25rem 1.5rem 1.5rem;
    color: #0f172a;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.num[b-4698mekgd6] {
    font-family: Consolas, monospace;
}

.perdita[b-4698mekgd6] {
    color: #dc2626 !important;
}

.utile[b-4698mekgd6] {
    color: #15803d;
}

/* --- Testata: etichette, cliente e pulsanti --- */

.det-testata[b-4698mekgd6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.det-chip[b-4698mekgd6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-bottom: .6rem;
}

.chip[b-4698mekgd6] {
    padding: .1rem .5rem;
    font-size: .74rem;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .3rem;
}

.chip-numero[b-4698mekgd6] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.chip-verde[b-4698mekgd6] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.chip-rosso[b-4698mekgd6] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.chip-stato[b-4698mekgd6] {
    padding: .1rem .55rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-bozza[b-4698mekgd6] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
.stato-generato[b-4698mekgd6] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-accettato[b-4698mekgd6] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-rifiutato[b-4698mekgd6] { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.stato-scaduto[b-4698mekgd6] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }

.det-testata h1[b-4698mekgd6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

    .det-testata h1:focus[b-4698mekgd6] {
        outline: none;
    }

.det-sottotitolo[b-4698mekgd6] {
    margin: .2rem 0 0;
    font-size: .8rem;
    color: #64748b;
}

    .det-sottotitolo strong[b-4698mekgd6] {
        color: #334155;
    }

.det-azioni[b-4698mekgd6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.det-btn[b-4698mekgd6] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem .8rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
    text-decoration: none;
}

    .det-btn:hover[b-4698mekgd6] {
        background: #f1f5f9;
    }

.det-btn-blu[b-4698mekgd6] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #93c5fd;
}

    .det-btn-blu:hover[b-4698mekgd6] {
        background: #dbeafe;
    }

.det-btn-verde[b-4698mekgd6] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #86efac;
}

    .det-btn-verde:hover[b-4698mekgd6] {
        background: #dcfce7;
    }

.det-btn-viola[b-4698mekgd6] {
    color: #7e22ce;
    background: #faf5ff;
    border-color: #d8b4fe;
}

    .det-btn-viola:hover[b-4698mekgd6],
    .det-btn-viola[aria-expanded="true"][b-4698mekgd6] {
        background: #f3e8ff;
    }

.det-btn-accetta[b-4698mekgd6] {
    color: #fff;
    background: #16a34a;
    border-color: #16a34a;
}

    .det-btn-accetta:hover[b-4698mekgd6] {
        background: #15803d;
    }

    /* Bozza: il pulsante c'è, ma si accetta solo il preventivo generato (lo dice il suggerimento). */
    .det-btn-accetta:disabled[b-4698mekgd6] {
        opacity: .45;
        cursor: not-allowed;
    }

/* Il passo successivo all'accettazione: pieno, come il pulsante principale. */
.det-btn-contratto[b-4698mekgd6] {
    color: #fff;
    background: #0f2750;
    border-color: #0f2750;
}

    .det-btn-contratto:hover[b-4698mekgd6] {
        color: #fff;
        background: #1c3259;
    }

.det-btn-commessa[b-4698mekgd6] {
    color: #92400e;
    background: #fffbeb;
    border-color: #fcd34d;
}

    .det-btn-commessa:hover[b-4698mekgd6] {
        background: #fef3c7;
    }

    .det-btn-commessa:disabled[b-4698mekgd6] {
        opacity: .6;
    }

.det-btn-rosso[b-4698mekgd6] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fca5a5;
}

    .det-btn-rosso:hover[b-4698mekgd6] {
        background: #fee2e2;
    }

.det-conta[b-4698mekgd6] {
    min-width: 1.25rem;
    padding: 0 .35rem;
    font-size: .7rem;
    line-height: 1.25rem;
    text-align: center;
    color: #fff;
    background: #9333ea;
    border-radius: 10rem;
}

/* --- Accettazione del cliente: data, contratto e note --- */

.det-accettazione[b-4698mekgd6] {
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: .75rem;
}

.det-accettazione-testata[b-4698mekgd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .det-accettazione-testata h2[b-4698mekgd6] {
        margin: 0;
        font-size: .8rem;
        font-weight: 700;
        color: #15803d;
    }

.det-accettazione-modifica[b-4698mekgd6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .6rem;
    font-size: .75rem;
    font-weight: 700;
    color: #15803d;
    background: #fff;
    border: 1px solid #86efac;
    border-radius: .4rem;
}

    .det-accettazione-modifica:hover[b-4698mekgd6] {
        background: #dcfce7;
    }

.det-accettazione-riga[b-4698mekgd6] {
    margin: .35rem 0 0;
    font-size: .82rem;
    color: #334155;
}

    .det-accettazione-riga i[b-4698mekgd6] {
        margin-right: .3rem;
        color: #16a34a;
    }

    .det-accettazione-riga a[b-4698mekgd6] {
        font-family: Consolas, monospace;
        font-weight: 700;
        color: #1d4ed8;
        text-decoration: none;
    }

/* Le note tengono gli a capo scritti nella finestra. */
.det-accettazione-note[b-4698mekgd6] {
    margin: .5rem 0 0;
    padding: .5rem .75rem;
    font-size: .82rem;
    white-space: pre-line;
    overflow-wrap: anywhere;
    background: #fff;
    border: 1px solid #bbf7d0;
    border-radius: .5rem;
}

/* --- Rifiuto del cliente: motivo, data e note --- */

.det-rifiuto[b-4698mekgd6] {
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .75rem;
}

.det-rifiuto-testata[b-4698mekgd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .6rem;
}

    .det-rifiuto-testata h2[b-4698mekgd6] {
        margin: 0;
        font-size: .8rem;
        font-weight: 700;
        color: #b91c1c;
    }

.det-rifiuto-modifica[b-4698mekgd6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .6rem;
    font-size: .75rem;
    font-weight: 700;
    color: #b91c1c;
    background: #fff;
    border: 1px solid #fca5a5;
    border-radius: .4rem;
}

    .det-rifiuto-modifica:hover[b-4698mekgd6] {
        background: #fee2e2;
    }

.det-rifiuto dl[b-4698mekgd6] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) 10rem 2fr;
    gap: .5rem;
    margin: 0;
}

    .det-rifiuto dl > div[b-4698mekgd6] {
        min-width: 0;
        padding: .5rem .75rem;
        background: #fff;
        border: 1px solid #fecaca;
        border-radius: .5rem;
    }

.det-rifiuto dt[b-4698mekgd6] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #991b1b;
}

.det-rifiuto dd[b-4698mekgd6] {
    margin: .1rem 0 0;
    font-size: .84rem;
    font-weight: 600;
    color: #0f172a;
}

/* Le note tengono gli a capo scritti nella finestra. */
.det-rifiuto-note dd[b-4698mekgd6] {
    font-weight: 400;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

/* --- Storico dei PDF archiviati --- */

.det-storico[b-4698mekgd6] {
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    background: #faf5ff;
    border: 1px solid #e9d5ff;
    border-radius: .75rem;
}

    .det-storico h2[b-4698mekgd6] {
        margin: 0 0 .6rem;
        font-size: .8rem;
        font-weight: 700;
        color: #6b21a8;
    }

    .det-storico ul[b-4698mekgd6] {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .det-storico li[b-4698mekgd6] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .75rem;
        padding: .5rem .75rem;
        font-size: .8rem;
        background: #fff;
        border: 1px solid #e9d5ff;
        border-radius: .5rem;
    }

        .det-storico li + li[b-4698mekgd6] {
            margin-top: .4rem;
        }

.det-storico-vuoto[b-4698mekgd6] {
    margin: 0;
    font-size: .8rem;
    color: #64748b;
}

.det-storico-versione[b-4698mekgd6] {
    min-width: 5.5rem;
    font-weight: 700;
    color: #6b21a8;
}

.det-storico-dati[b-4698mekgd6] {
    color: #64748b;
}

    .det-storico-dati strong[b-4698mekgd6] {
        font-family: Consolas, monospace;
        color: #0f172a;
    }

.det-storico-azioni[b-4698mekgd6] {
    display: flex;
    gap: 1rem;
    margin-left: auto;
}

    .det-storico-azioni a[b-4698mekgd6] {
        font-weight: 700;
        color: #1d4ed8;
        text-decoration: none;
    }

        .det-storico-azioni a:hover[b-4698mekgd6] {
            text-decoration: underline;
        }

/* --- Committente e struttura --- */

.det-riquadro[b-4698mekgd6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

    .det-riquadro > div[b-4698mekgd6] {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        font-size: .8rem;
        color: #475569;
    }

    .det-riquadro h2[b-4698mekgd6] {
        margin: 0 0 .15rem;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .det-riquadro strong[b-4698mekgd6] {
        color: #0f172a;
    }

.det-nome[b-4698mekgd6] {
    font-size: .95rem;
}

.det-nome-vuoto[b-4698mekgd6] {
    font-weight: 400;
    color: #94a3b8 !important;
}

/* --- Scelta della vista: al mese o sull'intera durata --- */

.det-vista[b-4698mekgd6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: 1.25rem;
    padding: .6rem .7rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.det-vista-scelta[b-4698mekgd6] {
    display: inline-flex;
    padding: .2rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .6rem;
}

    .det-vista-scelta button[b-4698mekgd6] {
        padding: .35rem .8rem;
        font-size: .8rem;
        font-weight: 600;
        color: #334155;
        background: none;
        border: none;
        border-radius: .45rem;
    }

        .det-vista-scelta button.attiva[b-4698mekgd6] {
            font-weight: 700;
            color: #fff;
            background: #2563eb;
        }

.det-vista-nota[b-4698mekgd6] {
    font-size: .74rem;
    color: #64748b;
}

/* --- I quattro totali --- */

.det-totali[b-4698mekgd6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
    margin-top: 1.25rem;
}

.det-totale[b-4698mekgd6] {
    display: flex;
    flex-direction: column;
    padding: .8rem .9rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.det-totale-blu[b-4698mekgd6] {
    border-color: #93c5fd;
}

    .det-totale-blu .det-totale-etichetta[b-4698mekgd6],
    .det-totale-blu .det-totale-valore[b-4698mekgd6] {
        color: #1d4ed8;
    }

.det-totale-verde[b-4698mekgd6] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

    .det-totale-verde .det-totale-etichetta[b-4698mekgd6],
    .det-totale-verde .det-totale-valore[b-4698mekgd6] {
        color: #15803d;
    }

.det-totale-etichetta[b-4698mekgd6] {
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #64748b;
}

.det-totale-valore[b-4698mekgd6] {
    margin: .2rem 0 .3rem;
    font-size: 1.3rem;
    line-height: 1.3;
    color: #0f172a;
}

.det-totale-nota[b-4698mekgd6] {
    font-size: .74rem;
    color: #64748b;
}

.det-totale dl[b-4698mekgd6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .15rem .75rem;
    margin: .2rem 0 0;
    padding-top: .45rem;
    font-size: .74rem;
    color: #475569;
    border-top: 1px solid #e5e7eb;
}

.det-totale dt[b-4698mekgd6] {
    font-weight: 400;
}

.det-totale dd[b-4698mekgd6] {
    margin: 0;
    font-family: Consolas, monospace;
    text-align: right;
}

.det-totale dl strong[b-4698mekgd6] {
    color: #0f172a;
}

/* --- Capitolato --- */

.det-capitolato-titolo[b-4698mekgd6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.5rem 0 .6rem;
}

    .det-capitolato-titolo h2[b-4698mekgd6] {
        margin: 0;
        font-size: .8rem;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #0f172a;
    }

        .det-capitolato-titolo h2 i[b-4698mekgd6] {
            margin-right: .3rem;
            color: #16a34a;
        }

    .det-capitolato-titolo span[b-4698mekgd6] {
        font-size: .74rem;
        color: #64748b;
    }

.det-tabella-contenitore[b-4698mekgd6] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.det-tabella[b-4698mekgd6] {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
    font-size: .8rem;
}

    .det-tabella th[b-4698mekgd6],
    .det-tabella td[b-4698mekgd6] {
        padding: .6rem .7rem;
        vertical-align: middle;
    }

    .det-tabella thead th[b-4698mekgd6] {
        font-size: .76rem;
        font-weight: 600;
        white-space: nowrap;
        color: #475569;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
    }

    .det-tabella tbody td[b-4698mekgd6] {
        border-bottom: 1px solid #f1f5f9;
    }

    .det-tabella .col-num[b-4698mekgd6] {
        text-align: right;
        white-space: nowrap;
    }

    .det-tabella .col-centro[b-4698mekgd6] {
        text-align: center;
        white-space: nowrap;
    }

    .det-tabella .col-margine[b-4698mekgd6] {
        color: #15803d;
        background: #f0fdf4;
    }

    .det-tabella thead .col-canone[b-4698mekgd6],
    .det-tabella tbody .col-canone[b-4698mekgd6] {
        font-weight: 700;
        color: #0f172a;
    }

    /* Una tantum nella vista mensile: è nel preventivo ma non nel canone. */
    .det-tabella tr.fuori-canone td[b-4698mekgd6] {
        background: #fafafa;
    }

.det-tabella-vuota[b-4698mekgd6] {
    text-align: center;
    color: #94a3b8;
}

.det-attivita[b-4698mekgd6] {
    display: block;
    font-weight: 700;
    color: #0f172a;
}

.det-parametri[b-4698mekgd6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .15rem;
    font-size: .7rem;
    color: #64748b;
}

.parametro[b-4698mekgd6] {
    padding: 0 .3rem;
    font-family: Consolas, monospace;
    border-radius: .25rem;
}

.parametro-ore[b-4698mekgd6] {
    color: #15803d;
    background: #f0fdf4;
}

.parametro-costo[b-4698mekgd6] {
    color: #1d4ed8;
    background: #eff6ff;
}

.parametro-tantum[b-4698mekgd6] {
    font-family: inherit;
    font-weight: 700;
    color: #c2410c;
    background: #ffedd5;
}

.det-sotto[b-4698mekgd6] {
    display: block;
    font-size: .66rem;
    color: #94a3b8;
}

.det-tabella tfoot th[b-4698mekgd6],
.det-tabella tfoot td[b-4698mekgd6] {
    font-weight: 700;
    background: #f1f5f9;
    border-top: 1px solid #e5e7eb;
}

.det-tabella tfoot th[b-4698mekgd6] {
    text-align: left;
    text-transform: uppercase;
}

.det-tabella tfoot .col-margine[b-4698mekgd6] {
    background: #dcfce7;
}

.det-tabella tfoot .col-canone[b-4698mekgd6] {
    font-size: .92rem;
    color: #1d4ed8;
    background: #dbeafe;
}

.det-tabella tfoot .col-utile[b-4698mekgd6] {
    font-size: .92rem;
    color: #15803d;
    background: #dcfce7;
}

.det-tabella tfoot tr.det-tantum th[b-4698mekgd6],
.det-tabella tfoot tr.det-tantum td[b-4698mekgd6] {
    font-weight: 600;
    color: #475569;
    background: #fafafa;
}

/* --- Chi ha creato e chi ha modificato --- */

.det-tracciamento[b-4698mekgd6] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.75rem;
    margin-top: 1.25rem;
    padding-top: .9rem;
    font-size: .76rem;
    color: #64748b;
    border-top: 1px solid #e5e7eb;
}

    .det-tracciamento i[b-4698mekgd6] {
        margin-right: .25rem;
        color: #94a3b8;
    }

    .det-tracciamento strong[b-4698mekgd6] {
        color: #334155;
    }

@media (max-width: 991.98px) {
    .det-testata[b-4698mekgd6] {
        flex-direction: column;
    }

    .det-azioni[b-4698mekgd6] {
        justify-content: flex-start;
    }

    .det-totali[b-4698mekgd6] {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Motivo e data affiancati, le note sotto. */
    .det-rifiuto dl[b-4698mekgd6] {
        grid-template-columns: 1fr 10rem;
    }

    .det-rifiuto-note[b-4698mekgd6] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .det-riquadro[b-4698mekgd6],
    .det-totali[b-4698mekgd6],
    .det-rifiuto dl[b-4698mekgd6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Commerciale/FiltriPreventiviDialog.razor.rz.scp.css */
.dialogo-sfondo[b-1eebee9hwy] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 6vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.dialogo[b-1eebee9hwy] {
    width: 100%;
    max-width: 38rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-1eebee9hwy] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-1eebee9hwy] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #dbeafe;
    color: #1d4ed8;
}

.dialogo-titoli[b-1eebee9hwy] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-1eebee9hwy] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-1eebee9hwy] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-1eebee9hwy] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-1eebee9hwy] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

.dialogo-corpo[b-1eebee9hwy] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

/* Anni e stati: caselle in fila, con "Tutti" per prima. */
.filtro-gruppo[b-1eebee9hwy] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .filtro-gruppo legend[b-1eebee9hwy] {
        float: none;
        width: auto;
        margin-bottom: 0.4rem;
    }

.filtro-scelte[b-1eebee9hwy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.scelta[b-1eebee9hwy] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.65rem;
    font-size: 0.84rem;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background-color: #f8fafc;
    cursor: pointer;
}

    .scelta input[b-1eebee9hwy] {
        accent-color: #16a34a;
    }

.scelta-tutti[b-1eebee9hwy] {
    font-weight: 700;
    background-color: #fff;
    border-color: #cbd5e1;
}

.chip-stato[b-1eebee9hwy] {
    padding: .05rem .5rem;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-bozza[b-1eebee9hwy] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
.stato-generato[b-1eebee9hwy] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-accettato[b-1eebee9hwy] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-rifiutato[b-1eebee9hwy] { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.stato-scaduto[b-1eebee9hwy] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }

/* Intervalli: nome del filtro, poi "da" e "a" sulla stessa riga. */
.filtro-intervalli[b-1eebee9hwy] {
    display: grid;
    grid-template-columns: 10.5rem 1fr 1fr;
    align-items: center;
    gap: 0.6rem 0.75rem;
}

    .filtro-intervalli label[b-1eebee9hwy] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-errore[b-1eebee9hwy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

.dialogo-piede[b-1eebee9hwy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-ripristina[b-1eebee9hwy],
.dialogo-btn-annulla[b-1eebee9hwy],
.dialogo-btn-salva[b-1eebee9hwy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

/* A sinistra, staccato dagli altri due. */
.dialogo-btn-ripristina[b-1eebee9hwy] {
    margin-right: auto;
    padding-left: 0;
    background: none;
    color: #475569;
}

    .dialogo-btn-ripristina:hover[b-1eebee9hwy] {
        color: #0f172a;
    }

.dialogo-btn-annulla[b-1eebee9hwy] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-1eebee9hwy] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-1eebee9hwy] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-1eebee9hwy] {
        background-color: #166534;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-1eebee9hwy],
    .dialogo-piede[b-1eebee9hwy] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-1eebee9hwy] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Il nome del filtro va sopra i suoi due campi. */
    .filtro-intervalli[b-1eebee9hwy] {
        grid-template-columns: 1fr 1fr;
    }

        .filtro-intervalli .labelmodulo[b-1eebee9hwy] {
            grid-column: 1 / -1;
            margin-bottom: -0.3rem;
        }
}
/* /Components/Pages/Commerciale/PreventivoAnteprima.razor.rz.scp.css */
/* Barra dei comandi sopra, PDF del preventivo sotto a tutta altezza (il contenitore è StampaLayout). */

.anteprima-avviso[b-6dclvasiuk] {
    padding: .75rem 1rem;
    font-size: .85rem;
    color: #334155;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
}

.anteprima-errore[b-6dclvasiuk] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.barra[b-6dclvasiuk] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem .75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    box-shadow: 0 2px 8px rgba(15, 39, 80, .08);
}

.barra-titolo[b-6dclvasiuk] {
    flex: 1;
    min-width: 0;
    padding: 0 .5rem;
    font-size: .9rem;
    color: #334155;
}

    .barra-titolo strong[b-6dclvasiuk] {
        color: #0f2750;
    }

.barra-stato[b-6dclvasiuk] {
    display: block;
    font-size: .76rem;
    color: #64748b;
}

    .barra-stato .fa-check-circle[b-6dclvasiuk] {
        color: #16a34a;
    }

.barra-stato-avviso[b-6dclvasiuk] {
    color: #c2410c;
}

.barra-link[b-6dclvasiuk] {
    padding: 0;
    font-size: inherit;
    font-weight: 700;
    color: #1d4ed8;
    background: none;
    border: none;
    text-decoration: underline;
}

.barra-btn[b-6dclvasiuk] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    text-decoration: none;
    cursor: pointer;
}

    .barra-btn:hover[b-6dclvasiuk] {
        color: #0f172a;
        background: #e2e8f0;
    }

.barra-btn-principale[b-6dclvasiuk] {
    color: #fff;
    background: #0f2750;
    border-color: #0f2750;
}

    .barra-btn-principale:hover[b-6dclvasiuk] {
        color: #fff;
        background: #1c3259;
    }

/* Versioni archiviate: elenco che si apre sotto il pulsante. */
.versioni[b-6dclvasiuk] {
    position: relative;
}

    .versioni summary[b-6dclvasiuk] {
        list-style: none;
    }

        .versioni summary[b-6dclvasiuk]::-webkit-details-marker {
            display: none;
        }

    .versioni ul[b-6dclvasiuk] {
        position: absolute;
        right: 0;
        z-index: 10;
        min-width: 15rem;
        margin: .35rem 0 0;
        padding: .35rem;
        list-style: none;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: .5rem;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .15);
    }

    .versioni a[b-6dclvasiuk] {
        display: block;
        padding: .4rem .6rem;
        font-size: .8rem;
        color: #334155;
        border-radius: .35rem;
        text-decoration: none;
    }

        .versioni a:hover[b-6dclvasiuk] {
            background: #f1f5f9;
        }

        .versioni a span[b-6dclvasiuk] {
            color: #64748b;
        }

.pdf[b-6dclvasiuk] {
    flex: 1;
    width: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
}

@media (max-width: 767.98px) {
    .barra[b-6dclvasiuk] {
        flex-wrap: wrap;
    }

    .barra-titolo[b-6dclvasiuk] {
        flex-basis: 100%;
        order: -1;
        padding: 0;
    }
}
/* /Components/Pages/Commerciale/PreventivoEdit.razor.rz.scp.css */
/* Testata della pagina. */
.prev-testata[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.prev-testata-icona[b-fjf8u2q15j] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 1.15rem;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .75rem;
}

.prev-testata-titolo[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
}

    .prev-testata-titolo h1[b-fjf8u2q15j] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-fjf8u2q15j] {
    padding: .15rem .5rem;
    font-family: Consolas, monospace;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .3rem;
}

.prev-testata-sottotitolo[b-fjf8u2q15j] {
    margin: .15rem 0 0;
    font-size: .8rem;
    color: #64748b;
}

.chip-stato[b-fjf8u2q15j] {
    padding: .1rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-bozza[b-fjf8u2q15j] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }
.stato-generato[b-fjf8u2q15j] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-accettato[b-fjf8u2q15j] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-rifiutato[b-fjf8u2q15j] { color: #b91c1c; background: #fee2e2; border-color: #fca5a5; }
.stato-scaduto[b-fjf8u2q15j] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }

/* Sezioni numerate. */
.prev-sezione[b-fjf8u2q15j] {
    margin-bottom: 1rem;
    padding: 1rem 1.25rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.prev-sezione-testata[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #eef0f4;
}

    .prev-sezione-testata h2[b-fjf8u2q15j] {
        margin: 0;
        font-size: .82rem;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #0f172a;
    }

        .prev-sezione-testata h2 i[b-fjf8u2q15j] {
            margin-right: .4rem;
            color: #1d4ed8;
        }

.prev-sezione-nota[b-fjf8u2q15j] {
    font-size: .76rem;
    color: #94a3b8;
}

.prev-sezione-sottotitolo[b-fjf8u2q15j] {
    margin: .2rem 0 0;
    font-size: .76rem;
    color: #64748b;
}

.prev-sezione-azioni[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* 12 colonne (le classi col-* sono di Bootstrap, per questo span-*). */
.prev-griglia[b-fjf8u2q15j] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.span-3[b-fjf8u2q15j] { grid-column: span 3; }
.span-4[b-fjf8u2q15j] { grid-column: span 4; }
.span-5[b-fjf8u2q15j] { grid-column: span 5; }

.obbligatorio[b-fjf8u2q15j] {
    color: #dc2626;
}

.campo-aiuto[b-fjf8u2q15j] {
    display: block;
    margin-top: .25rem;
    font-size: .72rem;
    color: #64748b;
}

.campo-aiuto-verde[b-fjf8u2q15j] {
    font-weight: 600;
    color: #15803d;
}

.etichetta-con-nota[b-fjf8u2q15j] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.etichetta-nota-verde[b-fjf8u2q15j] {
    font-size: .72rem;
    font-weight: 700;
    color: #15803d;
}

.prev-griglia[b-fjf8u2q15j]  .campo-verde {
    border-color: #86efac;
    background-color: #f0fdf4;
}

/* Casella + pulsanti accanto (nuovo cliente, modifica cliente, applica a tutte). */
.campo-con-pulsanti[b-fjf8u2q15j] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
}

    .campo-con-pulsanti > :first-child[b-fjf8u2q15j],
    .campo-crescente[b-fjf8u2q15j] {
        flex: 1;
        min-width: 0;
    }

.pulsante-icona[b-fjf8u2q15j] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    font-size: .85rem;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .5rem;
}

    .pulsante-icona:hover[b-fjf8u2q15j] {
        background: #dbeafe;
    }

.pulsante-elimina[b-fjf8u2q15j] {
    color: #dc2626;
    background: #fef2f2;
    border-color: #fecaca;
}

    .pulsante-elimina:hover[b-fjf8u2q15j] {
        background: #fee2e2;
    }

.voce-dettaglio[b-fjf8u2q15j] {
    margin-left: .35rem;
    font-size: .76rem;
    color: #64748b;
}

.cantiere-info[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .6rem;
    margin-top: .35rem;
    font-size: .74rem;
    color: #64748b;
}

.chip-tipologia[b-fjf8u2q15j] {
    padding: .05rem .5rem;
    font-weight: 700;
    color: #7e22ce;
    background: #f3e8ff;
    border: 1px solid #d8b4fe;
    border-radius: .3rem;
}

/* Pulsanti della sezione capitolato. */
.btn-primario[b-fjf8u2q15j],
.btn-secondario[b-fjf8u2q15j] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: .5rem;
}

.btn-primario[b-fjf8u2q15j] {
    color: #fff;
    background: #1d6fd1;
    border: 1px solid #1d6fd1;
}

    .btn-primario:hover[b-fjf8u2q15j] {
        background: #1a5fb4;
    }

    .btn-primario:disabled[b-fjf8u2q15j] {
        opacity: .5;
    }

.btn-secondario[b-fjf8u2q15j] {
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #86efac;
}

    .btn-secondario:hover[b-fjf8u2q15j] {
        background: #dcfce7;
    }

/* Barra: superficie del cantiere, margine globale, macro intera. */
.prev-barra[b-fjf8u2q15j] {
    display: grid;
    /* Superficie e margine larghi quanto serve; il resto alla casella della macro. */
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .7rem;
}

/* Superficie e margine: poche cifre, campi stretti. */
.campo-stretto[b-fjf8u2q15j] {
    width: 7rem;
}

.campo-con-pulsanti > .campo-stretto[b-fjf8u2q15j] {
    flex: 0 0 7rem;
}

/* Nella barra, più aria tra il campo del margine e "Applica a tutte" (in rem: 1rem ≈ 16 px). */
.prev-barra .campo-con-pulsanti[b-fjf8u2q15j] {
    gap: 1.5rem;
}

.prev-barra-campo label[b-fjf8u2q15j] {
    display: block;
    margin-bottom: .3rem;
    /* Il titolo resta intero su una riga: la colonna si allarga quanto serve. */
    white-space: nowrap;
    font-size: .8rem;
    font-weight: 700;
    color: #0f172a;
 }

    .prev-barra-campo label i[b-fjf8u2q15j] {
        color: #1d4ed8;
    }

/* Unità di misura dentro il campo (mq, %, h, €, gg / sett). */
.campo-con-unita[b-fjf8u2q15j] {
    position: relative;
}

    /* Spazio a destra quanto basta per l'unità; il valore va a destra, vicino a frecce e unità. */
    .campo-con-unita[b-fjf8u2q15j]  .textboxmodulo {
        padding-right: 2.6rem;
        text-align: right;
    }

    /* Unità lunghe ("gg / sett", "h / 100 mq"): serve più spazio. */
    .campo-con-unita.unita-lunga[b-fjf8u2q15j]  .textboxmodulo {
        padding-right: 5.6rem;
    }

.campo-unita[b-fjf8u2q15j] {
    position: absolute;
    top: 50%;
    right: .55rem;
    transform: translateY(-50%);
    padding: .1rem .4rem;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
    color: #475569;
    background: #eef2f5;
    border-radius: .3rem;
    pointer-events: none;
}

/* Avviso sopra la maschera quando il preventivo nasce come copia di un altro. */
.prev-copia[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    font-size: .84rem;
    color: #1e3a8a;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .6rem;
}

/* Sotto la casella Referente, quando è scritto a mano. */
.referente-nota[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .3rem;
    font-size: .75rem;
    color: #1d4ed8;
}

.prev-bloccato[b-fjf8u2q15j],
.prev-accettato[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    font-size: .84rem;
    border-radius: .6rem;
}

.prev-bloccato[b-fjf8u2q15j] {
    color: #1e293b;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
}

.prev-accettato[b-fjf8u2q15j] {
    color: #14532d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.prev-rifiutato[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    font-size: .84rem;
    color: #7f1d1d;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .6rem;
}

.prev-errore[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    font-size: .84rem;
    font-weight: 600;
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: .6rem;
}

.prev-vuoto[b-fjf8u2q15j] {
    padding: 2rem 1rem;
    text-align: center;
    background: #f8fafc;
    border: 1px dashed #d5dbe3;
    border-radius: .7rem;
}

.prev-vuoto-icona[b-fjf8u2q15j] {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eff6ff;
    color: #1d4ed8;
}

.prev-vuoto-titolo[b-fjf8u2q15j] {
    margin-bottom: .2rem;
    font-weight: 700;
    color: #0f172a;
}

.prev-vuoto-testo[b-fjf8u2q15j] {
    margin: 0;
    font-size: .8rem;
    color: #64748b;
}

/* Una riga del capitolato: senza attività è bianca, poi prende il colore della categoria (variabili sotto). */
.prev-riga[b-fjf8u2q15j] {
    margin-bottom: .9rem;
    padding: .9rem 1rem 1rem;
    border: 1px solid var(--cat-bordo, #e2e8f0);
    border-left: 4px solid var(--cat-forte, #cbd5e1);
    border-radius: .8rem;
    background: var(--cat-sfondo, #fff);
}

/* Stessi colori delle categorie nell'elenco attività: il numero è l'Id della categoria % 8. */
.prev-riga.categoria-0[b-fjf8u2q15j] { --cat-forte: #64748b; --cat-sfondo: #f8fafc; --cat-bordo: #e2e8f0; --cat-testo: #475569; --cat-chip: #f1f5f9; }
.prev-riga.categoria-1[b-fjf8u2q15j] { --cat-forte: #3b82f6; --cat-sfondo: #f5f9ff; --cat-bordo: #bfdbfe; --cat-testo: #1d4ed8; --cat-chip: #dbeafe; }
.prev-riga.categoria-2[b-fjf8u2q15j] { --cat-forte: #14b8a6; --cat-sfondo: #f2fdfb; --cat-bordo: #99f6e4; --cat-testo: #0f766e; --cat-chip: #ccfbf1; }
.prev-riga.categoria-3[b-fjf8u2q15j] { --cat-forte: #a855f7; --cat-sfondo: #fbf7ff; --cat-bordo: #e9d5ff; --cat-testo: #7e22ce; --cat-chip: #f3e8ff; }
.prev-riga.categoria-4[b-fjf8u2q15j] { --cat-forte: #f97316; --cat-sfondo: #fffaf5; --cat-bordo: #fed7aa; --cat-testo: #c2410c; --cat-chip: #ffedd5; }
.prev-riga.categoria-5[b-fjf8u2q15j] { --cat-forte: #0ea5e9; --cat-sfondo: #f4fbff; --cat-bordo: #bae6fd; --cat-testo: #0369a1; --cat-chip: #e0f2fe; }
.prev-riga.categoria-6[b-fjf8u2q15j] { --cat-forte: #ef4444; --cat-sfondo: #fff7f7; --cat-bordo: #fecaca; --cat-testo: #b91c1c; --cat-chip: #fee2e2; }
.prev-riga.categoria-7[b-fjf8u2q15j] { --cat-forte: #eab308; --cat-sfondo: #fffdf0; --cat-bordo: #fde68a; --cat-testo: #a16207; --cat-chip: #fef9c3; }

.chip-categoria[b-fjf8u2q15j] {
    color: var(--cat-testo, #475569);
    background: var(--cat-chip, #f1f5f9);
    border-color: var(--cat-bordo, #e2e8f0);
    font-family: inherit;
}

.prev-riga-testata[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .6rem;
    margin-bottom: .9rem;
}

.prev-riga-numero[b-fjf8u2q15j] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: .35rem;
    font-size: .72rem;
    font-weight: 800;
    color: #334155;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
}

.prev-riga-attivita[b-fjf8u2q15j] {
    flex: 1;
    min-width: 16rem;
}

.prev-riga-chip[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .35rem;
}

.chip-listino[b-fjf8u2q15j] {
    padding: .2rem .5rem;
    font-family: Consolas, monospace;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: .35rem;
}

.chip-ore[b-fjf8u2q15j] { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }
.chip-costo[b-fjf8u2q15j] { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }

.prev-riga-azioni[b-fjf8u2q15j] {
    display: flex;
    gap: .35rem;
    margin-left: auto;
}

.prev-riga-campi[b-fjf8u2q15j] {
    display: grid;
    /* Superficie | Frequenza (tendina + volte) | Operatori | Ore/100 mq | Costo/100 mq */
    grid-template-columns: 8rem 18rem 7rem 8rem 9rem;
    justify-content: start;   /* tiene le colonne a sinistra invece di allargarle */
    gap: .9rem;
}

/* Tutti i valori della riga allineati a destra. */
.prev-riga-campi[b-fjf8u2q15j]  .textboxmodulo {
    text-align: right;
}

/* La tendina della frequenza ha bisogno anche di questa. */
.prev-riga-campi[b-fjf8u2q15j]  select.textboxmodulo {
    text-align-last: right;
}

.frequenza[b-fjf8u2q15j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .4rem;
}

/* Ore o costo diversi dal listino: si vede subito. */
.prev-riga-campi[b-fjf8u2q15j]  .textboxmodulo.corretto {
    border-color: #fbbf24;
    background-color: #fffbeb;
}

.riga-corretta[b-fjf8u2q15j] {
    margin: .6rem 0 0;
    font-size: .76rem;
    color: #a16207;
}

.link-azione[b-fjf8u2q15j] {
    margin-left: .3rem;
    padding: 0;
    font-size: .76rem;
    font-weight: 700;
    color: #1d4ed8;
    text-decoration: underline;
    background: none;
    border: 0;
}

/* Riepilogo della riga: costo da listino e margine. */
.prev-riga-riepilogo[b-fjf8u2q15j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .9rem;
    margin-top: .9rem;
}

.box-costo[b-fjf8u2q15j],
.box-margine[b-fjf8u2q15j] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .65rem .8rem;
    font-size: .8rem;
    border-radius: .6rem;
}

.box-costo[b-fjf8u2q15j] {
    color: #334155;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.box-margine[b-fjf8u2q15j] {
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #86efac;
}

.box-titolo[b-fjf8u2q15j] {
    margin: 0;
    font-size: .74rem;
    font-weight: 700;
    color: inherit;
}

.box-riga[b-fjf8u2q15j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

    .box-riga strong[b-fjf8u2q15j] {
        color: #0f172a;
    }

.box-nota[b-fjf8u2q15j] {
    font-size: .72rem;
    color: #64748b;
}

.box-prezzo[b-fjf8u2q15j] {
    font-size: 1rem;
}

.box-utile[b-fjf8u2q15j] {
    font-size: .74rem;
    font-weight: 700;
}

.campo-margine[b-fjf8u2q15j] {
    width: 7.5rem;
}

    .campo-margine[b-fjf8u2q15j]  .textboxmodulo {
        padding-right: 2rem;
    }

/* Canone della riga: si può scrivere a mano. */
.campo-prezzo[b-fjf8u2q15j] {
    width: 10rem;
}

    .campo-prezzo[b-fjf8u2q15j]  .textboxmodulo {
        padding-right: 3rem;
        font-size: 1rem;
        font-weight: 700;
        color: #0f172a;
    }

        /* Prezzo scritto a mano: stesso giallo delle ore e dei costi corretti. */
        .campo-prezzo[b-fjf8u2q15j]  .textboxmodulo.a-mano {
            border-color: #fbbf24;
            background-color: #fffbeb;
        }

.prezzo-a-mano[b-fjf8u2q15j] {
    margin: 0;
    font-size: .72rem;
    color: #a16207;
}

/* Prezzo sotto il costo: riquadro e utile in rosso. */
.box-margine.in-perdita[b-fjf8u2q15j] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fca5a5;
}

.btn-aggiungi-riga[b-fjf8u2q15j] {
    width: 100%;
    padding: .6rem;
    font-size: .82rem;
    font-weight: 700;
    color: #1d4ed8;
    background: #f8fafc;
    border: 1px dashed #93c5fd;
    border-radius: .6rem;
}

    .btn-aggiungi-riga:hover[b-fjf8u2q15j] {
        background: #eff6ff;
    }

/* Note: per il cliente e interne. */
.prev-note[b-fjf8u2q15j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Totali in fondo: barra scura sempre visibile, come nel mockup. */
.prev-piede[b-fjf8u2q15j] {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem 1rem;
    margin-top: 1rem;
    padding: .6rem 1rem;
    color: #e2e8f0;
    background: #0f172a;
    border-radius: .9rem .9rem 0 0;
    box-shadow: 0 -.5rem 1.5rem rgba(15, 23, 42, .2);
}

.piede-totali[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.1rem;
}

.piede-voce[b-fjf8u2q15j],
.piede-contratto[b-fjf8u2q15j] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

    .piede-voce strong[b-fjf8u2q15j] {
        font-size: .92rem;
        white-space: nowrap;
        color: #fff;
    }

.piede-etichetta[b-fjf8u2q15j] {
    font-size: .66rem;
    white-space: nowrap;
    color: #94a3b8;
}

.piede-etichetta-blu[b-fjf8u2q15j] {
    font-weight: 700;
    color: #38bdf8;
}

.piede-nota[b-fjf8u2q15j] {
    font-size: .66rem;
    white-space: nowrap;
    color: #94a3b8;
}

.piede-nota-verde[b-fjf8u2q15j],
.piede-utile[b-fjf8u2q15j] {
    color: #4ade80 !important;
}

/* Utile complessivo negativo (prezzi a mano sotto il costo). */
.piede-perdita[b-fjf8u2q15j] {
    color: #f87171 !important;
}

.piede-percentuale[b-fjf8u2q15j] {
    margin-left: .3rem;
    padding: 0 .35rem;
    font-size: .72rem;
    border: 1px solid #22c55e;
    border-radius: .25rem;
}

.piede-canone[b-fjf8u2q15j] {
    font-size: 1.1rem !important;
}

.piede-contratto[b-fjf8u2q15j] {
    padding: .4rem .8rem;
    text-align: right;
    background: #111c33;
    border: 1px solid #1e3a5f;
    border-radius: .6rem;
}

    .piede-contratto strong[b-fjf8u2q15j] {
        font-size: 1.1rem;
        white-space: nowrap;
        color: #fff;
    }

.piede-pulsanti[b-fjf8u2q15j] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.piede-btn[b-fjf8u2q15j] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .85rem;
    font-size: .8rem;
    white-space: nowrap;
    font-weight: 700;
    border-radius: .55rem;
}

    .piede-btn:disabled[b-fjf8u2q15j] {
        opacity: .6;
    }

.piede-btn-annulla[b-fjf8u2q15j] {
    color: #e2e8f0;
    background: transparent;
    border: 1px solid #475569;
}

.piede-btn-bozza[b-fjf8u2q15j] {
    color: #fff;
    background: #1e293b;
    border: 1px solid #334155;
}

.piede-btn-genera[b-fjf8u2q15j] {
    color: #fff;
    background: #16a34a;
    border: 1px solid #16a34a;
}

    .piede-btn-genera:hover[b-fjf8u2q15j] {
        background: #15803d;
    }

@media (max-width: 1199.98px) {
    .prev-riga-campi[b-fjf8u2q15j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .campo-frequenza[b-fjf8u2q15j] {
        grid-column: span 2;
    }

    .prev-barra[b-fjf8u2q15j] {
        grid-template-columns: auto auto;
        justify-content: start;
    }

    .prev-barra-macro[b-fjf8u2q15j] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .span-3[b-fjf8u2q15j],
    .span-4[b-fjf8u2q15j],
    .span-5[b-fjf8u2q15j] {
        grid-column: span 6;
    }
}

@media (max-width: 767.98px) {
    .span-3[b-fjf8u2q15j],
    .span-4[b-fjf8u2q15j],
    .span-5[b-fjf8u2q15j] {
        grid-column: 1 / -1;
    }

    .prev-barra[b-fjf8u2q15j],
    .prev-riga-campi[b-fjf8u2q15j],
    .prev-riga-riepilogo[b-fjf8u2q15j],
    .prev-note[b-fjf8u2q15j] {
        grid-template-columns: 1fr;
    }

    .campo-frequenza[b-fjf8u2q15j],
    .prev-barra-macro[b-fjf8u2q15j] {
        grid-column: auto;
    }

    .prev-riga-azioni[b-fjf8u2q15j] {
        margin-left: 0;
    }

    .piede-contratto[b-fjf8u2q15j] {
        text-align: left;
    }

    /* Sul telefono i totali occuperebbero mezzo schermo: stanno in fondo alla pagina, non fissi. */
    .prev-piede[b-fjf8u2q15j] {
        position: static;
        border-radius: .9rem;
    }
}
/* /Components/Pages/Commerciale/PreventivoInterno.razor.rz.scp.css */
/* Barra scura "documento riservato" sopra, PDF interno sotto a tutta altezza (il contenitore è StampaLayout). */

.interno-avviso[b-75t6cgxj4n] {
    padding: .75rem 1rem;
    font-size: .85rem;
    color: #334155;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
}

.barra-riservata[b-75t6cgxj4n] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .65rem .9rem;
    color: #d1fae5;
    background: #0b1f17;
    border-radius: .75rem;
}

.riservata-icona[b-75t6cgxj4n] {
    font-size: 1.1rem;
    color: #4ade80;
}

.riservata-titolo[b-75t6cgxj4n] {
    flex: 1;
    min-width: 0;
    font-size: .8rem;
}

    .riservata-titolo strong[b-75t6cgxj4n] {
        letter-spacing: .06em;
        color: #4ade80;
    }

.riservata-rif[b-75t6cgxj4n] {
    margin-left: .6rem;
    padding-left: .6rem;
    font-family: Consolas, monospace;
    color: #cbd5e1;
    border-left: 1px solid #334155;
}

.riservata-nota[b-75t6cgxj4n] {
    display: block;
    font-size: .72rem;
    color: #86efac;
}

.riservata-btn[b-75t6cgxj4n] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .9rem;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background: #15803d;
    border-radius: .5rem;
    text-decoration: none;
}

    .riservata-btn:hover[b-75t6cgxj4n] {
        color: #fff;
        background: #166534;
    }

.riservata-chiudi[b-75t6cgxj4n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    font-size: 1.05rem;
    color: #4ade80;
    border-radius: .5rem;
    text-decoration: none;
}

    .riservata-chiudi:hover[b-75t6cgxj4n] {
        color: #fff;
        background: rgba(255, 255, 255, .1);
    }

.pdf[b-75t6cgxj4n] {
    flex: 1;
    width: 100%;
    min-height: 0;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
}

@media (max-width: 767.98px) {
    .barra-riservata[b-75t6cgxj4n] {
        flex-wrap: wrap;
    }

    .riservata-titolo[b-75t6cgxj4n] {
        flex-basis: calc(100% - 3rem);
    }

    .riservata-rif[b-75t6cgxj4n] {
        display: block;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
}
/* /Components/Pages/Commerciale/RifiutoPreventivoDialog.razor.rz.scp.css */
.dialogo-sfondo[b-0lmx6zj15v] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Finestra stretta: tre campi. */
.dialogo[b-0lmx6zj15v] {
    width: 100%;
    max-width: 34rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto; icona rossa come lo stato "Rifiutato". */
.dialogo-testata[b-0lmx6zj15v] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-0lmx6zj15v] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fee2e2;
    color: #b91c1c;
}

.dialogo-titoli[b-0lmx6zj15v] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-0lmx6zj15v] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-0lmx6zj15v] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-0lmx6zj15v] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-0lmx6zj15v] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-0lmx6zj15v] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.rifiuto-avviso[b-0lmx6zj15v] {
    margin: 0;
    padding: 0.7rem 0.9rem;
    font-size: 0.84rem;
    line-height: 1.6;
    color: #7f1d1d;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
}

.chip-stato[b-0lmx6zj15v] {
    padding: 0.05rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-rifiutato[b-0lmx6zj15v] {
    color: #b91c1c;
    background: #fee2e2;
    border-color: #fca5a5;
}

/* La data non ha bisogno di tutta la larghezza. */
.dialogo-corpo[b-0lmx6zj15v]  .rifiuto-data {
    max-width: 12rem;
}

.obbligatorio[b-0lmx6zj15v] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-0lmx6zj15v] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-0lmx6zj15v] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-0lmx6zj15v] {
        color: #dc2626;
    }

.dialogo-piede[b-0lmx6zj15v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-0lmx6zj15v],
.dialogo-btn-rifiuta[b-0lmx6zj15v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-0lmx6zj15v] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-0lmx6zj15v] {
        background-color: #e2e8f0;
    }

.dialogo-btn-rifiuta[b-0lmx6zj15v] {
    background-color: #dc2626;
    color: #fff;
}

    .dialogo-btn-rifiuta:hover[b-0lmx6zj15v] {
        background-color: #b91c1c;
    }

    .dialogo-btn-rifiuta:disabled[b-0lmx6zj15v] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-0lmx6zj15v],
    .dialogo-piede[b-0lmx6zj15v] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-0lmx6zj15v] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-0lmx6zj15v] {
        padding: 0 1rem 1rem;
    }
}
/* /Components/Pages/Configuratore/Configuratore.razor.rz.scp.css */
.configuratore-elenco[b-2nqpxbj0or] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 1rem;
}

.configuratore-tessera[b-2nqpxbj0or] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background-color: #fff;
    text-decoration: none;
    color: #0f172a;
}

    .configuratore-tessera:hover[b-2nqpxbj0or] {
        border-color: #86efac;
        box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, 0.06);
    }

.configuratore-tessera-icona[b-2nqpxbj0or] {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bbf7d0;
    border-radius: 0.7rem;
    background-color: #ecfdf3;
    color: #16a34a;
}

.configuratore-tessera-titolo[b-2nqpxbj0or] {
    display: block;
    font-size: 0.92rem;
    font-weight: 700;
}

.configuratore-tessera-nota[b-2nqpxbj0or] {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.78rem;
    color: #64748b;
}
/* /Components/Pages/Configuratore/ConfiguratoreTabella.razor.rz.scp.css */
.configuratore-pagina-icona[b-5gm4n0gff9] {
    margin-right: 0.35rem;
    font-size: 0.9em;
    color: #16a34a;
}
/* /Components/Pages/Configuratore/EditorLookup.razor.rz.scp.css */
.configuratore-testata[b-2tnrebivzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.configuratore-nota[b-2tnrebivzu] {
    margin: 0;
    font-size: 0.82rem;
    color: #64748b;
}

/* Modulo di inserimento/modifica sopra la griglia. */
.configuratore-modulo[b-2tnrebivzu] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #bbf7d0;
    border-radius: 0.75rem;
    background-color: #f7fdf9;
}

.configuratore-campi[b-2tnrebivzu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
}

.configuratore-descrizione[b-2tnrebivzu] {
    flex: 1 1 18rem;
}

.configuratore-sigla[b-2tnrebivzu],
.configuratore-percentuale[b-2tnrebivzu] {
    flex: 0 0 8rem;
}

/* Allineato alle caselle di testo, sotto l'etichetta. */
.configuratore-attivo[b-2tnrebivzu] {
    margin-bottom: 0.7rem;
}

.configuratore-pulsanti[b-2tnrebivzu] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.configuratore-modulo[b-2tnrebivzu]  .form-check-input:checked {
    border-color: #16a34a;
    background-color: #16a34a;
}

.griglia-azioni[b-2tnrebivzu] {
    display: inline-flex;
    gap: 0.35rem;
}

.azione[b-2tnrebivzu] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.85rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}

.azione-modifica[b-2tnrebivzu] {
    border-color: #e2e8f0;
    background-color: #f1f5f9;
    color: #475569;
}

    .azione-modifica:hover[b-2tnrebivzu] {
        background-color: #e2e8f0;
        color: #1e293b;
    }

.azione-elimina[b-2tnrebivzu] {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

    .azione-elimina:hover[b-2tnrebivzu] {
        background-color: #fee2e2;
        color: #b91c1c;
    }
/* /Components/Pages/GestioneAttivita/CambioStatoOrdineDialog.razor.rz.scp.css */
.dialogo-sfondo[b-h43ho0ao4s] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Due date affiancate. */
.dialogo[b-h43ho0ao4s] {
    width: 100%;
    max-width: 30rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-h43ho0ao4s] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-h43ho0ao4s] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fef3c7;
    color: #b45309;
}

.dialogo-titoli[b-h43ho0ao4s] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-h43ho0ao4s] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-h43ho0ao4s] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-h43ho0ao4s] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-h43ho0ao4s] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-h43ho0ao4s] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.obbligatorio[b-h43ho0ao4s] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-h43ho0ao4s] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-h43ho0ao4s] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-h43ho0ao4s] {
        color: #dc2626;
    }

.dialogo-piede[b-h43ho0ao4s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-h43ho0ao4s],
.dialogo-btn-salva[b-h43ho0ao4s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-h43ho0ao4s] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-h43ho0ao4s] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-h43ho0ao4s] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-h43ho0ao4s] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-h43ho0ao4s] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-h43ho0ao4s],
    .dialogo-piede[b-h43ho0ao4s] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-h43ho0ao4s] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-h43ho0ao4s] {
        padding: 0 1rem 1rem;
    }
}

.dialogo-corpo > label[b-h43ho0ao4s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dialogo-data[b-h43ho0ao4s] {
    max-width: 16rem;
}

.dialogo-spiega[b-h43ho0ao4s] {
    margin: 0;
    font-size: 0.78rem;
    color: #64748b;
}

.dialogo-errore[b-h43ho0ao4s] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

/* Colori per azione: icona in testata e pulsante di conferma. */
.dialogo-icona-verde[b-h43ho0ao4s] { background-color: #dcfce7; color: #15803d; }
.dialogo-icona-arancio[b-h43ho0ao4s] { background-color: #fef3c7; color: #b45309; }
.dialogo-icona-grigio[b-h43ho0ao4s] { background-color: #e2e8f0; color: #334155; }
.dialogo-icona-rosso[b-h43ho0ao4s] { background-color: #fee2e2; color: #b91c1c; }

.dialogo-btn-verde[b-h43ho0ao4s] { background-color: #15803d; }
.dialogo-btn-arancio[b-h43ho0ao4s] { background-color: #d97706; }
.dialogo-btn-grigio[b-h43ho0ao4s] { background-color: #475569; }
.dialogo-btn-rosso[b-h43ho0ao4s] { background-color: #dc2626; }

    .dialogo-btn-arancio:hover[b-h43ho0ao4s] { background-color: #b45309; }
    .dialogo-btn-grigio:hover[b-h43ho0ao4s] { background-color: #334155; }
    .dialogo-btn-rosso:hover[b-h43ho0ao4s] { background-color: #b91c1c; }
/* /Components/Pages/GestioneAttivita/CardOrdineDiLavoro.razor.rz.scp.css */
/* Card di un ordine di lavoro, come nel mockup: etichette a sinistra, campi a destra. */

/* Niente overflow nascosto: l'elenco della ricerca dei dipendenti deve poter uscire dalla card. */
.odl-card[b-9u0qo4ctqx] {
    margin-bottom: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #94a3b8;
    border-radius: .75rem;
}

.odl-card-testata[b-9u0qo4ctqx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .9rem;
    padding: .7rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-radius: .55rem .55rem 0 0;
}

.odl-card-scelta[b-9u0qo4ctqx] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: #15803d;
}

.odl-card-titolo[b-9u0qo4ctqx] {
    font-family: Consolas, monospace;
    font-size: .92rem;
    color: #0f172a;
}

.odl-card-sottotitolo[b-9u0qo4ctqx] {
    font-size: .78rem;
    color: #64748b;
}

.odl-straordinario[b-9u0qo4ctqx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-left: auto;
    padding: .25rem .6rem;
    font-size: .78rem;
    font-weight: 700;
    color: #9a3412;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: .45rem;
}

    .odl-straordinario input[b-9u0qo4ctqx] {
        accent-color: #ea580c;
    }

.odl-card-corpo[b-9u0qo4ctqx] {
    min-width: 0;
    margin: 0;
    padding: .4rem 1rem .9rem;
    border: 0;
}

.odl-riga[b-9u0qo4ctqx] {
    display: grid;
    grid-template-columns: 11rem minmax(0, 1fr);
    gap: .5rem 1rem;
    align-items: start;
    padding: .55rem 0;
}

.odl-etichetta[b-9u0qo4ctqx] {
    display: flex;
    flex-direction: column;
    padding-top: .45rem;
    font-size: .82rem;
    font-weight: 700;
    color: #0f172a;
}

    .odl-etichetta small[b-9u0qo4ctqx] {
        font-size: .7rem;
        font-weight: 400;
        color: #64748b;
    }

.odl-colonna[b-9u0qo4ctqx] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 0;
}

.odl-validita[b-9u0qo4ctqx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

    .odl-validita input[b-9u0qo4ctqx] {
        width: 11rem;
    }

.odl-al[b-9u0qo4ctqx] {
    font-weight: 700;
    color: #94a3b8;
}

.odl-giorni-intervento[b-9u0qo4ctqx] {
    font-size: .76rem;
    color: #64748b;
}

.odl-giorni[b-9u0qo4ctqx] {
    display: flex;
    gap: .3rem;
}

.odl-giorno[b-9u0qo4ctqx] {
    width: 2rem;
    height: 2rem;
    font-size: .78rem;
    font-weight: 800;
    color: #475569;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .45rem;
}

    .odl-giorno.attivo[b-9u0qo4ctqx] {
        color: #fff;
        background: #15803d;
        border-color: #15803d;
    }

.odl-dipendente[b-9u0qo4ctqx] {
    padding: .55rem .7rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .6rem;
}

.odl-dipendente-riga[b-9u0qo4ctqx] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .odl-dipendente-riga[b-9u0qo4ctqx]  .selezione-ricerca {
        flex: 1;
        min-width: 0;
    }

.odl-scelta-nome[b-9u0qo4ctqx] {
    font-weight: 600;
}

.odl-scelta-mansione[b-9u0qo4ctqx] {
    margin-left: .4rem;
    color: #64748b;
}

.odl-ora[b-9u0qo4ctqx] {
    width: 7.5rem;
    font-family: Consolas, monospace;
}

.odl-trattino[b-9u0qo4ctqx] {
    color: #94a3b8;
}

.odl-spunte[b-9u0qo4ctqx] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem 1.2rem;
    margin-top: .4rem;
    font-size: .78rem;
    color: #334155;
}

    .odl-spunte label[b-9u0qo4ctqx] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

.odl-btn-aggiungi[b-9u0qo4ctqx] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .8rem;
    font-size: .8rem;
    font-weight: 700;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .45rem;
}

.odl-lavorazioni[b-9u0qo4ctqx] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: .75rem .85rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .65rem;
}

.odl-lavorazioni-titolo[b-9u0qo4ctqx] {
    font-size: .82rem;
    color: #0f172a;
}

.odl-vuoto[b-9u0qo4ctqx] {
    margin: 0;
    font-size: .8rem;
    color: #64748b;
}

.odl-lavorazione[b-9u0qo4ctqx] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .45rem .6rem;
    font-size: .84rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
}

.odl-lavorazione-numero[b-9u0qo4ctqx] {
    flex-shrink: 0;
    width: 1.4rem;
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
}

.odl-pallino[b-9u0qo4ctqx] {
    flex-shrink: 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
}

.odl-lavorazione-testo[b-9u0qo4ctqx] {
    flex: 1;
    min-width: 0;
    color: #0f172a;
}

.odl-aggiungi[b-9u0qo4ctqx] {
    display: flex;
    gap: .5rem;
    margin-top: .2rem;
}

    .odl-aggiungi input[b-9u0qo4ctqx] {
        flex: 1;
        min-width: 0;
    }

.odl-btn-verde[b-9u0qo4ctqx] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .9rem;
    font-size: .82rem;
    font-weight: 700;
    color: #fff;
    background: #15803d;
    border: 0;
    border-radius: .5rem;
    white-space: nowrap;
}

    .odl-btn-verde:disabled[b-9u0qo4ctqx] {
        opacity: .5;
    }

.odl-btn-testo[b-9u0qo4ctqx] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .5rem;
    font-size: .74rem;
    font-weight: 700;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: .4rem;
    white-space: nowrap;
}

.odl-btn-icona[b-9u0qo4ctqx] {
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
    color: #64748b;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
}

    .odl-btn-icona:hover[b-9u0qo4ctqx] {
        color: #b91c1c;
        border-color: #fecaca;
        background: #fef2f2;
    }

.odl-oggetto[b-9u0qo4ctqx] {
    font-weight: 700;
}

/* Colori delle card e dei pallini: uno per ogni attività del capitolato. */
.odl-colore-0[b-9u0qo4ctqx] {
    border-top-color: #3b82f6;
}

    .odl-colore-0 .odl-card-testata[b-9u0qo4ctqx] {
        background: #eff6ff;
    }

.odl-pallino-0[b-9u0qo4ctqx] {
    background: #3b82f6;
}

.odl-colore-1[b-9u0qo4ctqx] {
    border-top-color: #16a34a;
}

    .odl-colore-1 .odl-card-testata[b-9u0qo4ctqx] {
        background: #f0fdf4;
    }

.odl-pallino-1[b-9u0qo4ctqx] {
    background: #16a34a;
}

.odl-colore-2[b-9u0qo4ctqx] {
    border-top-color: #d97706;
}

    .odl-colore-2 .odl-card-testata[b-9u0qo4ctqx] {
        background: #fffbeb;
    }

.odl-pallino-2[b-9u0qo4ctqx] {
    background: #d97706;
}

.odl-colore-3[b-9u0qo4ctqx] {
    border-top-color: #9333ea;
}

    .odl-colore-3 .odl-card-testata[b-9u0qo4ctqx] {
        background: #faf5ff;
    }

.odl-pallino-3[b-9u0qo4ctqx] {
    background: #9333ea;
}

.odl-colore-4[b-9u0qo4ctqx] {
    border-top-color: #db2777;
}

    .odl-colore-4 .odl-card-testata[b-9u0qo4ctqx] {
        background: #fdf2f8;
    }

.odl-pallino-4[b-9u0qo4ctqx] {
    background: #db2777;
}

.odl-colore-5[b-9u0qo4ctqx] {
    border-top-color: #0d9488;
}

    .odl-colore-5 .odl-card-testata[b-9u0qo4ctqx] {
        background: #f0fdfa;
    }

.odl-pallino-5[b-9u0qo4ctqx] {
    background: #0d9488;
}

.odl-colore-6[b-9u0qo4ctqx] {
    border-top-color: #ea580c;
}

    .odl-colore-6 .odl-card-testata[b-9u0qo4ctqx] {
        background: #fff7ed;
    }

.odl-pallino-6[b-9u0qo4ctqx] {
    background: #ea580c;
}

.odl-colore-7[b-9u0qo4ctqx] {
    border-top-color: #4f46e5;
}

    .odl-colore-7 .odl-card-testata[b-9u0qo4ctqx] {
        background: #eef2ff;
    }

.odl-pallino-7[b-9u0qo4ctqx] {
    background: #4f46e5;
}
/* /Components/Pages/GestioneAttivita/CommessaDatiDialog.razor.rz.scp.css */
.dialogo-sfondo[b-jby36nwze2] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Due date affiancate. */
.dialogo[b-jby36nwze2] {
    width: 100%;
    max-width: 30rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-jby36nwze2] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-jby36nwze2] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fef3c7;
    color: #b45309;
}

.dialogo-titoli[b-jby36nwze2] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-jby36nwze2] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-jby36nwze2] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-jby36nwze2] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-jby36nwze2] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-jby36nwze2] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.date-coppia[b-jby36nwze2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.obbligatorio[b-jby36nwze2] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-jby36nwze2] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-jby36nwze2] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-jby36nwze2] {
        color: #dc2626;
    }

.dialogo-piede[b-jby36nwze2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-jby36nwze2],
.dialogo-btn-salva[b-jby36nwze2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-jby36nwze2] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-jby36nwze2] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-jby36nwze2] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-jby36nwze2] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-jby36nwze2] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .date-coppia[b-jby36nwze2] {
        grid-template-columns: 1fr;
    }

    .dialogo-testata[b-jby36nwze2],
    .dialogo-piede[b-jby36nwze2] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-jby36nwze2] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-jby36nwze2] {
        padding: 0 1rem 1rem;
    }
}
/* /Components/Pages/GestioneAttivita/CommesseList.razor.rz.scp.css */
/* Intestazione della pagina, come negli altri moduli. */
.intestazione-pagina[b-ph8s56chm5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-ph8s56chm5] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-ph8s56chm5] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .75rem;
}

.intestazione-titolo[b-ph8s56chm5] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-ph8s56chm5] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-ph8s56chm5] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-ph8s56chm5] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

/* Ricerca. */
.barra-ricerca[b-ph8s56chm5] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.ricerca-campo[b-ph8s56chm5] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-ph8s56chm5] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-ph8s56chm5] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

.elenco-vuoto[b-ph8s56chm5] {
    padding: 2rem 1rem;
    text-align: center;
    color: #64748b;
}

    .elenco-vuoto i[b-ph8s56chm5] {
        font-size: 1.8rem;
        color: #cbd5e1;
    }

    .elenco-vuoto p[b-ph8s56chm5] {
        margin: .6rem 0 0;
        font-size: .85rem;
    }

/* Griglia. */
.com-numero[b-ph8s56chm5],
.com-preventivo[b-ph8s56chm5] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #1d4ed8;
    text-decoration: none;
}

.com-numero[b-ph8s56chm5] {
    display: block;
    color: #0f172a;
}

.com-sotto[b-ph8s56chm5] {
    display: block;
    font-size: .74rem;
    color: #64748b;
    white-space: normal;
}

/* L'oggetto su una riga sola: per intero nel suggerimento. */
.com-oggetto[b-ph8s56chm5] {
    overflow: hidden;
    color: #334155;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.com-cliente[b-ph8s56chm5] {
    display: block;
    font-weight: 600;
    color: #0f172a;
    white-space: normal;
}

.com-periodo[b-ph8s56chm5],
.com-importo[b-ph8s56chm5] {
    font-family: Consolas, monospace;
    font-size: .82rem;
    color: #0f172a;
}

.com-periodo[b-ph8s56chm5] {
    display: block;
}

.com-importo[b-ph8s56chm5] {
    font-weight: 700;
}

.chip-stato[b-ph8s56chm5] {
    padding: .1rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.stato-daorganizzare[b-ph8s56chm5] { color: #92400e; background: #fef3c7; border-color: #fcd34d; }
.stato-dainiziare[b-ph8s56chm5] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-incorso[b-ph8s56chm5] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-inpausa[b-ph8s56chm5] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }
.stato-chiusa[b-ph8s56chm5] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }

.azione[b-ph8s56chm5] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    text-decoration: none;
}

.azione-dettaglio[b-ph8s56chm5] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
}

    .azione-dettaglio:hover[b-ph8s56chm5] {
        background-color: #dbeafe;
        color: #1e40af;
    }

@media (max-width: 575.98px) {
    .intestazione-pagina[b-ph8s56chm5] {
        padding: .85rem 1rem;
    }
}
/* /Components/Pages/GestioneAttivita/DettaglioCommessa.razor.rz.scp.css */
/* Commessa, come nel mockup: testata a chip, tre riquadri affiancati e una riga di pulsanti in fondo. */

.com-barra[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .75rem;
}

.com-torna[b-l2jhx4ropx] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .com-torna:hover[b-l2jhx4ropx] {
        color: #0f172a;
    }

.com-barra-azioni[b-l2jhx4ropx] {
    display: flex;
    gap: .4rem;
}

.com-btn-piccolo[b-l2jhx4ropx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .65rem;
    font-size: .75rem;
    font-weight: 700;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .45rem;
}

    .com-btn-piccolo:hover[b-l2jhx4ropx] {
        background: #f1f5f9;
    }

.com-btn-rosso[b-l2jhx4ropx] {
    color: #b91c1c;
    border-color: #fca5a5;
}

    .com-btn-rosso:hover[b-l2jhx4ropx] {
        background: #fef2f2;
    }

.com[b-l2jhx4ropx] {
    padding: 1rem 1.25rem 1.1rem;
    color: #0f172a;
    background: #fff;
    border: 1px solid #bbf7d0;
    border-radius: .9rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

/* --- Testata: numero, provenienza, stato e date --- */

.com-testata[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #eef0f4;
}

.com-testata-sinistra[b-l2jhx4ropx],
.com-testata-destra[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.com-numero[b-l2jhx4ropx] {
    padding: .3rem .65rem;
    font-family: Consolas, monospace;
    font-size: .82rem;
    font-weight: 700;
    color: #fff;
    background: #0f172a;
    border-radius: .4rem;
}

.com-chip[b-l2jhx4ropx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .6rem;
    font-size: .76rem;
    font-weight: 700;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
    text-decoration: none;
}

.com-chip-verde[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.com-chip-blu[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #93c5fd;
}

.com-chip-canone[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.com-chip-periodo[b-l2jhx4ropx] {
    font-weight: 400;
    color: #475569;
    background: #f1f5f9;
}

    .com-chip-periodo strong[b-l2jhx4ropx] {
        font-family: Consolas, monospace;
        color: #0f172a;
    }

.com-scadenza[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    font-weight: 700;
    color: #dc2626;
}

/* Il chip dello stato contiene la scelta: senza bordo né sfondo propri, con il colore del chip. */
.com-chip-stato[b-l2jhx4ropx] {
    margin: 0;
    padding-right: .35rem;
    cursor: pointer;
}

    .com-chip-stato select[b-l2jhx4ropx] {
        padding: 0 .1rem;
        font: inherit;
        color: inherit;
        background: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
    }

    .com-chip-stato:focus-within[b-l2jhx4ropx] {
        box-shadow: 0 0 0 .15rem rgba(29, 78, 216, .25);
    }

.com-creazione[b-l2jhx4ropx] {
    font-size: .74rem;
    color: #64748b;
}

    .com-creazione strong[b-l2jhx4ropx] {
        font-family: Consolas, monospace;
        color: #475569;
    }

/* Stati della commessa: la scelta in testata ha il colore dello stato. */
.stato-daorganizzare[b-l2jhx4ropx] { color: #92400e; background: #fef3c7; border-color: #fcd34d; }
.stato-dainiziare[b-l2jhx4ropx] { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.stato-incorso[b-l2jhx4ropx] { color: #15803d; background: #dcfce7; border-color: #86efac; }
.stato-inpausa[b-l2jhx4ropx] { color: #c2410c; background: #ffedd5; border-color: #fdba74; }
.stato-chiusa[b-l2jhx4ropx] { color: #475569; background: #f1f5f9; border-color: #e2e8f0; }

.com-avviso[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-top: .9rem;
    padding: .65rem .9rem;
    font-size: .82rem;
    color: #7c2d12;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: .6rem;
}

    .com-avviso span[b-l2jhx4ropx] {
        flex: 1;
        min-width: 14rem;
    }

.com-avviso-btn[b-l2jhx4ropx] {
    padding: .3rem .7rem;
    font-size: .76rem;
    font-weight: 700;
    color: #9a3412;
    background: #fff;
    border: 1px solid #fdba74;
    border-radius: .45rem;
}

    .com-avviso-btn:hover[b-l2jhx4ropx] {
        background: #ffedd5;
    }

/* --- I tre riquadri --- */

.com-riquadri[b-l2jhx4ropx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.com-riquadro[b-l2jhx4ropx] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: .9rem 1rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.com-riquadro-titolo[b-l2jhx4ropx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .7rem;
}

    .com-riquadro-titolo h2[b-l2jhx4ropx] {
        margin: 0;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #64748b;
    }

.com-etichetta[b-l2jhx4ropx] {
    padding: .1rem .5rem;
    font-size: .66rem;
    font-weight: 700;
    color: #334155;
    background: #e2e8f0;
    border-radius: 10rem;
}

.com-mq[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    font-size: .74rem;
    font-weight: 700;
    color: #334155;
}

.com-cliente[b-l2jhx4ropx] {
    font-size: 1rem;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.com-contatti[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .9rem;
    margin-top: .25rem;
    padding-bottom: .7rem;
    font-size: .8rem;
    color: #475569;
    border-bottom: 1px solid #e5e7eb;
}

    .com-contatti i[b-l2jhx4ropx] {
        color: #94a3b8;
    }

    .com-contatti a[b-l2jhx4ropx] {
        color: #1d4ed8;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

.com-sede[b-l2jhx4ropx] {
    display: flex;
    gap: .6rem;
    margin-top: .7rem;
    font-size: .8rem;
}

    .com-sede > i[b-l2jhx4ropx] {
        margin-top: .15rem;
        color: #16a34a;
    }

    .com-sede div[b-l2jhx4ropx] {
        display: flex;
        flex-direction: column;
    }

    .com-sede span[b-l2jhx4ropx] {
        font-size: .74rem;
        color: #64748b;
    }

.com-servizio[b-l2jhx4ropx] {
    font-size: .92rem;
}

.com-tipologia[b-l2jhx4ropx] {
    font-size: .78rem;
    color: #475569;
}

.com-interventi[b-l2jhx4ropx] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin: .7rem 0 0;
    padding: 0;
    list-style: none;
}

    .com-interventi li[b-l2jhx4ropx] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .6rem;
        padding: .4rem .6rem;
        font-size: .78rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: .45rem;
    }

.com-intervento-nome[b-l2jhx4ropx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.com-intervento-dati[b-l2jhx4ropx] {
    flex-shrink: 0;
    font-family: Consolas, monospace;
    font-size: .74rem;
    color: #334155;
}

.com-altre[b-l2jhx4ropx] {
    align-self: flex-start;
    margin-top: .35rem;
    padding: 0;
    font-size: .74rem;
    font-weight: 700;
    color: #1d4ed8;
    background: none;
    border: 0;
}

.com-totale[b-l2jhx4ropx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: .5rem .7rem;
    font-size: .8rem;
    font-weight: 600;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: .5rem;
}

    .com-interventi + .com-totale[b-l2jhx4ropx],
    .com-altre + .com-totale[b-l2jhx4ropx] {
        margin-top: .7rem;
    }

    .com-totale strong[b-l2jhx4ropx] {
        padding: .1rem .45rem;
        font-family: Consolas, monospace;
        color: #166534;
        background: #dcfce7;
        border: 1px solid #86efac;
        border-radius: .35rem;
    }

.com-nota[b-l2jhx4ropx] {
    margin: .4rem 0 0;
    font-size: .74rem;
    color: #64748b;
}

.com-copertura[b-l2jhx4ropx] {
    padding: .7rem .8rem;
    background: #fefce8;
    border: 1px solid #fde047;
    border-radius: .6rem;
}

.com-copertura-testata[b-l2jhx4ropx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .82rem;
    font-weight: 700;
    color: #713f12;
}

    .com-copertura-testata i[b-l2jhx4ropx] {
        color: #ca8a04;
    }

.com-percentuale[b-l2jhx4ropx] {
    padding: .05rem .45rem;
    font-size: .74rem;
    color: #fff;
    background: #f59e0b;
    border-radius: .3rem;
}

.com-barra-copertura[b-l2jhx4ropx] {
    height: .45rem;
    margin: .6rem 0;
    overflow: hidden;
    background: #e2e8f0;
    border-radius: 10rem;
}

    .com-barra-copertura span[b-l2jhx4ropx] {
        display: block;
        height: 100%;
        background: #16a34a;
    }

.com-copertura-numeri[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .3rem;
    font-size: .74rem;
    color: #713f12;
}

.com-copertura-ok[b-l2jhx4ropx] {
    background: #f0fdf4;
    border-color: #86efac;
}

    .com-copertura-ok .com-copertura-testata[b-l2jhx4ropx],
    .com-copertura-ok .com-copertura-numeri[b-l2jhx4ropx] {
        color: #14532d;
    }

        .com-copertura-ok .com-copertura-testata i[b-l2jhx4ropx] {
            color: #16a34a;
        }

    .com-copertura-ok .com-percentuale[b-l2jhx4ropx] {
        background: #16a34a;
    }

.com-squadra[b-l2jhx4ropx] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin: .7rem 0 0;
    padding: 0;
    list-style: none;
}

    .com-squadra li[b-l2jhx4ropx] {
        display: flex;
        align-items: center;
        gap: .4rem;
        padding: .35rem .6rem;
        font-size: .76rem;
        font-weight: 600;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: .45rem;
    }

        .com-squadra li span[b-l2jhx4ropx] {
            margin-left: auto;
            font-family: Consolas, monospace;
            font-weight: 400;
            color: #475569;
        }

.com-periodo-turno[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    white-space: nowrap;
}

/* L'oggetto della commessa, sotto la testata. */
.com-oggetto[b-l2jhx4ropx] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .75rem 0 0;
    font-size: .9rem;
    font-weight: 600;
    color: #334155;
}

    .com-oggetto i[b-l2jhx4ropx] {
        color: #64748b;
    }

/* "Genera Ordine di Lavoro": il pulsante pieno, come "Pianifica Turni Fissi". */
.com-btn-blu-pieno[b-l2jhx4ropx] {
    color: #fff !important;
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

    .com-btn-blu-pieno:hover[b-l2jhx4ropx] {
        background: #1e40af !important;
    }

/* Ordini di lavoro della commessa. */
.com-odl-straordinario[b-l2jhx4ropx] {
    display: inline-block;
    margin-top: .2rem;
    padding: .05rem .4rem;
    font-size: .64rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #9a3412;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: .3rem;
}

.com-squadra-odl[b-l2jhx4ropx] {
    white-space: nowrap;
}

.com-stato-odl[b-l2jhx4ropx] {
    display: inline-block;
    padding: .12rem .5rem;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
}

.odl-daeseguire[b-l2jhx4ropx] {
    color: #1d4ed8;
    background: #dbeafe;
}

.odl-inesecuzione[b-l2jhx4ropx] {
    color: #166534;
    background: #dcfce7;
}

.odl-inpausa[b-l2jhx4ropx] {
    color: #92400e;
    background: #fef3c7;
}

.odl-chiusa[b-l2jhx4ropx] {
    color: #475569;
    background: #e2e8f0;
}

.odl-annullata[b-l2jhx4ropx] {
    color: #991b1b;
    background: #fee2e2;
}

/* Turno finito: resta nell'elenco per lo storico, più spento. */
.com-turno-concluso td[b-l2jhx4ropx] {
    color: #64748b;
}

.com-azione-turno[b-l2jhx4ropx] {
    text-align: right;
    white-space: nowrap;
}

    .com-azione-turno .com-btn-piccolo[b-l2jhx4ropx] {
        text-decoration: none;
    }

.com-nessuno[b-l2jhx4ropx] {
    margin: .7rem 0 0;
    padding: .55rem .7rem;
    font-size: .76rem;
    font-style: italic;
    color: #64748b;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

/* --- Pulsanti in fondo: le viste a sinistra, la pianificazione a destra --- */

.com-piede[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid #eef0f4;
}

.com-piede-sinistra[b-l2jhx4ropx],
.com-piede-destra[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.com-btn[b-l2jhx4ropx] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .85rem;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .5rem;
}

    .com-btn:hover:not(:disabled)[b-l2jhx4ropx] {
        background: #f1f5f9;
    }

    .com-btn[aria-expanded="true"][b-l2jhx4ropx] {
        background: #f1f5f9;
    }

    /* Le funzioni che arriveranno: si vedono, ma spente. */
    .com-btn:disabled[b-l2jhx4ropx] {
        opacity: .5;
        cursor: not-allowed;
    }

.com-freccia[b-l2jhx4ropx] {
    font-size: .65rem;
}

.com-btn-verde[b-l2jhx4ropx] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.com-btn-blu[b-l2jhx4ropx] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #93c5fd;
}

.com-btn-pieno[b-l2jhx4ropx] {
    color: #fff;
    background: #15803d;
    border-color: #15803d;
    text-decoration: none;
}

    .com-btn-pieno:hover:not(:disabled)[b-l2jhx4ropx] {
        color: #fff;
        background: #166534;
    }

/* --- Capitolato completo --- */

.com-capitolato[b-l2jhx4ropx] {
    margin-top: 1rem;
}

    .com-capitolato h2[b-l2jhx4ropx] {
        margin: 0 0 .6rem;
        font-size: .82rem;
        font-weight: 700;
        color: #0f172a;
    }

/* Titolo della sezione con il collegamento accanto. */
.com-sezione-testata[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .4rem 1rem;
    margin-bottom: .6rem;
}

    .com-sezione-testata h2[b-l2jhx4ropx] {
        margin: 0 !important;
    }

    .com-sezione-testata .com-btn-piccolo[b-l2jhx4ropx] {
        text-decoration: none;
    }

.com-tabella-contenitore[b-l2jhx4ropx] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: .6rem;
}

.com-tabella[b-l2jhx4ropx] {
    width: 100%;
    font-size: .8rem;
    border-collapse: collapse;
}

    .com-tabella th[b-l2jhx4ropx] {
        padding: .55rem .7rem;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        white-space: nowrap;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
    }

    .com-tabella td[b-l2jhx4ropx] {
        padding: .55rem .7rem;
        vertical-align: middle;
        border-bottom: 1px solid #f1f5f9;
    }

    .com-tabella tr:last-child td[b-l2jhx4ropx] {
        border-bottom: 0;
    }

    .com-tabella .col-num[b-l2jhx4ropx] {
        text-align: right;
        white-space: nowrap;
        font-family: Consolas, monospace;
    }

.com-atc[b-l2jhx4ropx] {
    font-family: Consolas, monospace;
    font-weight: 700;
    white-space: nowrap;
}

.com-descrizione[b-l2jhx4ropx] {
    display: block;
    font-weight: 600;
}

.com-categoria[b-l2jhx4ropx],
.com-sotto[b-l2jhx4ropx] {
    display: block;
    font-size: .7rem;
    color: #64748b;
}


/* --- Chi l'ha generata e chi l'ha modificata --- */

.com-tracciamento[b-l2jhx4ropx] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.75rem;
    margin-top: 1rem;
    padding-top: .8rem;
    font-size: .76rem;
    color: #64748b;
    border-top: 1px solid #eef0f4;
}

    .com-tracciamento i[b-l2jhx4ropx] {
        margin-right: .25rem;
        color: #94a3b8;
    }

    .com-tracciamento strong[b-l2jhx4ropx] {
        color: #334155;
    }

@media (max-width: 1199.98px) {
    .com-riquadri[b-l2jhx4ropx] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .com[b-l2jhx4ropx] {
        padding: .9rem;
    }

    .com-riquadri[b-l2jhx4ropx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GestioneAttivita/GeneraOrdiniDiLavoro.razor.rz.scp.css */
/* Genera ordini di lavoro: testata della commessa, barra con "Unisci", attività già in un ordine, card e piede. */

.gen-torna[b-0ixnpf39uv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .gen-torna:hover[b-0ixnpf39uv] {
        color: #0f172a;
    }

.gen-testata[b-0ixnpf39uv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: .75rem;
}

    .gen-testata h1[b-0ixnpf39uv] {
        margin: .3rem 0 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: #0f172a;
    }

    .gen-testata p[b-0ixnpf39uv] {
        margin: .2rem 0 0;
        font-size: .8rem;
        color: #075985;
    }

.gen-badge[b-0ixnpf39uv] {
    padding: .15rem .55rem;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #075985;
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    border-radius: .3rem;
}

.gen-numeri[b-0ixnpf39uv] {
    font-size: .82rem;
    color: #334155;
}

    .gen-numeri strong[b-0ixnpf39uv] {
        font-family: Consolas, monospace;
    }

.gen-barra[b-0ixnpf39uv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1rem;
    margin-bottom: 1rem;
}

.gen-modo[b-0ixnpf39uv] {
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
}

.gen-barra-azioni[b-0ixnpf39uv] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.gen-btn[b-0ixnpf39uv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .9rem;
    font-size: .82rem;
    font-weight: 700;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .55rem;
}

    .gen-btn:hover:not(:disabled)[b-0ixnpf39uv] {
        background: #f1f5f9;
    }

    .gen-btn:disabled[b-0ixnpf39uv] {
        opacity: .5;
    }

.gen-gia[b-0ixnpf39uv] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-bottom: 1rem;
    padding: .8rem 1rem;
    font-size: .82rem;
    color: #334155;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .7rem;
}

    .gen-gia strong[b-0ixnpf39uv] {
        color: #92400e;
    }

.gen-gia-riga[b-0ixnpf39uv] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.gen-gia-testo[b-0ixnpf39uv] {
    flex: 1;
    min-width: 0;
}

    .gen-gia-testo small[b-0ixnpf39uv] {
        display: block;
        color: #64748b;
    }

.gen-pallino[b-0ixnpf39uv] {
    flex-shrink: 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
}

.gen-pallino-0[b-0ixnpf39uv] {
    background: #3b82f6;
}

.gen-pallino-1[b-0ixnpf39uv] {
    background: #16a34a;
}

.gen-pallino-2[b-0ixnpf39uv] {
    background: #d97706;
}

.gen-pallino-3[b-0ixnpf39uv] {
    background: #9333ea;
}

.gen-pallino-4[b-0ixnpf39uv] {
    background: #db2777;
}

.gen-pallino-5[b-0ixnpf39uv] {
    background: #0d9488;
}

.gen-pallino-6[b-0ixnpf39uv] {
    background: #ea580c;
}

.gen-pallino-7[b-0ixnpf39uv] {
    background: #4f46e5;
}

.gen-btn-piccolo[b-0ixnpf39uv] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .65rem;
    font-size: .75rem;
    font-weight: 700;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .45rem;
    white-space: nowrap;
}

.gen-vuoto[b-0ixnpf39uv] {
    padding: 1rem;
    font-size: .85rem;
    color: #64748b;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: .6rem;
}

.gen-piede[b-0ixnpf39uv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    margin-bottom: 1rem;
}

.gen-btn-annulla[b-0ixnpf39uv] {
    padding: .6rem 1.1rem;
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
    background: #eef2f5;
    border-radius: .6rem;
    text-decoration: none;
}

.gen-btn-salva[b-0ixnpf39uv] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.2rem;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    background: #15803d;
    border: 0;
    border-radius: .6rem;
}

    .gen-btn-salva:hover:not(:disabled)[b-0ixnpf39uv] {
        background: #166534;
    }

    .gen-btn-salva:disabled[b-0ixnpf39uv] {
        opacity: .6;
    }
/* /Components/Pages/GestioneAttivita/GiornoOperatoreDialog.razor.rz.scp.css */
.dialogo-sfondo[b-ab82q6um3w] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.dialogo[b-ab82q6um3w] {
    width: 100%;
    max-width: 34rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-ab82q6um3w] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-ab82q6um3w] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fef3c7;
    color: #b45309;
}

.dialogo-titoli[b-ab82q6um3w] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-ab82q6um3w] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-ab82q6um3w] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-ab82q6um3w] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-ab82q6um3w] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-ab82q6um3w] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.dialogo-errore[b-ab82q6um3w] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-ab82q6um3w] {
        color: #dc2626;
    }

/* Il giorno: una sezione per commessa con le sue giornate. */
.gio-nota[b-ab82q6um3w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.55rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0.6rem;
}

.gio-nota-festa[b-ab82q6um3w] {
    color: #6b21a8;
    background: #f3e8ff;
}

.gio-nota-avviso[b-ab82q6um3w] {
    color: #991b1b;
    background: #fef2f2;
}

.gio-commessa[b-ab82q6um3w] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background-color: #f8fafc;
}

.gio-commessa-testata[b-ab82q6um3w] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem 0.6rem;
    font-size: 0.85rem;
    color: #0f172a;
}

    .gio-commessa-testata span[b-ab82q6um3w] {
        font-size: 0.76rem;
        color: #64748b;
    }

.gio-giornata[b-ab82q6um3w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.75rem;
    padding: 0.45rem 0.65rem;
    font-size: 0.8rem;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}

    .gio-giornata.gio-conflitto[b-ab82q6um3w] {
        border-color: #fca5a5;
        background-color: #fef2f2;
    }

.gio-orario[b-ab82q6um3w] {
    font-family: Consolas, monospace;
    font-weight: 800;
    color: #0f172a;
}

.gio-ore[b-ab82q6um3w] {
    color: #475569;
}

.gio-stato[b-ab82q6um3w] {
    padding: 0.1rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 0.3rem;
}

.gio-stato-sostituito[b-ab82q6um3w] {
    color: #475569;
    background: #e2e8f0;
}

.gio-stato-posto[b-ab82q6um3w] {
    color: #1d4ed8;
    background: #dbeafe;
}

.gio-azioni[b-ab82q6um3w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.gio-btn[b-ab82q6um3w] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
}

    .gio-btn:hover[b-ab82q6um3w] {
        background: #f1f5f9;
    }

.gio-btn-verde[b-ab82q6um3w] {
    color: #fff;
    background: #15803d;
    border-color: #15803d;
}

    .gio-btn-verde:hover[b-ab82q6um3w] {
        background: #166534;
    }

/* Sostituisci / annulla: il periodo, il sostituto e il motivo. */
.dialogo-corpo > label[b-ab82q6um3w] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.gio-coppia[b-ab82q6um3w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

    .gio-coppia label[b-ab82q6um3w] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

.gio-spiega[b-ab82q6um3w] {
    margin: 0;
    font-size: 0.78rem;
    color: #64748b;
}

.gio-avviso[b-ab82q6um3w] {
    padding: 0.7rem 0.9rem;
    font-size: 0.8rem;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 0.6rem;
}

    .gio-avviso ul[b-ab82q6um3w] {
        margin: 0.35rem 0 0;
        padding-left: 1.1rem;
    }

.dialogo-piede[b-ab82q6um3w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-ab82q6um3w],
.dialogo-btn-salva[b-ab82q6um3w] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-ab82q6um3w] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-ab82q6um3w] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-ab82q6um3w] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-ab82q6um3w] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-ab82q6um3w] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-ab82q6um3w],
    .dialogo-piede[b-ab82q6um3w] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-ab82q6um3w] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/GestioneAttivita/GrigliaOperatori.razor.rz.scp.css */
/* Intestazione della pagina, come negli altri moduli. */
.intestazione-pagina[b-6o7gbhvoxb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-6o7gbhvoxb] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-6o7gbhvoxb] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .75rem;
}

.intestazione-titolo[b-6o7gbhvoxb] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-6o7gbhvoxb] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-6o7gbhvoxb] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-6o7gbhvoxb] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

/* Filtro per commessa e mesi. */
.cal-barra[b-6o7gbhvoxb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    padding: .9rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.cal-filtro[b-6o7gbhvoxb] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 18rem;
}

.cal-mesi[b-6o7gbhvoxb] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
}

    .cal-mesi > span[b-6o7gbhvoxb] {
        min-width: 9rem;
        text-align: center;
    }

.cal-btn-icona[b-6o7gbhvoxb] {
    width: 2rem;
    height: 2rem;
    color: #475569;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .45rem;
}

    .cal-btn-icona:hover[b-6o7gbhvoxb] {
        background: #f1f5f9;
    }

.cal-btn-oggi[b-6o7gbhvoxb] {
    padding: .35rem .8rem;
    font-size: .78rem;
    font-weight: 700;
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .45rem;
}

    .cal-btn-oggi:disabled[b-6o7gbhvoxb] {
        opacity: .5;
    }

/* --- La griglia: toni di verde chiaro --- */

.cal-tabella-contenitore[b-6o7gbhvoxb] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #bbf7d0;
    border-radius: .6rem;
}

.cal-tabella[b-6o7gbhvoxb] {
    width: 100%;
    min-width: 76rem;
    font-size: .72rem;
    border-collapse: separate;
    border-spacing: 0;
}

    .cal-tabella th[b-6o7gbhvoxb],
    .cal-tabella td[b-6o7gbhvoxb] {
        height: 2.4rem;
        padding: 0;
        text-align: center;
        border-right: 1px solid #e3f4e8;
        border-bottom: 1px solid #e3f4e8;
    }

    .cal-tabella thead th[b-6o7gbhvoxb] {
        padding: .35rem .15rem;
        font-weight: 700;
        color: #14532d;
        background: #ecfdf3;
    }

    .cal-tabella tfoot th[b-6o7gbhvoxb],
    .cal-tabella tfoot td[b-6o7gbhvoxb] {
        font-family: Consolas, monospace;
        font-weight: 800;
        color: #14532d;
        background: #f6fef9;
        border-top: 2px solid #86efac;
    }

/* La colonna degli operatori resta ferma mentre si scorrono i giorni. */
.cal-col-operatore[b-6o7gbhvoxb] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 13rem;
    padding: .3rem .6rem !important;
    text-align: left !important;
    background: #fff;
    box-shadow: 1px 0 0 #bbf7d0;
}

    thead .cal-col-operatore[b-6o7gbhvoxb],
    tfoot .cal-col-operatore[b-6o7gbhvoxb] {
        background: #ecfdf3;
        font-family: inherit;
    }

    td.cal-col-operatore strong[b-6o7gbhvoxb] {
        display: block;
        font-size: .76rem;
        color: #0f172a;
    }

    td.cal-col-operatore > span[b-6o7gbhvoxb] {
        font-size: .64rem;
        color: #64748b;
    }

.cal-col-totale[b-6o7gbhvoxb] {
    min-width: 4.2rem;
    font-family: Consolas, monospace;
    background: #f6fef9;
}

.cal-totale[b-6o7gbhvoxb] {
    color: #166534 !important;
    background: #dcfce7 !important;
}

.cal-giorno-numero[b-6o7gbhvoxb] {
    display: block;
    font-family: Consolas, monospace;
    font-size: .76rem;
}

.cal-giorno-nome[b-6o7gbhvoxb] {
    display: block;
    font-size: .6rem;
    font-weight: 600;
}

thead .cal-oggi[b-6o7gbhvoxb] {
    box-shadow: inset 0 -3px 0 #16a34a;
}

/* Sabato appena verde, domenica e festivi un po' di più: si distinguono restando chiari. */
.cal-sabato[b-6o7gbhvoxb] {
    background: #f3fbf5;
}

.cal-domenica[b-6o7gbhvoxb] {
    background: #dcf5e4 !important;
}

thead .cal-sabato[b-6o7gbhvoxb] {
    background: #dcfce7 !important;
}

thead .cal-domenica[b-6o7gbhvoxb] {
    color: #14532d !important;
    background: #bbf7d0 !important;
}

/* La cella con le ore è un pulsante: si apre il giorno. */
.cal-cella[b-6o7gbhvoxb] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 2.4rem;
    padding: .2rem 0;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}

    .cal-cella:hover[b-6o7gbhvoxb],
    .cal-cella:focus-visible[b-6o7gbhvoxb] {
        background: rgba(22, 163, 74, .12);
        outline: none;
    }

.cal-ore[b-6o7gbhvoxb] {
    font-family: Consolas, monospace;
    font-size: .8rem;
    font-weight: 800;
    color: #0f172a;
}

.cal-sost[b-6o7gbhvoxb] {
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
}

/* Lavora al posto di un collega: il pallino nell'angolo. */
.cal-al-posto[b-6o7gbhvoxb] {
    display: inline-block;
    width: .45rem;
    height: .45rem;
    background: #2563eb;
    border-radius: 50%;
}

.cal-cella .cal-al-posto[b-6o7gbhvoxb] {
    position: absolute;
    top: .2rem;
    right: .2rem;
}

.cal-conflitto[b-6o7gbhvoxb] {
    background: #fef2f2 !important;
    box-shadow: inset 0 0 0 2px #ef4444;
}

    .cal-conflitto .cal-ore[b-6o7gbhvoxb] {
        color: #b91c1c;
    }

.cal-alert[b-6o7gbhvoxb] {
    font-size: .6rem;
    color: #dc2626;
}

.cal-festa[b-6o7gbhvoxb] {
    display: inline-block;
    padding: 0 .25rem;
    font-size: .58rem;
    font-weight: 800;
    color: #6b21a8;
    background: #f3e8ff;
    border: 1px solid #d8b4fe;
    border-radius: .25rem;
}

.cal-festa-personale[b-6o7gbhvoxb] {
    box-shadow: inset 0 -3px 0 #a855f7;
}

.cal-vuota[b-6o7gbhvoxb] {
    padding: 1rem !important;
    color: #64748b;
}

.cal-legenda[b-6o7gbhvoxb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem 1.25rem;
    margin: .6rem 0 0;
    font-size: .72rem;
    color: #64748b;
}

    .cal-legenda > span[b-6o7gbhvoxb] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

.cal-esempio-festivo[b-6o7gbhvoxb] {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    background: #bbf7d0;
    border: 1px solid #86efac;
    border-radius: .2rem;
}
/* /Components/Pages/GestioneAttivita/OrdineDiLavoroPagina.razor.rz.scp.css */
/* Pagina di un ordine di lavoro: testata con stato e pulsanti, informazioni dello stato, commessa, card e storico. */

.odp-torna[b-auis3p9gr7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .odp-torna:hover[b-auis3p9gr7] {
        color: #0f172a;
    }

.odp-testata[b-auis3p9gr7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1.5rem;
    margin-bottom: .75rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.odp-testata-sinistra[b-auis3p9gr7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .8rem;
}

    .odp-testata-sinistra h1[b-auis3p9gr7] {
        margin: 0;
        font-family: Consolas, monospace;
        font-size: 1.2rem;
        font-weight: 800;
        color: #0f172a;
    }

.odp-badge[b-auis3p9gr7] {
    padding: .15rem .55rem;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #075985;
    background: #e0f2fe;
    border: 1px solid #7dd3fc;
    border-radius: .3rem;
}

.odp-straordinario[b-auis3p9gr7] {
    padding: .12rem .5rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #9a3412;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: .3rem;
}

.odp-stato[b-auis3p9gr7] {
    padding: .2rem .7rem;
    font-size: .78rem;
    font-weight: 800;
    border-radius: 999px;
}

.odl-daeseguire[b-auis3p9gr7] { color: #1d4ed8; background: #dbeafe; }
.odl-inesecuzione[b-auis3p9gr7] { color: #166534; background: #dcfce7; }
.odl-inpausa[b-auis3p9gr7] { color: #92400e; background: #fef3c7; }
.odl-chiusa[b-auis3p9gr7] { color: #475569; background: #e2e8f0; }
.odl-annullata[b-auis3p9gr7] { color: #991b1b; background: #fee2e2; }

.odp-azioni[b-auis3p9gr7] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.odp-btn[b-auis3p9gr7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .85rem;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: .55rem;
}

    .odp-btn:disabled[b-auis3p9gr7] {
        opacity: .6;
    }

.odp-btn-verde[b-auis3p9gr7] { background: #15803d; }
.odp-btn-arancio[b-auis3p9gr7] { background: #d97706; }
.odp-btn-grigio[b-auis3p9gr7] { background: #475569; }
.odp-btn-rosso[b-auis3p9gr7] { background: #dc2626; }

/* Stampa: bianco, staccato dai cambi di stato. */
.odp-btn-stampa[b-auis3p9gr7] {
    margin-right: .5rem;
    color: #0f172a;
    background: #fff;
    border: 1px solid #cbd5e1;
}

    .odp-btn-stampa:hover[b-auis3p9gr7] {
        background: #f1f5f9;
    }

.odp-info[b-auis3p9gr7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .75rem;
    padding: .6rem .9rem;
    font-size: .84rem;
    color: #334155;
    background: #f1f5f9;
    border-radius: .6rem;
}

.odp-info-pausa[b-auis3p9gr7] {
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.odp-info-annullata[b-auis3p9gr7] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.odp-commessa[b-auis3p9gr7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem 1rem;
    margin-bottom: 1rem;
    padding: .8rem 1rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: .75rem;
}

    .odp-commessa p[b-auis3p9gr7] {
        flex-basis: 100%;
        margin: 0;
        font-size: .78rem;
        color: #075985;
    }

.odp-commessa-titolo[b-auis3p9gr7] {
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
}

.odp-commessa-fissa[b-auis3p9gr7] {
    padding: .35rem .7rem;
    font-size: .84rem;
    font-weight: 600;
    color: #0f172a;
    background: #fff;
    border: 1px solid #bae6fd;
    border-radius: .45rem;
}

.odp-storico[b-auis3p9gr7] {
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

    .odp-storico h2[b-auis3p9gr7] {
        margin: 0 0 .5rem;
        font-size: .9rem;
        font-weight: 700;
        color: #0f172a;
    }

    .odp-storico ol[b-auis3p9gr7] {
        margin: 0;
        padding-left: 1.2rem;
        font-family: Consolas, monospace;
        font-size: .78rem;
        color: #334155;
    }

    .odp-storico li + li[b-auis3p9gr7] {
        margin-top: .2rem;
    }

.odp-tracciamento[b-auis3p9gr7] {
    margin: .7rem 0 0;
    font-size: .74rem;
    color: #64748b;
}
/* /Components/Pages/GestioneAttivita/OrdiniDiLavoroList.razor.rz.scp.css */
/* Intestazione della pagina, come negli altri moduli. */
.intestazione-pagina[b-j2yx8uao6n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.intestazione-sinistra[b-j2yx8uao6n] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.intestazione-icona[b-j2yx8uao6n] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.1rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .75rem;
}

.intestazione-titolo[b-j2yx8uao6n] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .intestazione-titolo h1[b-j2yx8uao6n] {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 700;
        color: #0f172a;
    }

.badge-sezione[b-j2yx8uao6n] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: .3rem;
}

.intestazione-sottotitolo[b-j2yx8uao6n] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #64748b;
}

/* Ricerca. */
.barra-ricerca[b-j2yx8uao6n] {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.ricerca-campo[b-j2yx8uao6n] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 0 .9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
}

    .ricerca-campo i[b-j2yx8uao6n] {
        color: #94a3b8;
    }

    .ricerca-campo input[b-j2yx8uao6n] {
        flex: 1;
        padding: .6rem 0;
        font-size: .85rem;
        background: transparent;
        border: 0;
        outline: none;
    }

.elenco-vuoto[b-j2yx8uao6n] {
    padding: 2rem 1rem;
    text-align: center;
    color: #64748b;
}

    .elenco-vuoto i[b-j2yx8uao6n] {
        font-size: 1.8rem;
        color: #cbd5e1;
    }

    .elenco-vuoto p[b-j2yx8uao6n] {
        margin: .6rem 0 0;
        font-size: .85rem;
    }

/* Quanti ordini per stato, a destra nell'intestazione. */
.odl-conteggi[b-j2yx8uao6n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

    .odl-conteggi .odl-stato strong[b-j2yx8uao6n] {
        margin-left: .2rem;
    }

/* Griglia. */
.odl-numero[b-j2yx8uao6n],
.odl-commessa[b-j2yx8uao6n] {
    display: block;
    font-family: Consolas, monospace;
    font-weight: 700;
    text-decoration: none;
}

.odl-numero[b-j2yx8uao6n] {
    color: #0f172a;
}

.odl-commessa[b-j2yx8uao6n] {
    color: #1d4ed8;
}

.odl-sotto[b-j2yx8uao6n] {
    display: block;
    font-size: .74rem;
    color: #64748b;
    white-space: normal;
}

/* Su una riga sola: per intero nel suggerimento. */
.odl-una-riga[b-j2yx8uao6n] {
    overflow: hidden;
    color: #334155;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.odl-cliente[b-j2yx8uao6n] {
    display: block;
    font-weight: 600;
    color: #0f172a;
    white-space: normal;
}

.odl-data[b-j2yx8uao6n] {
    display: block;
    font-family: Consolas, monospace;
    font-size: .82rem;
    color: #0f172a;
}

.odl-persona[b-j2yx8uao6n] {
    display: block;
    font-size: .8rem;
    white-space: nowrap;
}

.odl-tipo[b-j2yx8uao6n] {
    display: inline-block;
    padding: .08rem .5rem;
    font-size: .7rem;
    font-weight: 700;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: .3rem;
}

.odl-tipo-straordinario[b-j2yx8uao6n] {
    color: #9a3412;
    background: #fff7ed;
    border-color: #fed7aa;
}

.odl-stato[b-j2yx8uao6n] {
    display: inline-block;
    padding: .12rem .55rem;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
}

.odl-daeseguire[b-j2yx8uao6n] { color: #1d4ed8; background: #dbeafe; }
.odl-inesecuzione[b-j2yx8uao6n] { color: #166534; background: #dcfce7; }
.odl-inpausa[b-j2yx8uao6n] { color: #92400e; background: #fef3c7; }
.odl-chiusa[b-j2yx8uao6n] { color: #475569; background: #e2e8f0; }
.odl-annullata[b-j2yx8uao6n] { color: #991b1b; background: #fee2e2; }

/* Intestazione dei gruppi: "Stato: In esecuzione" con il numero degli ordini. */
.gruppo-intestazione[b-j2yx8uao6n] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.gruppo-campo[b-j2yx8uao6n] {
    font-weight: 400;
    opacity: .8;
}

.gruppo-conteggio[b-j2yx8uao6n] {
    min-width: 1.4rem;
    padding: .05rem .45rem;
    font-size: .72rem;
    font-weight: 700;
    text-align: center;
    border-radius: 10rem;
    background-color: #e2e8f0;
    color: #334155;
}

/* Il piede dell'aggregato serve solo al conteggio nei gruppi. */
.card[b-j2yx8uao6n]  .e-gridfooter {
    display: none;
}

.azione[b-j2yx8uao6n] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    text-decoration: none;
}

.azione-dettaglio[b-j2yx8uao6n] {
    border-color: #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
}

    .azione-dettaglio:hover[b-j2yx8uao6n] {
        background-color: #dbeafe;
        color: #1e40af;
    }

@media (max-width: 575.98px) {
    .intestazione-pagina[b-j2yx8uao6n] {
        padding: .85rem 1rem;
    }
}
/* /Components/Pages/GestioneAttivita/PianificaTurni.razor.rz.scp.css */
/* Pianifica turni fissi, come nel mockup: testata con la copertura, schede dei dipendenti, anteprima del mese. */

.tur-torna[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
}

    .tur-torna:hover[b-tjvd0qd1zl] {
        color: #0f172a;
    }

.tur-testata[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

    .tur-testata h1[b-tjvd0qd1zl] {
        margin: .3rem 0 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: #0f172a;
    }

    .tur-testata p[b-tjvd0qd1zl] {
        margin: .15rem 0 0;
        font-size: .8rem;
        color: #64748b;
    }

.tur-badge[b-tjvd0qd1zl] {
    padding: .15rem .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: .3rem;
}

.tur-copertura[b-tjvd0qd1zl] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .6rem .9rem;
    font-size: .78rem;
    color: #713f12;
    background: #fefce8;
    border: 1px solid #fde047;
    border-radius: .6rem;
}

.tur-copertura-titolo[b-tjvd0qd1zl] {
    font-weight: 700;
}

    .tur-copertura-titolo i[b-tjvd0qd1zl] {
        color: #ca8a04;
    }

.tur-copertura-ok[b-tjvd0qd1zl] {
    color: #14532d;
    background: #f0fdf4;
    border-color: #86efac;
}

    .tur-copertura-ok .tur-copertura-titolo i[b-tjvd0qd1zl] {
        color: #16a34a;
    }

/* --- Sezioni --- */

.tur-sezione[b-tjvd0qd1zl] {
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.tur-sezione-testata[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .9rem;
}

    .tur-sezione-testata h2[b-tjvd0qd1zl] {
        margin: 0;
        font-size: .85rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .02em;
        color: #0f172a;
    }

        .tur-sezione-testata h2 i[b-tjvd0qd1zl] {
            color: #16a34a;
        }

        .tur-sezione-testata h2 small[b-tjvd0qd1zl] {
            margin-left: .4rem;
            font-size: .72rem;
            font-weight: 400;
            text-transform: none;
            letter-spacing: 0;
            color: #64748b;
        }

.tur-btn-aggiungi[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .9rem;
    font-size: .78rem;
    font-weight: 700;
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .55rem;
}

    .tur-btn-aggiungi:hover[b-tjvd0qd1zl] {
        background: #dcfce7;
    }

.tur-vuoto[b-tjvd0qd1zl] {
    margin: 0;
    padding: 1rem;
    font-size: .82rem;
    color: #64748b;
    text-align: center;
    border: 1px dashed #cbd5e1;
    border-radius: .6rem;
}

/* --- Scheda del dipendente --- */

.tur-scheda[b-tjvd0qd1zl] {
    margin-bottom: .75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
}

.tur-scheda-testata[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    padding: .7rem .9rem;
}

.tur-scheda.aperta .tur-scheda-testata[b-tjvd0qd1zl] {
    border-bottom: 1px solid #e2e8f0;
}

/* La scheda aperta da "Modifica" nella pagina della commessa; scorrendo si ferma sotto la barra in alto. */
.tur-scheda[b-tjvd0qd1zl] {
    scroll-margin-top: calc(var(--tpl-topbar-height) + 1.25rem);
}

.tur-scheda.evidenziata[b-tjvd0qd1zl] {
    border-color: #86efac;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .18);
}

/* Turno finito: resta per lo storico, più spento. */
.tur-scheda.conclusa:not(.evidenziata)[b-tjvd0qd1zl] {
    opacity: .75;
}

.tur-concluso[b-tjvd0qd1zl],
.tur-da-iniziare[b-tjvd0qd1zl] {
    padding: .12rem .45rem;
    font-size: .7rem;
    font-weight: 700;
    border-radius: .3rem;
}

.tur-concluso[b-tjvd0qd1zl] {
    color: #475569;
    background: #e2e8f0;
}

.tur-da-iniziare[b-tjvd0qd1zl] {
    color: #1d4ed8;
    background: #dbeafe;
}

.tur-apri[b-tjvd0qd1zl] {
    width: 1.8rem;
    height: 1.8rem;
    color: #475569;
    background: none;
    border: 0;
    border-radius: .4rem;
}

    .tur-apri:hover[b-tjvd0qd1zl] {
        background: #e2e8f0;
    }

.tur-numero[b-tjvd0qd1zl] {
    padding: .15rem .5rem;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background: #15803d;
    border-radius: .3rem;
}

.tur-nome[b-tjvd0qd1zl] {
    font-size: .9rem;
    color: #0f172a;
}

.tur-mansione[b-tjvd0qd1zl] {
    font-size: .8rem;
    color: #64748b;
}

.tur-scheda-info[b-tjvd0qd1zl] {
    margin-left: auto;
    font-family: Consolas, monospace;
    font-size: .76rem;
    font-weight: 700;
    color: #334155;
}

.tur-contratto[b-tjvd0qd1zl] {
    font-weight: 400;
    color: #64748b;
}

.tur-togli[b-tjvd0qd1zl] {
    width: 1.9rem;
    height: 1.9rem;
    color: #b91c1c;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: .45rem;
}

    .tur-togli:hover[b-tjvd0qd1zl] {
        background: #fef2f2;
    }

.tur-scheda-corpo[b-tjvd0qd1zl] {
    padding: .9rem;
}

.tur-griglia[b-tjvd0qd1zl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem 1rem;
}

    .tur-griglia label[b-tjvd0qd1zl],
    .tur-riposi label[b-tjvd0qd1zl] {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        margin: 0;
    }

/* Ciclo di settimane e fasce. */
.tur-ciclo[b-tjvd0qd1zl] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    margin-top: .9rem;
}

.tur-settimana[b-tjvd0qd1zl] {
    padding: .7rem .8rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .6rem;
}

.tur-settimana-testata[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

.tur-settimana-nome[b-tjvd0qd1zl] {
    padding: .2rem .6rem;
    font-size: .78rem;
    font-weight: 700;
    color: #0f172a;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: .4rem;
}

.tur-settimana-azioni[b-tjvd0qd1zl] {
    display: flex;
    gap: .4rem;
}

.tur-riposo-settimana[b-tjvd0qd1zl] {
    margin: 0 0 .4rem;
    font-size: .78rem;
    font-style: italic;
    color: #64748b;
}

.tur-fascia[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    padding: .5rem .65rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
}

    .tur-fascia + .tur-fascia[b-tjvd0qd1zl] {
        margin-top: .4rem;
    }

.tur-fascia-nome[b-tjvd0qd1zl] {
    font-size: .78rem;
    font-weight: 700;
    color: #334155;
}

.tur-orario[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    font-size: .76rem;
    color: #64748b;
}

    .tur-orario input[b-tjvd0qd1zl] {
        width: 6.6rem;
        font-family: Consolas, monospace;
    }

.tur-tutti[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    font-size: .76rem;
    font-weight: 700;
    color: #334155;
}

    .tur-tutti input[b-tjvd0qd1zl] {
        accent-color: #1d4ed8;
    }

.tur-giorni[b-tjvd0qd1zl] {
    display: inline-flex;
    gap: .3rem;
}

.tur-giorno[b-tjvd0qd1zl] {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .74rem;
    font-weight: 800;
    color: #334155;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .35rem;
}

    .tur-giorno.attivo[b-tjvd0qd1zl] {
        color: #fff;
        background: #15803d;
        border-color: #15803d;
    }

.tur-fascia-azioni[b-tjvd0qd1zl] {
    display: flex;
    gap: .35rem;
    margin-left: auto;
}

.tur-btn-leggero[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    font-size: .74rem;
    font-weight: 700;
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: .4rem;
}

    .tur-btn-leggero:hover[b-tjvd0qd1zl] {
        background: #dcfce7;
    }

.tur-btn-rosso[b-tjvd0qd1zl] {
    color: #b91c1c;
    background: #fff;
    border-color: #fecaca;
}

    .tur-btn-rosso:hover[b-tjvd0qd1zl] {
        background: #fef2f2;
    }

.tur-btn-icona[b-tjvd0qd1zl] {
    width: 1.8rem;
    height: 1.8rem;
    color: #475569;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: .4rem;
}

    .tur-btn-icona:hover:not(:disabled)[b-tjvd0qd1zl] {
        background: #f1f5f9;
    }

    .tur-btn-icona:disabled[b-tjvd0qd1zl] {
        opacity: .4;
    }

.tur-riposi[b-tjvd0qd1zl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem 1rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid #e2e8f0;
}

/* --- Anteprima del mese --- */

.tur-mesi[b-tjvd0qd1zl] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
}

    .tur-mesi span[b-tjvd0qd1zl] {
        min-width: 8.5rem;
        text-align: center;
    }

.tur-tabella-contenitore[b-tjvd0qd1zl] {
    overflow-x: auto;
    border: 1px solid #cbd5e1;
    border-radius: .6rem;
}

.tur-tabella[b-tjvd0qd1zl] {
    width: 100%;
    min-width: 72rem;
    font-size: .7rem;
    border-collapse: collapse;
}

    .tur-tabella th[b-tjvd0qd1zl],
    .tur-tabella td[b-tjvd0qd1zl] {
        padding: .35rem .2rem;
        text-align: center;
        border-right: 1px solid #e2e8f0;
        border-bottom: 1px solid #e2e8f0;
    }

    .tur-tabella thead th[b-tjvd0qd1zl] {
        font-weight: 700;
        color: #0f172a;
        background: #f1f5f9;
    }

    .tur-tabella tfoot th[b-tjvd0qd1zl],
    .tur-tabella tfoot td[b-tjvd0qd1zl] {
        font-weight: 800;
        color: #0f172a;
        background: #f8fafc;
        border-top: 2px solid #94a3b8;
    }

.tur-giorno-numero[b-tjvd0qd1zl] {
    display: block;
    font-family: Consolas, monospace;
    font-size: .76rem;
}

.tur-giorno-nome[b-tjvd0qd1zl] {
    display: block;
    font-size: .6rem;
    font-weight: 600;
}

.tur-col-dipendente[b-tjvd0qd1zl] {
    min-width: 10rem;
    text-align: left !important;
    padding-left: .6rem !important;
}

    td.tur-col-dipendente strong[b-tjvd0qd1zl] {
        display: block;
        font-size: .76rem;
        color: #0f172a;
    }

    td.tur-col-dipendente span[b-tjvd0qd1zl] {
        font-size: .64rem;
        text-transform: uppercase;
        color: #64748b;
    }

.tur-col-totale[b-tjvd0qd1zl] {
    min-width: 4rem;
    font-family: Consolas, monospace;
}

.tur-totale-squadra[b-tjvd0qd1zl] {
    color: #166534 !important;
    background: #dcfce7 !important;
}

/* Sabato chiaro, domenica e festivi scuri, come nel mockup. */
.tur-sabato[b-tjvd0qd1zl] {
    background: #e2e8f0;
}

.tur-domenica[b-tjvd0qd1zl] {
    color: #e2e8f0 !important;
    background: #475569 !important;
}

thead .tur-sabato[b-tjvd0qd1zl] {
    background: #cbd5e1 !important;
}

thead .tur-domenica[b-tjvd0qd1zl] {
    color: #fff !important;
    background: #1e293b !important;
}

.tur-orari[b-tjvd0qd1zl] {
    display: block;
    font-family: Consolas, monospace;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.25;
    color: #0f172a;
}

    .tur-orari + .tur-orari[b-tjvd0qd1zl] {
        margin-top: .2rem;
        padding-top: .2rem;
        border-top: 1px dashed #cbd5e1;
    }

.tur-domenica .tur-orari[b-tjvd0qd1zl] {
    color: #fff;
}

.tur-etichetta[b-tjvd0qd1zl] {
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
}

/* Sovrapposizione: l'avviso nella cella. */
.tur-conflitto[b-tjvd0qd1zl] {
    background: #fef2f2 !important;
    box-shadow: inset 0 0 0 2px #ef4444;
}

    .tur-conflitto .tur-orari[b-tjvd0qd1zl] {
        color: #b91c1c;
    }

.tur-alert[b-tjvd0qd1zl] {
    display: block;
    margin-bottom: .1rem;
    color: #dc2626;
}

.tur-festa[b-tjvd0qd1zl] {
    display: inline-block;
    margin-bottom: .1rem;
    padding: 0 .25rem;
    font-size: .58rem;
    font-weight: 800;
    color: #6b21a8;
    background: #f3e8ff;
    border: 1px solid #d8b4fe;
    border-radius: .25rem;
}

.tur-festa-personale[b-tjvd0qd1zl] {
    box-shadow: inset 0 -3px 0 #a855f7;
}

.tur-tabella-vuota[b-tjvd0qd1zl] {
    padding: 1rem !important;
    color: #64748b;
}

.tur-legenda[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.25rem;
    margin: .6rem 0 0;
    font-size: .72rem;
    color: #64748b;
}

    .tur-legenda .tur-alert[b-tjvd0qd1zl] {
        display: inline;
    }

/* --- Piede --- */

.tur-piede[b-tjvd0qd1zl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    margin-bottom: 1rem;
}

.tur-btn-annulla[b-tjvd0qd1zl] {
    padding: .6rem 1.1rem;
    font-size: .85rem;
    font-weight: 700;
    color: #0f172a;
    background: #eef2f5;
    border-radius: .6rem;
    text-decoration: none;
}

    .tur-btn-annulla:hover[b-tjvd0qd1zl] {
        color: #0f172a;
        background: #e2e8f0;
    }

.tur-btn-salva[b-tjvd0qd1zl] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.2rem;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    background: #15803d;
    border: 0;
    border-radius: .6rem;
}

    .tur-btn-salva:hover[b-tjvd0qd1zl] {
        background: #166534;
    }

    .tur-btn-salva:disabled[b-tjvd0qd1zl] {
        opacity: .6;
    }

@media (max-width: 767.98px) {
    .tur-griglia[b-tjvd0qd1zl],
    .tur-riposi[b-tjvd0qd1zl] {
        grid-template-columns: 1fr;
    }

    .tur-scheda-info[b-tjvd0qd1zl] {
        margin-left: 0;
        flex-basis: 100%;
    }

    .tur-fascia-azioni[b-tjvd0qd1zl] {
        margin-left: 0;
    }
}
/* /Components/Pages/GestioneAttivita/SceltaOrdiniDialog.razor.rz.scp.css */
.dialogo-sfondo[b-m0bwheoalj] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

/* Due date affiancate. */
.dialogo[b-m0bwheoalj] {
    width: 100%;
    max-width: 30rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-m0bwheoalj] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-m0bwheoalj] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fef3c7;
    color: #b45309;
}

.dialogo-titoli[b-m0bwheoalj] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-m0bwheoalj] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-m0bwheoalj] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-m0bwheoalj] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-m0bwheoalj] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-m0bwheoalj] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

.obbligatorio[b-m0bwheoalj] {
    color: #dc2626;
}

.dialogo-corpo-errore[b-m0bwheoalj] {
    padding: 0 1.5rem 1rem;
}

.dialogo-errore[b-m0bwheoalj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.8rem 1rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

    .dialogo-errore i[b-m0bwheoalj] {
        color: #dc2626;
    }

.dialogo-piede[b-m0bwheoalj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-m0bwheoalj],
.dialogo-btn-salva[b-m0bwheoalj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-m0bwheoalj] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-m0bwheoalj] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-m0bwheoalj] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-m0bwheoalj] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-m0bwheoalj] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-m0bwheoalj],
    .dialogo-piede[b-m0bwheoalj] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-m0bwheoalj] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .dialogo-corpo-errore[b-m0bwheoalj] {
        padding: 0 1rem 1rem;
    }
}

/* Le due scelte, grandi come pulsanti. */
.scelta[b-m0bwheoalj] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    padding: 0.9rem 1rem;
    text-align: left;
    color: #0f172a;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}

    .scelta:hover[b-m0bwheoalj] {
        background: #f0fdf4;
        border-color: #86efac;
    }

    .scelta > i[b-m0bwheoalj] {
        width: 2.2rem;
        font-size: 1.3rem;
        text-align: center;
        color: #15803d;
    }

    .scelta strong[b-m0bwheoalj] {
        display: block;
        font-size: 0.92rem;
    }

    .scelta small[b-m0bwheoalj] {
        display: block;
        font-size: 0.78rem;
        color: #64748b;
    }
/* /Components/Pages/GestioneAttivita/StampaOrdineDialog.razor.rz.scp.css */
.stampa-sfondo[b-tzj2d521tj] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem 1rem;
    background-color: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(3px);
}

.stampa[b-tzj2d521tj] {
    width: 100%;
    max-width: 50rem;
    max-height: calc(100vh - 3rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.35);
}

/* Testata scura, come nel mockup, con il pulsante verde di stampa. */
.stampa-testata[b-tzj2d521tj] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1.25rem;
    background-color: #111827;
    color: #fff;
}

.stampa-icona[b-tzj2d521tj] {
    flex-shrink: 0;
    font-size: 1.15rem;
    color: #4ade80;
}

.stampa-titoli[b-tzj2d521tj] {
    flex: 1;
    min-width: 0;
}

    .stampa-titoli h2[b-tzj2d521tj] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
    }

    .stampa-titoli p[b-tzj2d521tj] {
        margin: .15rem 0 0;
        font-size: .78rem;
        color: #cbd5e1;
    }

.stampa-btn[b-tzj2d521tj] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem 1rem;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    background-color: #15803d;
    border-radius: .6rem;
    text-decoration: none;
}

    .stampa-btn:hover[b-tzj2d521tj] {
        color: #fff;
        background-color: #166534;
    }

.stampa-chiudi[b-tzj2d521tj] {
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: #cbd5e1;
    font-size: 1.05rem;
}

    .stampa-chiudi:hover[b-tzj2d521tj] {
        background-color: rgba(255, 255, 255, .1);
        color: #fff;
    }

.stampa-corpo[b-tzj2d521tj] {
    overflow-y: auto;
}

.stampa-avviso[b-tzj2d521tj] {
    margin: 0;
    padding: 2rem;
    color: #64748b;
}

/* --- Il foglio: lo stesso ordine del PDF --- */

.foglio[b-tzj2d521tj] {
    padding: 1.75rem 2.25rem 2rem;
    color: #111827;
    font-size: .84rem;
}

.foglio-testata[b-tzj2d521tj] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    border-bottom: 2px solid #111827;
}

.foglio-azienda[b-tzj2d521tj] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    font-size: .74rem;
    color: #475569;
}

.foglio-ragione[b-tzj2d521tj] {
    margin-bottom: .3rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    text-transform: uppercase;
}

.foglio-numero[b-tzj2d521tj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
    gap: .3rem;
    text-align: right;
}

    .foglio-numero strong[b-tzj2d521tj] {
        font-size: 1.35rem;
        font-weight: 800;
    }

    .foglio-numero small[b-tzj2d521tj] {
        font-size: .74rem;
        color: #64748b;
    }

.foglio-tipo[b-tzj2d521tj] {
    padding: .2rem .6rem;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: #fff;
    background-color: #111827;
    border-radius: .3rem;
}

.foglio-riquadro[b-tzj2d521tj] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: .65rem;
}

    .foglio-riquadro strong[b-tzj2d521tj] {
        font-size: .95rem;
    }

    .foglio-riquadro small[b-tzj2d521tj] {
        font-size: .76rem;
        color: #475569;
    }

.foglio-due[b-tzj2d521tj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

    .foglio-due > div[b-tzj2d521tj] {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        min-width: 0;
    }

.foglio-oggetto[b-tzj2d521tj] {
    background-color: #fff;
    border: 2px solid #cbd5e1;
}

    .foglio-oggetto strong[b-tzj2d521tj] {
        font-size: 1rem;
        text-transform: uppercase;
    }

.foglio-note[b-tzj2d521tj] {
    margin-top: 1rem;
}

    .foglio-note p[b-tzj2d521tj] {
        margin: 0;
        white-space: pre-line;
    }

.foglio-etichetta[b-tzj2d521tj] {
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: #475569;
    text-transform: uppercase;
}

.foglio-sezione[b-tzj2d521tj] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin: 1.25rem 0 .6rem;
    padding-bottom: .4rem;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
    border-bottom: 1px solid #cbd5e1;
}

    .foglio-sezione i[b-tzj2d521tj] {
        margin-right: .3rem;
        color: #15803d;
    }

    .foglio-sezione small[b-tzj2d521tj] {
        font-size: .74rem;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
        color: #475569;
    }

.foglio-tabella[b-tzj2d521tj] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
}

    .foglio-tabella th[b-tzj2d521tj],
    .foglio-tabella td[b-tzj2d521tj] {
        padding: .45rem .6rem;
        border: 1px solid #cbd5e1;
        text-align: center;
    }

    .foglio-tabella th[b-tzj2d521tj] {
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .04em;
        color: #475569;
        text-transform: uppercase;
        background-color: #f1f5f9;
    }

        .foglio-tabella th:first-child[b-tzj2d521tj],
        .foglio-tabella td:first-child[b-tzj2d521tj],
        .foglio-tabella .foglio-recapito[b-tzj2d521tj] {
            text-align: left;
        }

.foglio-operatore[b-tzj2d521tj],
.foglio-fascia[b-tzj2d521tj] {
    font-weight: 700;
}

.foglio-recapito[b-tzj2d521tj] {
    color: #475569;
}

.foglio-ore[b-tzj2d521tj] {
    font-weight: 700;
    color: #15803d;
}

.foglio-tipologia[b-tzj2d521tj] {
    display: inline-block;
    padding: .05rem .4rem;
    font-size: .66rem;
    font-weight: 700;
    color: #475569;
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: .25rem;
}

/* Le lavorazioni da barrare, su due colonne: qui si spuntano. */
.foglio-checklist[b-tzj2d521tj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.foglio-voce[b-tzj2d521tj] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin: 0;
    padding: .6rem .75rem;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: .55rem;
    cursor: pointer;
}

    .foglio-voce input[b-tzj2d521tj] {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
        margin-top: .1rem;
        accent-color: #15803d;
        cursor: pointer;
    }

    .foglio-voce.fatta[b-tzj2d521tj] {
        background-color: #f0fdf4;
        border-color: #86efac;
    }

.foglio-sicurezza[b-tzj2d521tj] {
    display: flex;
    gap: .75rem;
    margin-top: 1.25rem;
    padding: .8rem 1rem;
    background-color: #fefce8;
    border: 1px solid #fde047;
    border-radius: .65rem;
}

    .foglio-sicurezza i[b-tzj2d521tj] {
        margin-top: .15rem;
        color: #92400e;
    }

    .foglio-sicurezza strong[b-tzj2d521tj] {
        font-size: .7rem;
        font-weight: 800;
        letter-spacing: .03em;
        color: #92400e;
        text-transform: uppercase;
    }

    .foglio-sicurezza p[b-tzj2d521tj] {
        margin: .2rem 0 0;
        font-size: .78rem;
        color: #713f12;
    }

.foglio-firme[b-tzj2d521tj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 1.75rem;
    padding-top: 1rem;
    border-top: 1px solid #cbd5e1;
}

    .foglio-firme div[b-tzj2d521tj] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 2.25rem;
    }

    .foglio-firme span[b-tzj2d521tj] {
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .04em;
        color: #475569;
        text-transform: uppercase;
    }

    .foglio-firme small[b-tzj2d521tj] {
        padding-bottom: .25rem;
        font-size: .7rem;
        color: #94a3b8;
        text-align: center;
        border-bottom: 1px solid #475569;
    }
/* /Components/Pages/GestioneAttivita/VariazioniTurniDialog.razor.rz.scp.css */
.dialogo-sfondo[b-nsap752jn8] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8vh 1rem 4vh;
    overflow-y: auto;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.dialogo[b-nsap752jn8] {
    width: 100%;
    max-width: 34rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

/* Testata chiara, con il filetto sotto. */
.dialogo-testata[b-nsap752jn8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 1.5rem;
    padding: 1.25rem 0 1rem;
    border-bottom: 1px solid #eef0f4;
}

.dialogo-icona[b-nsap752jn8] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    background-color: #fef3c7;
    color: #b45309;
}

.dialogo-titoli[b-nsap752jn8] {
    flex: 1;
    min-width: 0;
}

    .dialogo-titoli .titlemodulo[b-nsap752jn8] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 700;
        color: #0f172a;
    }

    .dialogo-titoli .subtitlemodulo[b-nsap752jn8] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        color: #64748b;
    }

.dialogo-chiudi[b-nsap752jn8] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    font-size: 1.05rem;
}

    .dialogo-chiudi:hover[b-nsap752jn8] {
        background-color: #f1f5f9;
        color: #0f172a;
    }

/* Campi uno sotto l'altro. */
.dialogo-corpo[b-nsap752jn8] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem 1.5rem;
}

/* Un turno per riquadro, con le due scelte. */
.var-voce[b-nsap752jn8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    margin: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background-color: #f8fafc;
}

.var-chi[b-nsap752jn8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.6rem;
    float: none;
    width: auto;
    margin: 0 0 0.15rem;
    padding: 0;
    font-size: 0.88rem;
    color: #0f172a;
}

.var-nuovo[b-nsap752jn8] {
    font-weight: 700;
    color: #15803d;
}

    .var-nuovo i[b-nsap752jn8] {
        font-size: 0.75rem;
    }

.var-stato[b-nsap752jn8] {
    font-size: 0.76rem;
    color: #64748b;
}

.var-scelta[b-nsap752jn8] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    background-color: #fff;
    cursor: pointer;
}

    .var-scelta.scelta[b-nsap752jn8] {
        border-color: #86efac;
        background-color: #f0fdf4;
    }

    .var-scelta.spenta[b-nsap752jn8] {
        cursor: default;
        opacity: 0.6;
    }

    .var-scelta input[type="radio"][b-nsap752jn8] {
        margin-top: 0.3rem;
        accent-color: #15803d;
    }

.var-testo[b-nsap752jn8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.var-riga[b-nsap752jn8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f172a;
}

.var-data[b-nsap752jn8] {
    width: auto;
    padding: 0.25rem 0.5rem;
    font-size: 0.82rem;
}

.var-testo small[b-nsap752jn8] {
    font-size: 0.76rem;
    color: #64748b;
}

.var-testo small.var-errore[b-nsap752jn8] {
    font-weight: 600;
    color: #b91c1c;
}

.dialogo-piede[b-nsap752jn8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin: 0 1.5rem;
    padding: 1rem 0 1.25rem;
    border-top: 1px solid #eef0f4;
}

.dialogo-btn-annulla[b-nsap752jn8],
.dialogo-btn-salva[b-nsap752jn8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    border: 0;
    border-radius: 0.6rem;
}

.dialogo-btn-annulla[b-nsap752jn8] {
    background-color: #eef2f5;
    color: #0f172a;
}

    .dialogo-btn-annulla:hover[b-nsap752jn8] {
        background-color: #e2e8f0;
    }

.dialogo-btn-salva[b-nsap752jn8] {
    background-color: #15803d;
    color: #fff;
}

    .dialogo-btn-salva:hover[b-nsap752jn8] {
        background-color: #166534;
    }

    .dialogo-btn-salva:disabled[b-nsap752jn8] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media (max-width: 575.98px) {
    .dialogo-testata[b-nsap752jn8],
    .dialogo-piede[b-nsap752jn8] {
        margin: 0 1rem;
    }

    .dialogo-corpo[b-nsap752jn8] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/Notifiche/ImpostazioniNotifiche.razor.rz.scp.css */
.notifiche-pagina[b-jf7jle2wf8] {
    max-width: 52rem;
    margin: 1.5rem auto 0;
}

.notifiche-testata[b-jf7jle2wf8] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.5rem;
}

.notifiche-icona[b-jf7jle2wf8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    color: #166534;
    background: #dcfce7;
    border-radius: .75rem;
}

.notifiche-titolo[b-jf7jle2wf8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.notifiche-sottotitolo[b-jf7jle2wf8] {
    margin: .15rem 0 0;
    font-size: .85rem;
    color: #64748b;
}

.notifiche-sezione[b-jf7jle2wf8] {
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.notifiche-sezione-titolo[b-jf7jle2wf8] {
    margin: 0;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #14532d;
}

.notifiche-sezione-nota[b-jf7jle2wf8] {
    margin: .25rem 0 1rem;
    font-size: .8rem;
    color: #64748b;
}

.notifiche-riga[b-jf7jle2wf8] {
    display: grid;
    grid-template-columns: 16rem 1fr;
    align-items: center;
    gap: 1rem;
    padding: .9rem 0;
    border-top: 1px solid #f1f5f9;
}

.notifiche-interruttore label[b-jf7jle2wf8] {
    font-size: .9rem;
    font-weight: 600;
    color: #0f172a;
}

.notifiche-numero[b-jf7jle2wf8] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .notifiche-numero input[b-jf7jle2wf8] {
        width: 7rem;
    }

    .notifiche-numero span[b-jf7jle2wf8] {
        font-size: .85rem;
        color: #64748b;
    }

.notifiche-azioni[b-jf7jle2wf8] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
}
.notifiche-aiuto[b-jf7jle2wf8] {
    margin: .2rem 0 0 2.5rem;
    font-size: .75rem;
    color: #64748b;
}
.notifiche-scelte[b-jf7jle2wf8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 1rem;
}

.notifiche-scelta[b-jf7jle2wf8] {
    display: flex;
    align-items: center;
    gap: .9rem;
    width: 100%;
    padding: 1.25rem 1.5rem;
    font: inherit;
    text-align: left;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .notifiche-scelta:hover[b-jf7jle2wf8],
    .notifiche-scelta:focus-visible[b-jf7jle2wf8] {
        border-color: #86efac;
        box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
        outline: none;
    }

.notifiche-scelta-icona[b-jf7jle2wf8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.6rem;
    height: 2.6rem;
    color: #166534;
    background: #dcfce7;
    border-radius: .75rem;
}

.notifiche-scelta-testo[b-jf7jle2wf8] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.notifiche-scelta-titolo[b-jf7jle2wf8] {
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
}

.notifiche-scelta-descrizione[b-jf7jle2wf8] {
    margin-top: .1rem;
    font-size: .8rem;
    color: #64748b;
}

.notifiche-scelta-freccia[b-jf7jle2wf8] {
    font-size: .8rem;
    color: #94a3b8;
}

.notifiche-indietro[b-jf7jle2wf8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: 0;
    font-size: .85rem;
    font-weight: 600;
    color: #166534;
    text-decoration: none;
}

    .notifiche-indietro:hover[b-jf7jle2wf8] {
        color: #14532d;
        text-decoration: underline;
    }
/* /Components/Shared/DialogoConferma.razor.rz.scp.css */
.conferma-sfondo[b-2njhe3lalm] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}

.conferma[b-2njhe3lalm] {
    width: 100%;
    max-width: 26rem;
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
    text-align: center;
}

.conferma-icona[b-2njhe3lalm] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fef2f2;
    color: #dc2626;
    font-size: 1.2rem;
}

.conferma-titolo[b-2njhe3lalm] {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
}

.conferma-testo[b-2njhe3lalm] {
    font-size: 0.9rem;
    color: #475569;
}

.conferma-errore[b-2njhe3lalm] {
    margin-top: 1rem;
    padding: 0.7rem 0.9rem;
    font-size: 0.84rem;
    font-weight: 600;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #991b1b;
}

.conferma-azioni[b-2njhe3lalm] {
    display: flex;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 1.4rem;
}

.conferma-btn-annulla[b-2njhe3lalm],
.conferma-btn-conferma[b-2njhe3lalm] {
    padding: 0.55rem 1.2rem;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 0.6rem;
}

.conferma-btn-annulla[b-2njhe3lalm] {
    border: 1px solid #d5dbe3;
    background-color: #fff;
    color: #0f172a;
}

    .conferma-btn-annulla:hover[b-2njhe3lalm] {
        background-color: #f1f5f9;
    }

.conferma-btn-conferma[b-2njhe3lalm] {
    border: 0;
    background-color: #dc2626;
    color: #fff;
}

    .conferma-btn-conferma:hover[b-2njhe3lalm] {
        background-color: #b91c1c;
    }

.conferma-avviso .conferma-icona[b-2njhe3lalm] {
    background-color: #fefce8;
    color: #ca8a04;
}

.conferma-avviso .conferma-btn-conferma[b-2njhe3lalm] {
    background-color: #ca8a04;
}

    .conferma-avviso .conferma-btn-conferma:hover[b-2njhe3lalm] {
        background-color: #a16207;
    }

.conferma-btn-annulla:disabled[b-2njhe3lalm],
.conferma-btn-conferma:disabled[b-2njhe3lalm] {
    opacity: 0.6;
}
/* /Components/Shared/SchedaDocumenti.razor.rz.scp.css */
.campo-aiuto[b-4hma07lel4] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

/* Riquadro in alto: titolo a sinistra, tipo + scadenza + pulsante a destra. */
.documenti-testata[b-4hma07lel4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.documenti-titolo[b-4hma07lel4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.documenti-sottotitolo[b-4hma07lel4] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

.documenti-carica[b-4hma07lel4] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    gap: 0.6rem;
}

    .documenti-carica select[b-4hma07lel4] {
        min-width: 13rem;
    }

.documenti-etichetta[b-4hma07lel4] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
}

.documenti-btn-carica[b-4hma07lel4] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 0.6rem;
    background-color: #15803d;
    color: #fff;
    cursor: pointer;
}

    .documenti-btn-carica:hover[b-4hma07lel4] {
        background-color: #166534;
    }

    .documenti-btn-carica.in-corso[b-4hma07lel4] {
        opacity: 0.7;
        cursor: progress;
    }

    /* L'input vero resta nascosto: si apre cliccando l'etichetta. */
    .documenti-btn-carica[b-4hma07lel4]  input[type=file] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.documenti-avviso[b-4hma07lel4] {
    margin: 0 0 0.9rem;
}

.documenti-errore[b-4hma07lel4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.9rem;
    padding: 0.65rem 0.9rem;
    font-size: 0.85rem;
    border: 1px solid #fecaca;
    border-radius: 0.6rem;
    background-color: #fef2f2;
    color: #b91c1c;
}

/* Schede dei documenti, tre per riga come nel mockup. */
.documenti-griglia[b-4hma07lel4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.documento[b-4hma07lel4] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 1rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background-color: #fff;
}

.documento-testa[b-4hma07lel4] {
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.documento-icona[b-4hma07lel4] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.6rem;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.1rem;
}

.documento-info[b-4hma07lel4] {
    min-width: 0;
}

.documento-nome[b-4hma07lel4] {
    overflow: hidden;
    font-size: 0.88rem;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0f172a;
}

.documento-tipo[b-4hma07lel4] {
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.05rem 0.45rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid #bbf7d0;
    border-radius: 0.3rem;
    background-color: #ecfdf3;
    color: #15803d;
}

.documento-dati[b-4hma07lel4] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
}

.documento-scadenza[b-4hma07lel4] {
    margin-top: 0.2rem;
    font-size: 0.75rem;
    color: #64748b;
}

    .documento-scadenza.in-scadenza[b-4hma07lel4] {
        font-weight: 700;
        color: #b45309;
    }

    .documento-scadenza.scaduto[b-4hma07lel4] {
        font-weight: 700;
        color: #dc2626;
    }

.documento-azioni[b-4hma07lel4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 0.9rem;
    padding-top: 0.65rem;
    border-top: 1px solid #eef0f4;
}

    .documento-azioni a[b-4hma07lel4] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.8rem;
        font-weight: 600;
        text-decoration: none;
        color: #334155;
    }

        .documento-azioni a:hover[b-4hma07lel4] {
            color: #15803d;
        }

.documento-elimina[b-4hma07lel4] {
    padding: 0.15rem 0.3rem;
    border: 0;
    border-radius: 0.4rem;
    background: none;
    color: #94a3b8;
}

    .documento-elimina:hover[b-4hma07lel4] {
        background-color: #fef2f2;
        color: #dc2626;
    }

/* Nessun documento, o anagrafica non ancora salvata. */
.documenti-vuoto[b-4hma07lel4] {
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px dashed #d5dbe3;
    border-radius: 0.9rem;
    background-color: #f8fafc;
}

.documenti-vuoto-icona[b-4hma07lel4] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ecfdf3;
    color: #16a34a;
    font-size: 1.2rem;
}

.documenti-vuoto-titolo[b-4hma07lel4] {
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #0f172a;
}

@media (max-width: 991.98px) {
    .documenti-testata[b-4hma07lel4] {
        flex-direction: column;
        align-items: stretch;
    }

    .documenti-griglia[b-4hma07lel4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .documenti-carica[b-4hma07lel4] {
        flex-direction: column;
        align-items: stretch;
    }

    .documenti-griglia[b-4hma07lel4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/SelezioneComune.razor.rz.scp.css */
.selezione-comune[b-cjvp8qcmeo] {
    position: relative;
}

.selezione-comune-elenco[b-cjvp8qcmeo] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 16rem;
    overflow-y: auto;
    margin: 0;
    padding: 0.3rem;
    list-style: none;
    border: 1px solid #d5dbe3;
    border-radius: 0.6rem;
    background-color: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.12);
}

    .selezione-comune-elenco li[b-cjvp8qcmeo] {
        padding: 0.45rem 0.65rem;
        font-size: 0.88rem;
        color: #1e293b;
        border-radius: 0.4rem;
        cursor: pointer;
    }

        .selezione-comune-elenco li.attivo[b-cjvp8qcmeo],
        .selezione-comune-elenco li:hover[b-cjvp8qcmeo] {
            background-color: #ecfdf3;
            color: #14532d;
        }

.selezione-comune-sigla[b-cjvp8qcmeo] {
    color: #64748b;
}
/* /Components/Shared/SelezioneConRicerca.razor.rz.scp.css */
.selezione-ricerca[b-h158wmcx0e] {
    position: relative;
}

    /* Spazio per la freccia, come una tendina. */
    .selezione-ricerca .selezione-ricerca-campo[b-h158wmcx0e] {
        padding-right: 2rem;
       
    }

.selezione-ricerca-freccia[b-h158wmcx0e] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    font-size: 0.7rem;
    color: #64748b;
    pointer-events: none;
}

.selezione-ricerca-elenco[b-h158wmcx0e] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 30;
    max-height: 22rem;
    overflow-y: auto;
    margin: 0;
    padding: 0.3rem;
    list-style: none;
    border: 1px solid #d5dbe3;
    border-radius: 0.6rem;
    background-color: #fff;
    box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.12);
}

    .selezione-ricerca-elenco li[role=option][b-h158wmcx0e] {
        padding: 0.45rem 0.65rem;
        font-size: 0.88rem;
        color: #1e293b;
        border-radius: 0.4rem;
        cursor: pointer;
    }

        .selezione-ricerca-elenco li[role=option].rientro[b-h158wmcx0e] {
            padding-left: 1.4rem;
        }

        .selezione-ricerca-elenco li[role=option].attivo[b-h158wmcx0e],
        .selezione-ricerca-elenco li[role=option]:hover[b-h158wmcx0e] {
            background-color: #ecfdf3;
            color: #14532d;
        }

/* Intestazione del gruppo (es. la macro attività): non si sceglie. */
.selezione-ricerca-gruppo[b-h158wmcx0e] {
    padding: 0.5rem 0.65rem 0.2rem;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.selezione-ricerca-nota[b-h158wmcx0e] {
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    font-style: italic;
    color: #94a3b8;
}