/* ══════════════════════════════════════════════════
   Buildexa Panel — Dark Theme
   Design system: buildexa.it
   ══════════════════════════════════════════════════ */

:root {
  --bx-bg:       #08090b;
  --bx-surface:  #0f1115;
  --bx-surface2: #161922;
  --bx-border:   #1a1f2e;
  --bx-text:     #f9fafb;
  --bx-muted:    #9ca3af;
  --bx-dim:      #4b5563;
  --bx-blue:     #4d8bff;
  --bx-gradient: linear-gradient(135deg,#4d8bff,#2563eb);
}

/* ── Root ────────────────────────────────────────── */
html, body { background: var(--bx-bg) !important; }
*, *::before, *::after { border-color: var(--bx-border) !important; }

/* ── Layout ──────────────────────────────────────── */
.fi-body, .fi-layout, .fi-main-ctn, .fi-main,
main, [class*="fi-main"] {
  background-color: var(--bx-bg) !important;
}

/* ── Sidebar ─────────────────────────────────────── */
.fi-sidebar, [class*="fi-sidebar"] {
  background-color: #0d0f14 !important;
  border-right: 1px solid var(--bx-border) !important;
}
.fi-sidebar-header {
  background-color: #0d0f14 !important;
  border-bottom: 1px solid var(--bx-border) !important;
}
.fi-sidebar-item-label  { color: var(--bx-muted) !important; }
.fi-sidebar-group-label { color: var(--bx-dim) !important; font-size: 11px !important; letter-spacing: .06em !important; }
.fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-label { color: var(--bx-text) !important; }
.fi-sidebar-item.fi-active { background: rgba(77,139,255,.12) !important; border-radius: 8px !important; }
.fi-sidebar-item:hover     { background: rgba(255,255,255,.04) !important; border-radius: 8px !important; }

/* ── Topbar ──────────────────────────────────────── */
.fi-topbar, [class*="fi-topbar"] {
  background-color: #0d0f14 !important;
  border-bottom: 1px solid var(--bx-border) !important;
}

/* ── Sections / Cards ────────────────────────────── */
.fi-section, .fi-section-content-ctn,
.fi-wi-account, [class*="fi-wi-"],
.fi-simple-page-content {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 12px !important;
}
.fi-section-header { border-bottom: 1px solid var(--bx-border) !important; }
.fi-section-header-heading { color: var(--bx-text) !important; }

/* ── Stats widgets ───────────────────────────────── */
.fi-wi-stats-overview-stat {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 12px !important;
}
.fi-wi-stats-overview-stat-label { color: var(--bx-muted) !important; }
.fi-wi-stats-overview-stat-value { color: var(--bx-text) !important; }

/* ── Tables ──────────────────────────────────────── */
.fi-ta-ctn, .fi-ta-header-ctn, .fi-ta-footer-ctn {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 12px !important;
}
.fi-ta-row { background-color: var(--bx-surface) !important; }
.fi-ta-row:hover { background-color: var(--bx-surface2) !important; }
.fi-ta-header-cell { color: var(--bx-muted) !important; font-size: 11px !important; letter-spacing: .05em !important; }
.fi-ta-cell { color: var(--bx-text) !important; }
.fi-ta-search-field {
  background-color: var(--bx-surface2) !important;
  border: 1px solid var(--bx-border) !important;
  color: var(--bx-text) !important;
}

/* ── Form inputs ─────────────────────────────────── */
.fi-input, .fi-select-input, textarea[class*="fi-"],
input[class*="fi-"], select[class*="fi-"] {
  background-color: var(--bx-surface2) !important;
  border: 1px solid var(--bx-border) !important;
  color: var(--bx-text) !important;
  border-radius: 8px !important;
}
.fi-input:focus, .fi-select-input:focus {
  border-color: var(--bx-blue) !important;
  box-shadow: 0 0 0 2px rgba(77,139,255,.2) !important;
}
.fi-label, .fi-fo-field-wrp label { color: var(--bx-muted) !important; }
.fi-fo-field-wrp-helper-text       { color: var(--bx-dim) !important; }

/* ── Buttons ─────────────────────────────────────── */
[class*="fi-btn"][class*="primary"] {
  background: var(--bx-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
[class*="fi-btn"][class*="primary"]:hover {
  background: linear-gradient(135deg,#6ba3ff,#3b82f6) !important;
}
[class*="fi-btn"][class*="gray"] {
  background-color: var(--bx-surface2) !important;
  border: 1px solid var(--bx-border) !important;
  color: var(--bx-muted) !important;
  border-radius: 8px !important;
}
[class*="fi-btn"][class*="gray"]:hover {
  background-color: #1e2430 !important;
  color: var(--bx-text) !important;
}

/* ── Dropdowns ───────────────────────────────────── */
.fi-dropdown-panel {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.5) !important;
}
.fi-dropdown-list-item:hover { background-color: var(--bx-surface2) !important; }
.fi-dropdown-list-item-label { color: var(--bx-text) !important; }

/* ── Modals ──────────────────────────────────────── */
.fi-modal-window {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 16px !important;
}
.fi-modal-header { border-bottom: 1px solid var(--bx-border) !important; }
.fi-modal-footer { border-top:    1px solid var(--bx-border) !important; }

/* ── Notifications ───────────────────────────────── */
.fi-no-notification {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 10px !important;
}

/* ── Tabs ────────────────────────────────────────── */
.fi-tabs-tab { color: var(--bx-muted) !important; }
.fi-tabs-tab[aria-selected="true"],
.fi-tabs-tab.fi-active { color: var(--bx-blue) !important; border-color: var(--bx-blue) !important; }

/* ── Page headings ───────────────────────────────── */
.fi-page-heading-heading    { color: var(--bx-text) !important; }
.fi-page-heading-subheading { color: var(--bx-muted) !important; }
.fi-breadcrumbs-item        { color: var(--bx-muted) !important; }

/* ── Login / Simple layout ───────────────────────── */
.fi-simple-layout {
  background-color: var(--bx-bg) !important;
  min-height: 100vh !important;
}
.fi-simple-layout-content, .fi-simple-main {
  background-color: var(--bx-surface) !important;
  border: 1px solid var(--bx-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 0 1px var(--bx-border), 0 24px 60px rgba(0,0,0,.6) !important;
}
.fi-simple-header {
  border-bottom: 1px solid var(--bx-border) !important;
  padding-bottom: 1.5rem !important;
}
.fi-link { color: var(--bx-blue) !important; }

/* ── Scrollbar ───────────────────────────────────── */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background: var(--bx-bg); }
::-webkit-scrollbar-thumb { background: var(--bx-border); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background: #2a3a5a; }

/* ── Badges ──────────────────────────────────────── */
.fi-badge[class*="success"] { background:rgba(74,222,128,.12)!important; color:#4ade80!important; border:1px solid rgba(74,222,128,.25)!important; }
.fi-badge[class*="warning"] { background:rgba(251,191,36,.12)!important; color:#fbbf24!important; border:1px solid rgba(251,191,36,.25)!important; }
.fi-badge[class*="danger"]  { background:rgba(248,113,113,.12)!important; color:#f87171!important; border:1px solid rgba(248,113,113,.25)!important; }
.fi-badge[class*="info"]    { background:rgba(77,139,255,.12)!important;  color:var(--bx-blue)!important; border:1px solid rgba(77,139,255,.25)!important; }