/* DRV Admin Panel Theme v2.0 */

*, *::before, *::after { box-sizing: border-box; }
.fi-body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(59,130,246,.35); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(59,130,246,.6); }

/* LIGHT THEME */
.fi-body:not(.dark) { background-color: #f1f5f9 !important; color: #0f172a !important; }

.fi-body:not(.dark) .fi-sidebar { background-color: #1e293b !important; border-right: 1px solid #334155 !important; }
.fi-body:not(.dark) .fi-sidebar-header { background-color: #0f172a !important; border-bottom: 1px solid #334155 !important; }
.fi-body:not(.dark) .fi-sidebar-header .fi-logo { color: #f8fafc !important; }
.fi-body:not(.dark) .fi-logo span { color: #f8fafc !important; }
.fi-body:not(.dark) .fi-sidebar-group-label { color: #64748b !important; font-size: .68rem !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 600 !important; }

.fi-body:not(.dark) .fi-sidebar-item-button { color: #cbd5e1 !important; border-radius: 8px !important; margin: 1px 8px !important; }
.fi-body:not(.dark) .fi-sidebar-item-button:hover { background-color: rgba(59,130,246,.15) !important; color: #93c5fd !important; }
.fi-body:not(.dark) .fi-sidebar-item-button[aria-current="page"],
.fi-body:not(.dark) .fi-sidebar-item-button.fi-active { background-color: #2563eb !important; color: #fff !important; font-weight: 600 !important; }
.fi-body:not(.dark) .fi-sidebar-item-icon { color: #94a3b8 !important; }
.fi-body:not(.dark) .fi-sidebar-item-button:hover .fi-sidebar-item-icon { color: #93c5fd !important; }
.fi-body:not(.dark) .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon,
.fi-body:not(.dark) .fi-sidebar-item-button.fi-active .fi-sidebar-item-icon { color: #fff !important; }

.fi-body:not(.dark) .fi-topbar { background-color: #fff !important; border-bottom: 1px solid #e2e8f0 !important; box-shadow: 0 1px 4px rgba(15,23,42,.06) !important; }
.fi-body:not(.dark) .fi-topbar-end svg,
.fi-body:not(.dark) .fi-topbar button { color: #334155 !important; }
.fi-body:not(.dark) .fi-breadcrumbs-item { color: #64748b !important; }
.fi-body:not(.dark) .fi-breadcrumbs-item-separator { color: #94a3b8 !important; }

.fi-body:not(.dark) .fi-main { background-color: #f1f5f9 !important; }
.fi-body:not(.dark) .fi-main-ctn { background-color: #f1f5f9 !important; }
.fi-body:not(.dark) .fi-header { background-color: #f1f5f9 !important; }
.fi-body:not(.dark) .fi-page-header-heading { color: #0f172a !important; font-weight: 700 !important; }
.fi-body:not(.dark) .fi-page-header-subheading { color: #475569 !important; }

.fi-body:not(.dark) .fi-section,
.fi-body:not(.dark) .fi-card,
.fi-body:not(.dark) .fi-wi-account-widget,
.fi-body:not(.dark) .fi-wi-filament-info-widget,
.fi-body:not(.dark) .fi-wi-stats-overview-stat { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 1px 4px rgba(15,23,42,.06) !important; }
.fi-body:not(.dark) .fi-section-header-heading { color: #0f172a !important; font-weight: 600 !important; }
.fi-body:not(.dark) .fi-section-header-description { color: #64748b !important; }

.fi-body:not(.dark) .fi-fo-field-wrp-label { color: #374151 !important; font-weight: 500 !important; }
.fi-body:not(.dark) .fi-fo-field-wrp-helper-text { color: #6b7280 !important; }
.fi-body:not(.dark) .fi-input { background-color: #fff !important; border-color: #d1d5db !important; color: #111827 !important; }
.fi-body:not(.dark) .fi-input::placeholder { color: #9ca3af !important; }
.fi-body:not(.dark) .fi-input-wrp { border-radius: 8px !important; }
.fi-body:not(.dark) .fi-checkbox-label,
.fi-body:not(.dark) .fi-toggle-label { color: #374151 !important; }
.fi-body:not(.dark) .fi-checkbox-list-option-label { color: #374151 !important; }

.fi-body:not(.dark) .fi-ta-table { border-color: #e2e8f0 !important; }
.fi-body:not(.dark) .fi-ta-header-cell { background-color: #f8fafc !important; color: #374151 !important; font-weight: 600 !important; }
.fi-body:not(.dark) .fi-ta-cell { color: #1e293b !important; }
.fi-body:not(.dark) .fi-ta-row:hover td { background-color: #f0f9ff !important; }
.fi-body:not(.dark) .fi-ta-empty-state-heading { color: #64748b !important; }

.fi-body:not(.dark) .fi-badge-gray { background-color: #f1f5f9 !important; color: #475569 !important; border: 1px solid #cbd5e1 !important; }

.fi-body:not(.dark) .fi-simple-layout { background-color: #f1f5f9 !important; }
.fi-body:not(.dark) .fi-simple-main { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; box-shadow: 0 4px 24px rgba(15,23,42,.1) !important; }
.fi-body:not(.dark) .fi-simple-main h1,
.fi-body:not(.dark) .fi-simple-main h2,
.fi-body:not(.dark) .fi-simple-main p { color: #111827 !important; }
.fi-body:not(.dark) .fi-simple-main label { color: #374151 !important; }

.fi-body:not(.dark) .fi-btn-primary { background-color: #2563eb !important; color: #ffffff !important; }
.fi-body:not(.dark) .fi-btn-primary:hover { background-color: #1d4ed8 !important; }

/* DARK THEME */
.dark.fi-body,
.dark .fi-body { color: #e2e8f0 !important; }
html.dark { background-color: #020617 !important; }
.dark .fi-body { background-color: #020617 !important; }
.dark .fi-main { background-color: #020617 !important; }
.dark .fi-main-ctn { background-color: #020617 !important; }
.dark .fi-header { background-color: #020617 !important; }

.dark .fi-sidebar { background-color: #0f172a !important; border-right: 1px solid #1e293b !important; }
.dark .fi-sidebar-header { background-color: #020617 !important; border-bottom: 1px solid #1e293b !important; }
.dark .fi-logo span { color: #f1f5f9 !important; }
.dark .fi-sidebar-group-label { color: #475569 !important; font-size: .68rem !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 600 !important; }

.dark .fi-sidebar-item-button { color: #94a3b8 !important; border-radius: 8px !important; margin: 1px 8px !important; }
.dark .fi-sidebar-item-button:hover { background-color: rgba(59,130,246,.12) !important; color: #60a5fa !important; }
.dark .fi-sidebar-item-button[aria-current="page"],
.dark .fi-sidebar-item-button.fi-active { background-color: #1d4ed8 !important; color: #eff6ff !important; font-weight: 600 !important; }
.dark .fi-sidebar-item-icon { color: #475569 !important; }
.dark .fi-sidebar-item-button:hover .fi-sidebar-item-icon { color: #60a5fa !important; }
.dark .fi-sidebar-item-button[aria-current="page"] .fi-sidebar-item-icon,
.dark .fi-sidebar-item-button.fi-active .fi-sidebar-item-icon { color: #bfdbfe !important; }

.dark .fi-topbar { background-color: #0f172a !important; border-bottom: 1px solid #1e293b !important; box-shadow: 0 1px 8px rgba(0,0,0,.4) !important; }
.dark .fi-topbar-end svg,
.dark .fi-topbar button { color: #cbd5e1 !important; }
.dark .fi-breadcrumbs-item { color: #64748b !important; }

.dark .fi-page-header-heading { color: #f1f5f9 !important; font-weight: 700 !important; }
.dark .fi-page-header-subheading { color: #94a3b8 !important; }

.dark .fi-section,
.dark .fi-card,
.dark .fi-wi-account-widget,
.dark .fi-wi-filament-info-widget,
.dark .fi-wi-stats-overview-stat { background-color: #0f172a !important; border: 1px solid #1e293b !important; border-radius: 12px !important; box-shadow: 0 2px 8px rgba(0,0,0,.4) !important; }
.dark .fi-section-header-heading { color: #f1f5f9 !important; font-weight: 600 !important; }
.dark .fi-section-header-description { color: #94a3b8 !important; }

.dark .fi-fo-field-wrp-label { color: #cbd5e1 !important; font-weight: 500 !important; }
.dark .fi-fo-field-wrp-helper-text { color: #64748b !important; }
.dark .fi-input { background-color: rgba(255,255,255,.04) !important; border-color: #334155 !important; color: #e2e8f0 !important; }
.dark .fi-input::placeholder { color: #475569 !important; }
.dark .fi-input-wrp { border-radius: 8px !important; }
.dark .fi-checkbox-label,
.dark .fi-toggle-label { color: #cbd5e1 !important; }
.dark .fi-checkbox-list-option-label { color: #cbd5e1 !important; }

.dark .fi-ta-table { border-color: #1e293b !important; }
.dark .fi-ta-header-cell { background-color: #0f172a !important; color: #94a3b8 !important; font-weight: 600 !important; }
.dark .fi-ta-cell { color: #cbd5e1 !important; }
.dark .fi-ta-row:hover td { background-color: rgba(30,41,59,.6) !important; }
.dark .fi-ta-empty-state-heading { color: #94a3b8 !important; }

.dark .fi-badge-gray { background-color: #1e293b !important; color: #94a3b8 !important; border: 1px solid #334155 !important; }

.dark .fi-simple-layout { background-color: #020617 !important; }
.dark .fi-simple-main { background-color: #0f172a !important; border: 1px solid #1e293b !important; border-radius: 16px !important; box-shadow: 0 8px 32px rgba(0,0,0,.6) !important; }
.dark .fi-simple-main h1,
.dark .fi-simple-main h2,
.dark .fi-simple-main p { color: #e2e8f0 !important; }
.dark .fi-simple-main label { color: #cbd5e1 !important; }

.dark .fi-btn-primary { background-color: #2563eb !important; color: #fff !important; }
.dark .fi-btn-primary:hover { background-color: #1d4ed8 !important; }

.dark .fi-modal-window,
.dark .fi-slide-over { background-color: #0f172a !important; }
.dark .fi-modal-header,
.dark .fi-slide-over-header { background-color: #0f172a !important; border-bottom: 1px solid #1e293b !important; }
.dark .fi-modal-header-heading { color: #f1f5f9 !important; }

.dark [data-fc-popover],
.dark .fi-dropdown-panel { background-color: #1e293b !important; border: 1px solid #334155 !important; }
.dark .fi-dropdown-list-item { color: #cbd5e1 !important; }
.dark .fi-dropdown-list-item:hover { background-color: rgba(59,130,246,.1) !important; color: #93c5fd !important; }

/* SHARED */
.fi-sidebar, .fi-topbar, .fi-main, .fi-sidebar-item-button, .fi-section, .fi-card {
  transition: background-color .2s ease, border-color .2s ease, color .15s ease !important;
}
.fi-sidebar .fi-logo span { font-weight: 800 !important; font-size: 1.05rem !important; letter-spacing: -.02em !important; }
.fi-sidebar-item { margin-bottom: 1px !important; }
.fi-sidebar-item-button { padding: .45rem .75rem !important; }
.fi-page-header-heading { font-weight: 700 !important; letter-spacing: -.02em !important; font-size: 1.5rem !important; }
.fi-avatar { font-weight: 700 !important; border-radius: 50% !important; }
.fi-input-wrp { border-radius: 8px !important; }

@media (max-width: 640px) {
  .fi-sidebar { width: 260px !important; }
  .fi-topbar { padding: .5rem 1rem !important; }
}