/* _content/Clar/Components/Layout/NavMenu.razor.rz.scp.css */
/* Struttura verticale per logo, link e footer */
.flex-column[b-wdl940wcl2] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    margin: 0;
}

/* 1. Logo in Alto */
.nav-logo[b-wdl940wcl2] {
    padding: 1.5rem 1.25rem;
    color: #f8f9fa; /* Bianco */
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}

    .nav-logo .bi[b-wdl940wcl2] {
        font-size: 1.7rem;
        margin-right: 0.5rem;
        color: #EAECEE; /* Grigio chiarissimo */
    }

/* 2. Contenitore Link */
.nav-links[b-wdl940wcl2] {
    flex: 1;
}

/* * QUESTA � LA CORREZIONE
 * Usiamo ::deep per sovrascrivere app.css e forzare BIANCO.
*/
.flex-column[b-wdl940wcl2]  .nav-link,
.flex-column[b-wdl940wcl2]  .nav-link:visited {
    display: flex;
    align-items: center;
    color: #ffffff !important; /* BIANCO FORZATO */
    padding: 0.75rem 1.25rem;
    text-decoration: none !important; /* Niente sottolineatura */
    border-radius: 0;
    margin-bottom: 2px;
}

    /* Link in Hover (Rosso pi� scuro) */
    .flex-column[b-wdl940wcl2]  .nav-link:hover {
        background-color: #B71C1C;
        color: #ffffff !important; /* Mantiene BIANCO */
    }

    /* Link Attivo (Rosso pi� scuro) */
    .flex-column[b-wdl940wcl2]  .nav-link.active {
        background-color: #B71C1C;
        color: #ffffff !important; /* Mantiene BIANCO */
    }


/* Icone dei link */
.nav-link .bi[b-wdl940wcl2] {
    font-size: 1.2rem;
    margin-right: 1rem;
    width: 1.5rem;
    /* Il colore ora � ereditato dal .nav-link forzato a bianco */
}


/* 3. Copyright in Fondo */
.nav-footer[b-wdl940wcl2] {
    padding: 1rem 1.25rem;
    font-size: 0.75rem;
    color: #EAECEE; /* Grigio chiarissimo */
    text-align: left;
}

/* Rimuoviamo il toggle menu (hamburger) */
.nav-toggle[b-wdl940wcl2] {
    display: none;
}
/* _content/Clar/Components/Pages/About.razor.rz.scp.css */
/* Contenitore per centrare il box */
.about-container[b-ysf2nmjqxg] {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Allinea in alto */
    padding-top: 4rem; /* Spazio dalla barra in alto */
}

/* Il box bianco (come da tua immagine) */
.about-box[b-ysf2nmjqxg] {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    padding: 2.5rem 3rem;
    max-width: 600px;
    width: 100%;
    text-align: center; /* Centra tutto il testo */
}

/* Titolo "About this Website" */
.about-title[b-ysf2nmjqxg] {
    font-size: 2rem;
    font-weight: 600;
    /* Colore testo scuro (dall'immagine) */
    color: #2a3b4c;
    margin-bottom: 2rem;
}

/* Stile P.IVA */
.vat-number[b-ysf2nmjqxg] {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Sezione Tecnologie */
.tech-section[b-ysf2nmjqxg] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee; /* Divisore */
}

    .tech-section p[b-ysf2nmjqxg] {
        font-size: 0.9rem;
        line-height: 1.6;
    }

/* Paragrafi standard (per il testo principale) */
.about-box p[b-ysf2nmjqxg] {
    color: #343a40;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

/* Sezione Copyright (in fondo) */
.copyright-section p[b-ysf2nmjqxg] {
    font-size: 0.8rem;
    color: #6c757d; /* Grigio */
    margin: 0;
    line-height: 1.5;
}
/* _content/Clar/Components/Pages/Database.razor.rz.scp.css */
/* Stile professionale e "flat" per l'accordion */
[b-x93spn02r3] .accordion-item {
    border: none;
    border-bottom: 1px solid #dee2e6; /* Bordo sottile solo sotto */
    border-radius: 0;
}

[b-x93spn02r3] .accordion-header {
    margin: 0;
}

[b-x93spn02r3] .accordion-button {
    background-color: #ffffff; /* Sfondo bianco pulito */
    color: #212529; /* Testo nero */
    font-weight: 500; /* Testo leggermente in grassetto */
    border-radius: 0;
    box-shadow: none; /* Rimuove l'ombra */
}

    /* Stile del pulsante QUANDO È APERTO */
    [b-x93spn02r3] .accordion-button:not(.collapsed) {
        background-color: #f8f9fa; /* Sfondo grigio chiaro per l'attivo */
        color: #000;
        box-shadow: none;
    }

    /* Rimuove l'icona standard +/- di Bootstrap */
    [b-x93spn02r3] .accordion-button::after {
        display: none;
    }
/* _content/Clar/Components/Pages/Home.razor.rz.scp.css */
/* Stile per le Card Statistiche (Widget) */
[b-6k8b5vr58f] .stat-card {
    border: none;
    border-radius: 0.35rem;
    background-color: #fff;
    border-left: 4px solid #B71C1C; /* Usa il colore rosso del tema */
}

/* Ombra professionale */
[b-6k8b5vr58f] .shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}

/* Testo "Titolo" della card */
[b-6k8b5vr58f] .text-xs {
    font-size: .8rem;
}

/* Colore icone grigio */
[b-6k8b5vr58f] .text-gray-300 {
    color: #dddfeb !important;
}

/* Colore testo principale card */
[b-6k8b5vr58f] .text-gray-800 {
    color: #5a5c69 !important;
}

/* Stile per Header Card (Link Rapidi) */
[b-6k8b5vr58f] .card-header {
    background-color: #f8f9fa; /* Sfondo grigio chiaro */
    border-bottom: 1px solid #e3e6f0;
}

/* Bottone primario (lo facciamo rosso per coerenza) */
[b-6k8b5vr58f] .btn-primary {
    background-color: #B71C1C;
    border-color: #B71C1C;
}

    [b-6k8b5vr58f] .btn-primary:hover {
        background-color: #A31919;
        border-color: #A31919;
    }
/* _content/Clar/Components/Pages/PannelloAnalisi.razor.rz.scp.css */
/* Stile per la card-icona */
.icon-card[b-f7waafyfeq] {
    display: flex;
    flex-direction: column; /* Icona sopra, testo sotto */
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    /* Icona (Bootstrap Icon) */
    .icon-card .bi[b-f7waafyfeq] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #B71C1C; /* Rosso tema */
    }

    /* Effetto Hover */
    .icon-card:hover[b-f7waafyfeq] {
        background-color: #f8f9fa;
        border-color: #B71C1C;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

/* Card Speciale "Stop/Esci" */
.icon-card-stop[b-f7waafyfeq] {
    /* Stessi stili della card normale */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    .icon-card-stop .bi[b-f7waafyfeq] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #dc3545; /* Rosso "Stop" di Bootstrap */
    }

    .icon-card-stop:hover[b-f7waafyfeq] {
        background-color: #f8f9fa;
        border-color: #dc3545;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }
/* _content/Clar/Components/Pages/PannelloInserimentoBase.razor.rz.scp.css */
/* Stile per la card-icona */
.icon-card[b-jgp6k74muj] {
    display: flex;
    flex-direction: column; /* Icona sopra, testo sotto */
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    /* Icona (Bootstrap Icon) */
    .icon-card .bi[b-jgp6k74muj] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #B71C1C; /* Rosso tema */
    }

    /* Effetto Hover */
    .icon-card:hover[b-jgp6k74muj] {
        background-color: #f8f9fa;
        border-color: #B71C1C;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

/* Card Speciale "Stop/Esci" */
.icon-card-stop[b-jgp6k74muj] {
    /* Stessi stili della card normale */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    .icon-card-stop .bi[b-jgp6k74muj] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #dc3545; /* Rosso "Stop" di Bootstrap */
    }

    .icon-card-stop:hover[b-jgp6k74muj] {
        background-color: #f8f9fa;
        border-color: #dc3545;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }
/* _content/Clar/Components/Pages/PannelloInserimentoDocumenti.razor.rz.scp.css */
/* Stile per la card-icona */
.icon-card[b-cro1rh4ja4] {
    display: flex;
    flex-direction: column; /* Icona sopra, testo sotto */
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    /* Icona (Bootstrap Icon) */
    .icon-card .bi[b-cro1rh4ja4] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #B71C1C; /* Rosso tema */
    }

    /* Effetto Hover */
    .icon-card:hover[b-cro1rh4ja4] {
        background-color: #f8f9fa;
        border-color: #B71C1C;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

/* Card Speciale "Stop/Esci" */
.icon-card-stop[b-cro1rh4ja4] {
    /* Stessi stili della card normale */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    .icon-card-stop .bi[b-cro1rh4ja4] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #dc3545; /* Rosso "Stop" di Bootstrap */
    }

    .icon-card-stop:hover[b-cro1rh4ja4] {
        background-color: #f8f9fa;
        border-color: #dc3545;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }
/* _content/Clar/Components/Pages/PannelloReport.razor.rz.scp.css */
/* Stile per la card-icona */
.icon-card[b-e0z1bfbicw] {
    display: flex;
    flex-direction: column; /* Icona sopra, testo sotto */
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    /* Icona (Bootstrap Icon) */
    .icon-card .bi[b-e0z1bfbicw] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #B71C1C; /* Rosso tema */
    }

    /* Effetto Hover */
    .icon-card:hover[b-e0z1bfbicw] {
        background-color: #f8f9fa;
        border-color: #B71C1C;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

/* Card Speciale "Stop/Esci" */
.icon-card-stop[b-e0z1bfbicw] {
    /* Stessi stili della card normale */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    .icon-card-stop .bi[b-e0z1bfbicw] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #dc3545; /* Rosso "Stop" di Bootstrap */
    }

    .icon-card-stop:hover[b-e0z1bfbicw] {
        background-color: #f8f9fa;
        border-color: #dc3545;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }
/* _content/Clar/Components/Pages/PannelloRicerche.razor.rz.scp.css */
/* Stile per la card-icona */
.icon-card[b-y5193gktvw] {
    display: flex;
    flex-direction: column; /* Icona sopra, testo sotto */
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    /* Icona (Bootstrap Icon) */
    .icon-card .bi[b-y5193gktvw] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #B71C1C; /* Rosso tema */
    }

    /* Effetto Hover */
    .icon-card:hover[b-y5193gktvw] {
        background-color: #f8f9fa;
        border-color: #B71C1C;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }

/* Card Speciale "Stop/Esci" */
.icon-card-stop[b-y5193gktvw] {
    /* Stessi stili della card normale */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 0.35rem;
    text-decoration: none;
    color: #333;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

    .icon-card-stop .bi[b-y5193gktvw] {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
        color: #dc3545; /* Rosso "Stop" di Bootstrap */
    }

    .icon-card-stop:hover[b-y5193gktvw] {
        background-color: #f8f9fa;
        border-color: #dc3545;
        color: #000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        transform: translateY(-2px);
    }
/* _content/Clar/Components/Pages/StatoProgetto.razor.rz.scp.css */
/* Stile per le Card (come sulla Home) */
[b-nwxitxaq4t] .stat-card {
    border: none;
    border-radius: 0.35rem;
    background-color: #fff;
    border-left: 4px solid #B71C1C; /* Rosso */
}

[b-nwxitxaq4t] .shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}

[b-nwxitxaq4t] .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e3e6f0;
}

/* Stile per la checklist */
.status-list[b-nwxitxaq4t] {
    padding-left: 0;
    list-style-type: none;
}

    .status-list li[b-nwxitxaq4t] {
        position: relative;
        padding-left: 30px; /* Spazio per l'icona */
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #f0f0f0;
    }

        .status-list li:last-child[b-nwxitxaq4t] {
            border-bottom: none;
            margin-bottom: 0;
        }

        /* Testo principale (es. "Backend Applicazione") */
        .status-list li strong[b-nwxitxaq4t] {
            display: block;
            color: #333;
            font-weight: 600;
        }

        /* Testo secondario (descrizione) */
        .status-list li span[b-nwxitxaq4t] {
            font-size: 0.85rem;
            color: #6c757d;
        }

    /* Icona per la lista "Fatto" */
    .status-list.completed li[b-nwxitxaq4t]::before {
        position: absolute;
        left: 0;
        top: 2px;
        font-family: "bootstrap-icons";
        font-size: 1.1rem;
        content: "\f26a"; /* Icona Check-Square-Fill */
        color: #198754; /* Verde successo */
    }

    /* Icona per la lista "Da Fare" */
    .status-list.to-do li[b-nwxitxaq4t]::before {
        position: absolute;
        left: 0;
        top: 2px;
        font-family: "bootstrap-icons";
        font-size: 1.1rem;
        content: "\f539"; /* Icona Square */
        color: #6c757d; /* Grigio */
    }
/* _content/Clar/Components/Pages/VisualizzatoreTabella.razor.rz.scp.css */
/* Stile professionale per la griglia dati */

/* Contenitore per lo scroll orizzontale */
[b-uu8y9b0tfg] .table-responsive {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-top: -1px; /* Collega la tabella al pulsante accordion */
}

[b-uu8y9b0tfg] .table {
    font-size: 0.875rem; /* Testo leggermente più piccolo e pulito */
    margin-bottom: 0; /* Rimuove il margine inferiore */
}

/* Header Professionale (IN TEMA COL MENU) */
[b-uu8y9b0tfg] .table-dark th {
    background-color: #B71C1C; /* ROSSO SCURO (come hover menu) */
    color: #ffffff;
    border-color: #A31919; /* Bordo leggermente più chiaro del rosso */
    padding: 0.75rem;
    vertical-align: top; /* Allinea in alto se il testo va a capo */
}

/* Bordi puliti */
[b-uu8y9b0tfg] .table-bordered {
    border-color: #dee2e6;
}

/* Striping leggero e professionale */
[b-uu8y9b0tfg] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(0, 0, 0, 0.02); /* Striping quasi invisibile */
}

/* Cella di dati */
[b-uu8y9b0tfg] .table td {
    padding: 0.5rem 0.75rem; /* Più spazio orizzontale */
    vertical-align: top;
}