/* ===================================================
   DER2Z Admin — Custom Colour Theme
   =================================================== */

/* ---------- Sidebar ---------- */
.fi-sidebar {
    background: linear-gradient(180deg, #1e1b4b 0%, #2e1065 60%, #3b0764 100%) !important;
    border-right: none !important;
}
.fi-sidebar .fi-brand-name {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
    letter-spacing: -0.02em;
}
.fi-sidebar-group-label {
    color: rgba(255,255,255,0.4) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}
/* Nav item button */
.fi-sidebar .fi-sidebar-item-btn {
    border-radius: 10px !important;
    transition: background 0.15s !important;
}
.fi-sidebar .fi-sidebar-item-btn:hover {
    background: rgba(255,255,255,0.08) !important;
}

/* Active nav item — override bg-gray-100 with dark highlight */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-has-active-child-items > .fi-sidebar-item-btn {
    background-color: rgba(255,255,255,0.13) !important;
    box-shadow: inset 3px 0 0 #a78bfa !important;
}

/* Active label — override text-primary-700 with white */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-has-active-child-items > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Active icon — override text-primary-700 with white */
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon svg,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-has-active-child-items > .fi-sidebar-item-btn > .fi-icon svg {
    color: #ffffff !important;
}

/* Hover — also stays dark */
.fi-sidebar .fi-sidebar-item-btn:hover {
    background-color: rgba(255,255,255,0.07) !important;
}

/* Label text — override text-gray-700 and text-primary-700 */
.fi-sidebar .fi-sidebar-item-label {
    color: rgba(255,255,255,0.78) !important;
    font-weight: 500 !important;
}
.fi-sidebar .fi-sidebar-item-btn:hover .fi-sidebar-item-label {
    color: #ffffff !important;
}
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Icons — override text-gray-400 and text-primary-700 */
.fi-sidebar .fi-sidebar-item-btn > .fi-icon svg,
.fi-sidebar .fi-sidebar-item-btn .fi-icon svg {
    color: rgba(255,255,255,0.45) !important;
}
.fi-sidebar .fi-sidebar-item-btn:hover > .fi-icon svg {
    color: rgba(255,255,255,0.85) !important;
}
.fi-sidebar .fi-sidebar-item-active > .fi-sidebar-item-btn > .fi-icon svg {
    color: #ffffff !important;
}

/* Group collapse arrows */
.fi-sidebar .fi-sidebar-group-collapse-button {
    color: rgba(255,255,255,0.35) !important;
}
.fi-sidebar .fi-sidebar-group-collapse-button svg {
    color: rgba(255,255,255,0.35) !important;
}
.fi-sidebar-footer {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* ---------- Sidebar nav badges ---------- */
/* Base badge in sidebar */
.fi-sidebar .fi-badge {
    font-weight: 700 !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}

/* Filament adds fi-color-{name} class — target each one */
.fi-sidebar .fi-badge.fi-color-danger  { background: #ef4444 !important; }
.fi-sidebar .fi-badge.fi-color-success { background: #22c55e !important; }
.fi-sidebar .fi-badge.fi-color-warning { background: #f59e0b !important; }
.fi-sidebar .fi-badge.fi-color-info    { background: #38bdf8 !important; }
.fi-sidebar .fi-badge.fi-color-primary { background: #818cf8 !important; }
.fi-sidebar .fi-badge.fi-color-gray    { background: rgba(255,255,255,0.2) !important; }

/* Force white text on ALL badge elements inside sidebar */
.fi-sidebar .fi-badge,
.fi-sidebar .fi-badge *,
.fi-sidebar .fi-badge .fi-badge-label {
    color: #fff !important;
    --text: #fff !important;
    --dark-text: #fff !important;
}

/* ---------- Top bar ---------- */
.fi-topbar nav {
    background: #fff !important;
    border-bottom: 1px solid #ede9fe !important;
}

/* ---------- Page header ---------- */
.fi-page-header-heading,
.fi-header-heading {
    font-weight: 800 !important;
    color: #4c1d95 !important;
}

/* ---------- Stat cards ---------- */
.fi-wi-stats-overview-stat {
    border-radius: 16px !important;
    border: 1px solid #ede9fe !important;
    box-shadow: 0 4px 16px rgba(109,40,217,0.07) !important;
    overflow: hidden !important;
    position: relative !important;
}
.fi-wi-stats-overview-stat::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
}
.fi-wi-stats-overview-stat:nth-child(1)::before { background: linear-gradient(90deg,#f59e0b,#fbbf24); }
.fi-wi-stats-overview-stat:nth-child(2)::before { background: linear-gradient(90deg,#38bdf8,#7dd3fc); }
.fi-wi-stats-overview-stat:nth-child(3)::before { background: linear-gradient(90deg,#10b981,#34d399); }
.fi-wi-stats-overview-stat:nth-child(4)::before { background: linear-gradient(90deg,#a78bfa,#c4b5fd); }
.fi-wi-stats-overview-stat:nth-child(5)::before { background: linear-gradient(90deg,#64748b,#94a3b8); }
.fi-wi-stats-overview-stat:nth-child(6)::before { background: linear-gradient(90deg,#34d399,#6ee7b7); }
.fi-wi-stats-overview-stat-value {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #3b0764 !important;
}

/* ---------- Tables ---------- */
.fi-ta-header-cell {
    background: #f5f3ff !important;
    color: #6d28d9 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.fi-ta-row:hover td {
    background: #faf5ff !important;
}

/* ---------- Form sections ---------- */
.fi-section {
    border-radius: 14px !important;
    border: 1px solid #ede9fe !important;
    box-shadow: 0 2px 8px rgba(109,40,217,0.05) !important;
}
.fi-section-header {
    background: linear-gradient(90deg, #f5f3ff, #fff) !important;
    border-bottom: 1px solid #ede9fe !important;
}
.fi-section-header-heading {
    color: #6d28d9 !important;
    font-weight: 700 !important;
}

/* ---------- Buttons ---------- */
.fi-btn-primary {
    background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(109,40,217,0.3) !important;
}
.fi-btn-primary:hover {
    background: linear-gradient(135deg, #6d28d9, #4338ca) !important;
}

/* ---------- Dashboard widgets ---------- */
.fi-wi-table,
.fi-wi-account {
    border-radius: 16px !important;
    border: 1px solid #ede9fe !important;
    box-shadow: 0 4px 16px rgba(109,40,217,0.07) !important;
    overflow: hidden !important;
}

/* ---------- Login page ---------- */
.fi-simple-main-ctn {
    background: linear-gradient(135deg, #1e1b4b 0%, #3b0764 100%) !important;
}
.fi-simple-page {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3) !important;
}