@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code&display=swap');

/* =========================================================
   PALETTE ENTERPRISE LIGHT MODE - CONFIGURAZIONE GLOBALE
   ========================================================= */
:root {
    --brand-primary: #0d6efd; /* Blu istituzionale */
    --brand-primary-hover: #0b5ed7;
    --bg-main: #ffffff; /* SFONDO BIANCO PURO */
    --bg-panel: #f8f9fa; /* Sfondo card e pannelli (Grigio chiarissimo) */
    --bg-sidebar: #f1f3f5; /* Barra laterale (Grigio freddo tenue) */
    --text-main: #212529; /* Testo scuro ad alta leggibilità */
    --text-muted: #6c757d; /* Testo secondario */
    --border-color: #dee2e6; /* Bordi chiari e sottili */
}

/* RESET E BASE */
html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-main) !important;
    color: var(--text-main) !important;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

/* =========================================================
   SIDEBAR E NAVIGAZIONE (Stile Dashboard Moderna)
   ========================================================= */
.sidebar, .top-row, .nav-scrollable {
    background-color: var(--bg-sidebar) !important;
    background-image: none !important;
    border-right: 1px solid var(--border-color) !important;
}

/* Header della Sidebar */
.navbar-brand {
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    letter-spacing: 0.5px;
}

/* Link del Menu */
.nav-item a {
    color: #495057 !important;
    font-weight: 500;
    font-size: 0.9rem;
    letter-spacing: 0.2px;
    border-radius: 8px !important;
    margin: 0.2rem 1rem;
    padding: 0.65rem 1rem;
    transition: all 0.2s ease-in-out;
    text-transform: none;
}

    /* Hover su sfondo chiaro */
    .nav-item a:hover {
        color: var(--brand-primary) !important;
        background-color: rgba(13, 110, 253, 0.08) !important;
        transform: translateX(4px);
    }

    /* Stato Attivo (Selezionato) */
    .nav-item a.active {
        color: #ffffff !important;
        background-color: var(--brand-primary) !important;
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
        border-left: none !important;
    }

/* =========================================================
   COMPONENTI UI (Card, Tabelle, Input)
   ========================================================= */
.card {
    background-color: var(--bg-panel) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
}

.card-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--brand-primary) !important;
}

.table {
    color: var(--text-main) !important;
}

.table-dark {
    background-color: #ffffff !important;
    color: var(--text-main) !important;
}

.form-control, .form-select {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
}

/* =========================================================
   SCROLLBAR MODERNA (Stile Win11/MacOS)
   ========================================================= */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-main);
}

::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 10px;
    border: 2px solid var(--bg-main);
}

    ::-webkit-scrollbar-thumb:hover {
        background: #adb5bd;
    }

/* =========================================================
   MAPPATURA FALLBACK (Sostituzione logica classi vecchie)
   ========================================================= */

/* Forza il bianco dove prima c'era il nero assoluto */
.bg-black, .bg-dark {
    background-color: var(--bg-main) !important;
}

/* Il vecchio "Neon" diventa Blu Primario Istituzionale */
.text-neon {
    color: var(--brand-primary) !important;
    text-shadow: none !important;
    font-weight: 700;
}

/* I vecchi bordi verdi diventano bordi standard chiari */
.border-neon, .border-warning, .border-danger, .border-secondary {
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

/* Badge e Spinner */
.badge.bg-dark {
    background-color: var(--bg-sidebar) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color);
}

/* Terminale Log (Mantiene lo stile monospace ma su fondo chiaro/grigio) */
#consoleBox {
    background-color: #f1f3f5 !important;
    color: #343a40 !important;
    border: 1px solid var(--border-color) !important;
    font-family: 'Fira Code', monospace !important;
}

.font-monospace {
    font-family: 'Fira Code', 'Consolas', monospace !important;
}