/* ═══════════════════════════════════════════════════
   CSI THEME — Dark Orange 🔥
   Type: Dark  |  Primary: #FF6B2B
═══════════════════════════════════════════════════ */

:root {
  /* ── Brand Accent ── */
  --orange:        #FF6B2B;
  --orange-2:      #FF8A55;
  --orange-glow:   rgba(255,107,43,0.15);
  --orange-light:  rgba(255,107,43,0.08);
  --border-glow:   rgba(255,107,43,0.28);
  --shadow-orange: 0 8px 32px rgba(255,107,43,0.3);

  /* ── Backgrounds ── */
  --bg:            #080B12;
  --bg-2:          #0D1120;
  --bg-card:       #111827;
  --bg-card-2:     #161E30;
  --bg-overlay:    rgba(8,11,18,0.9);

  /* ── Text ── */
  --white:         #FFFFFF;
  --text-1:        #F8FAFC;
  --text-2:        #CBD5E1;
  --text-3:        #64748B;
  --text-4:        #334155;

  /* ── Borders ── */
  --border:        rgba(255,255,255,0.06);
  --border-2:      rgba(255,255,255,0.10);
}

/* ═══ BODY ═══════════════════════════════════════════ */
body { background: #080B12; color: #CBD5E1; }

/* ═══ ADMIN PANEL ════════════════════════════════════ */
.admin-layout { background: #0D1120; }
.admin-sidebar {
  background: #0D1120 !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}
.sidebar-logo { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.sidebar-label { color: #64748B !important; font-size:.62rem; letter-spacing:1.5px; }
.sidebar-link { color: #8B9DB0 !important; }
.sidebar-link:hover {
  background: rgba(255,107,43,0.08) !important;
  color: #F8FAFC !important;
}
.sidebar-link.active {
  background: rgba(255,107,43,0.12) !important;
  color: #FF8A55 !important;
}
.sidebar-link.active::before { background: #FF6B2B !important; }
.sidebar-footer { border-top: 1px solid rgba(255,255,255,0.06) !important; }
.admin-topbar {
  background: #111827 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.15) !important;
}
.topbar-title { color: #F8FAFC !important; }
.topbar-breadcrumb { color: #64748B !important; }
.topbar-breadcrumb span { color: #FF6B2B !important; }
.topbar-icon-btn {
  background: #0D1120 !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #64748B !important;
}
.topbar-icon-btn:hover { border-color: #FF6B2B !important; color: #FF6B2B !important; }
.topbar-user { background: #0D1120 !important; border-color: rgba(255,255,255,0.10) !important; }
.topbar-uname { color: #F8FAFC !important; }
.admin-stat-card {
  background: #111827 !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}
.asc-label { color: #64748B !important; }
.asc-value { color: #F8FAFC !important; }
.admin-table-card { background: #111827 !important; border-color: rgba(255,255,255,0.06) !important; }
.admin-table-head { border-bottom-color: rgba(255,255,255,0.10) !important; }
.admin-table-title { color: #F8FAFC !important; }
.table-csi thead th {
  background: #0D1120 !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  color: #64748B !important;
}
.table-csi tbody tr:hover { background: rgba(255,107,43,0.04) !important; }
.table-csi tbody tr { border-bottom-color: rgba(255,255,255,0.06) !important; }
.table-csi td { color: #CBD5E1 !important; }
.admin-form-card { background: #111827 !important; border-color: rgba(255,255,255,0.06) !important; }
.form-label-csi { color: #CBD5E1 !important; }
.form-control-csi {
  background: #0D1120 !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #F8FAFC !important;
}
.form-control-csi::placeholder { color: #64748B !important; }
.form-control-csi:focus {
  border-color: #FF6B2B !important;
  box-shadow: 0 0 0 3px rgba(255,107,43,0.12) !important;
  background: #0D1120 !important;
}
.form-section { background: #111827 !important; border-color: rgba(255,255,255,0.06) !important; }
.form-section-title { color: #F8FAFC !important; border-bottom-color: rgba(255,255,255,0.10) !important; }
.action-bar { background: #111827 !important; border-color: rgba(255,255,255,0.06) !important; }
.action-bar-title { color: #F8FAFC !important; }
.sb-count { background: #FF6B2B !important; }

/* Admin login */
.admin-login-page { background: #080B12; }
.admin-login-page::before { background: radial-gradient(ellipse,rgba(255,107,43,0.08),transparent 70%); }
.login-card {
  background: #111827;
  border-color: rgba(255,255,255,0.06);
  box-shadow: 0 24px 80px rgba(0,0,0,0.4);
}
.login-card::before { background: linear-gradient(90deg,transparent,#FF6B2B,transparent); }

/* Pipeline / Kanban */
.pipeline-col { background: #0D1120 !important; border-color: rgba(255,255,255,0.06) !important; }
.pipeline-col-header { border-bottom-color: rgba(255,255,255,0.10) !important; }
.kanban-card { background: #161E30 !important; border-color: rgba(255,255,255,0.06) !important; }
.kanban-card:hover { border-color: rgba(255,107,43,0.3) !important; }

/* Charts */
.chart-container canvas { filter: brightness(1); }

/* Portal sidebar */
.portal-sidebar { background: #0D1120 !important; border-right-color: rgba(255,255,255,0.06) !important; }
.portal-nav-link { color: #8B9DB0 !important; }
.portal-nav-link:hover { background: rgba(255,107,43,0.08) !important; color: #F8FAFC !important; }
.portal-nav-link.active { background: rgba(255,107,43,0.12) !important; color: #FF8A55 !important; }

/* Tags / badges */
.tag-chip { background: rgba(255,107,43,0.1) !important; border-color: rgba(255,107,43,0.2) !important; color: #FF8A55 !important; }
.badge-orange { background: rgba(255,107,43,0.15) !important; color: #FF8A55 !important; }

/* Selection */
::selection { background: #FF6B2B; color: #fff; }