/* =====================================================================
   Madniko Preturi — tema premium "industrial chihlimbar"
   Se incarca DOAR in panoul /admin (render hook STYLES_AFTER, deci dupa
   CSS-ul Filament -> override-urile castiga). Culorile de baza (amber +
   grafit) vin din ->colors(); aici e polish-ul vizual.
   Fisier static servit de Apache: deploy doar cu `git pull`, fara build.
   ===================================================================== */

:root {
    --mad-amber: #f59e0b;
    --mad-amber-strong: #b45309;
    --mad-amber-soft: rgba(245, 158, 11, 0.12);
    --mad-radius: 0.9rem;
    --mad-shadow: 0 1px 2px rgba(24, 24, 27, 0.04), 0 10px 26px -14px rgba(24, 24, 27, 0.20);
    --mad-border: rgba(24, 24, 27, 0.07);
}
.dark {
    --mad-amber-strong: #fbbf24;
    --mad-shadow: 0 1px 2px rgba(0, 0, 0, 0.30), 0 12px 30px -16px rgba(0, 0, 0, 0.55);
    --mad-border: rgba(255, 255, 255, 0.07);
}

/* ---- Global: font smoothing ---- */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* ---- Topbar: linie fina de separare ---- */
.fi-topbar > nav,
.fi-topbar {
    border-bottom: 1px solid var(--mad-border);
    backdrop-filter: saturate(1.1);
}

/* ---- Sidebar: etichete de grup + item activ cu accent chihlimbar ---- */
.fi-sidebar-group-label {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    opacity: 0.55;
}
.fi-sidebar-item-button {
    border-radius: 0.6rem;
    font-weight: 500;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: var(--mad-amber-soft);
    box-shadow: inset 3px 0 0 var(--mad-amber);
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: var(--mad-amber-strong);
    font-weight: 600;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--mad-amber-strong);
}

/* ---- Carduri / sectiuni: colturi mai rotunde + umbra fina ---- */
.fi-section {
    border-radius: var(--mad-radius);
    box-shadow: var(--mad-shadow);
    border: 1px solid var(--mad-border);
}

/* ---- Widget-uri de statistici: linie de accent sus + hover lift ---- */
.fi-wi-stats-overview-stat {
    border-radius: var(--mad-radius);
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.fi-wi-stats-overview-stat::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, #fbbf24, var(--mad-amber));
    opacity: 0.9;
}
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-2px);
    box-shadow: var(--mad-shadow);
}
.fi-wi-stats-overview-stat-value {
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* ---- Butoane si badge-uri: putin mai rotunde/ferme ---- */
.fi-btn { border-radius: 0.6rem; font-weight: 600; }
.fi-badge { border-radius: 0.5rem; font-weight: 600; }

/* ---- Pagina de login: fundal cu accent chihlimbar + card ridicat ---- */
.fi-simple-layout {
    background:
        radial-gradient(1100px 480px at 50% -12%, rgba(245, 158, 11, 0.09), transparent 60%),
        linear-gradient(180deg, #fafaf9, #f4f4f5);
}
.dark .fi-simple-layout {
    background:
        radial-gradient(1100px 480px at 50% -12%, rgba(245, 158, 11, 0.11), transparent 60%),
        linear-gradient(180deg, #141417, #0b0b0d);
}
.fi-simple-main {
    border-radius: 1.25rem;
    box-shadow: 0 32px 64px -24px rgba(24, 24, 27, 0.40);
    border: 1px solid var(--mad-border);
}

/* ---- Scrollbar discret in sidebar ---- */
.fi-sidebar-nav::-webkit-scrollbar { width: 8px; }
.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(120, 120, 128, 0.32);
    border-radius: 8px;
}
.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(120, 120, 128, 0.5);
}