/*
 * Tema SCI — navy istituzionale + oro romano.
 *
 * Tabler 1.4 deriva le varianti colore (-darken, -lt, -fg, ...) via
 * color-mix() dalle variabili base: basta sovrascrivere --tblr-primary
 * (+ la companion -rgb) perché bottoni, link, focus ring, paginazione
 * e componenti Live ereditino il brand senza ricompilare nulla.
 */

:root,
[data-bs-theme=light] {
    /* Navy estratto dal logo SCI (logo-sci-main.png) */
    --tblr-primary: #223347;
    --tblr-primary-rgb: 34, 51, 71;
    --tblr-brand: #223347;

    /* Accento oro romano per stati attivi e dettagli */
    --sci-gold: #b9924c;
    --sci-gold-rgb: 185, 146, 76;
    --sci-gold-lt: color-mix(in oklab, #b9924c 12%, transparent);

    /* Link in navy leggermente lifted per leggibilità sul bianco */
    --tblr-link-color: #2d4460;
    --tblr-link-color-rgb: 45, 68, 96;
    --tblr-link-hover-color: #223347;
    --tblr-link-hover-color-rgb: 34, 51, 71;

    /* Off-white appena caldo, lega con l'oro */
    --tblr-body-bg: #f7f7f5;
}

/* ------------------------------------------------------------------ */
/* Navbar scura navy con filo d'oro                                    */
/* ------------------------------------------------------------------ */

.navbar-sci {
    --tblr-navbar-bg: #223347;
    --tblr-navbar-border-color: transparent;
    --tblr-navbar-active-border-color: var(--sci-gold);
    --tblr-navbar-active-bg: rgba(255, 255, 255, .08);
    /* bordo inferiore: filo d'oro sottile al posto del grigio Tabler */
    box-shadow: inset 0 -2px 0 0 rgba(var(--sci-gold-rgb), .45);
}

.navbar-sci .nav-link {
    transition: color .15s ease;
}

.navbar-sci .avatar {
    background: linear-gradient(135deg, #36506f, #223347);
    color: rgba(255, 255, 255, .92);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(var(--sci-gold-rgb), .55);
}

/* ------------------------------------------------------------------ */
/* Card: angoli più morbidi, ombra leggera in tinta navy               */
/* ------------------------------------------------------------------ */

.card {
    border-radius: .625rem;
    border-color: color-mix(in oklab, #223347 10%, transparent);
    box-shadow: 0 1px 3px rgba(34, 51, 71, .06), 0 4px 12px rgba(34, 51, 71, .04);
}

/* Card-link della dashboard: hover più fluido, icona che vira all'oro */
.card-link.card-link-pop {
    transition: transform .18s ease, box-shadow .18s ease;
}

.card-link.card-link-pop:hover {
    box-shadow: 0 2px 6px rgba(34, 51, 71, .08), 0 12px 28px rgba(34, 51, 71, .10);
}

.card-link .avatar.bg-primary-lt {
    transition: background-color .18s ease, color .18s ease;
}

.card-link:hover .avatar.bg-primary-lt {
    background-color: var(--sci-gold-lt) !important;
    color: var(--sci-gold) !important;
}

/* ------------------------------------------------------------------ */
/* Sidebar profilo/admin: voce attiva marcata da un bordo oro          */
/* ------------------------------------------------------------------ */

.list-group-transparent .list-group-item.active {
    background-color: color-mix(in oklab, #223347 6%, transparent);
    color: var(--tblr-primary);
    font-weight: 500;
    box-shadow: inset 3px 0 0 0 var(--sci-gold);
    border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0;
}

/* ------------------------------------------------------------------ */
/* Tabelle                                                             */
/* ------------------------------------------------------------------ */

.table-hover > tbody > tr:hover > * {
    --tblr-table-accent-bg: color-mix(in oklab, #223347 4%, transparent);
}

/* AG-Grid (liste clienti/utenti/concessionari): accenti allineati al brand */
.ag-theme-quartz {
    --ag-font-family: var(--tblr-font-sans-serif);
    --ag-active-color: #223347;
    --ag-checkbox-checked-color: #223347;
    --ag-selected-row-background-color: rgba(34, 51, 71, .08);
    --ag-row-hover-color: rgba(34, 51, 71, .04);
    --ag-range-selection-border-color: #223347;
}

/* ------------------------------------------------------------------ */
/* Pagine di autenticazione: overlay navy + card "vetro"               */
/* ------------------------------------------------------------------ */

.sci-auth-overlay {
    min-height: 100vh;
    background: linear-gradient(160deg, rgba(34, 51, 71, .60) 0%, rgba(34, 51, 71, .30) 100%);
}

.sci-auth-card {
    background: rgba(255, 255, 255, .87);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, .55);
    box-shadow: 0 8px 40px rgba(15, 25, 38, .35);
}