/* ══════════════════════════════════════════════════════════
   CLIENT THEME — Tally Prime Palette
   ══════════════════════════════════════════════════════════
   Dark Blue:   #103B70  (Sidebar / Nav)
   Gold:        #F8B62A  (Active highlight / Accent)
   Medium Blue: #2662A6  (Headers / Buttons)
   Ice Blue:    #E6EFFF  (Background surface)
   White:       #FFFFFF  (Cards / Panels)
   Black:       #000000  (Text)
   ──────────────────────────────────────────────────────── */

/* ── Color Overrides ───────────────────────────────────── */
:root {
  /* Primary Brand */
  --color-brand: #F8B62A;
  --color-brand-dark: #e0a11e;
  --color-brand-light: #fef3cd;

  /* Sidebar & Dark surfaces */
  --color-charcoal: #103B70;
  --color-charcoal-light: #1a4d8a;
  --color-charcoal-medium: #2662A6;

  /* Surfaces */
  --color-surface: #E6EFFF;
  --color-surface-alt: #d6e4f8;
  --color-surface-card: #FFFFFF;

  /* Borders */
  --color-border: #c5d5ea;
  --color-border-dark: #a8bdd6;

  /* Text */
  --color-text-primary: #000000;
  --color-text-secondary: #3a5575;
  --color-text-tertiary: #7a96b5;
  --color-text-inverse: #FFFFFF;

  /* Primary accent override — Tally Medium Blue */
  --color-primary: #2662A6;
  --color-primary-bg: #E6EFFF;
}


/* ── Button Overrides ──────────────────────────────────── */
.btn-primary {
  background-color: #2662A6 !important;
  border-color: #2662A6 !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #103B70 !important;
  border-color: #103B70 !important;
}
.btn-danger {
  background-color: #F8B62A !important;
  border-color: #F8B62A !important;
  color: #103B70 !important;
  font-weight: 600 !important;
}
.btn-danger:hover {
  background-color: #e0a11e !important;
  border-color: #e0a11e !important;
}
.btn-ghost {
  border-color: #c5d5ea !important;
  color: #3a5575 !important;
}
.btn-ghost:hover {
  background-color: #d6e4f8 !important;
  color: #103B70 !important;
}

/* ── Sidebar ───────────────────────────────────────────── */
.sidebar {
  background: linear-gradient(180deg, #103B70 0%, #0d2f5a 100%) !important;
}
.sidebar-brand {
  border-bottom-color: #2662A6 !important;
}
.sidebar-section-title {
  color: rgba(255,255,255,0.4) !important;
}
.sidebar-link {
  color: rgba(255,255,255,0.75) !important;
}
.sidebar-link:hover {
  background-color: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
.sidebar-link.active {
  background: linear-gradient(135deg, #F8B62A 0%, #f0a820 100%) !important;
  color: #103B70 !important;
  font-weight: 600 !important;
}
.sidebar-link.active svg {
  stroke: #103B70 !important;
}
.sidebar-footer {
  border-top-color: #2662A6 !important;
}

/* ── Topbar ────────────────────────────────────────────── */
.topbar {
  background: #fff !important;
  border-bottom: 2px solid #F8B62A !important;
}
.page-title {
  color: #103B70 !important;
}

/* ── Table Headers ─────────────────────────────────────── */
.table-compact thead th {
  background-color: #E6EFFF !important;
  color: #103B70 !important;
  border-bottom-color: #c5d5ea !important;
}
.table-compact tbody td {
  border-bottom-color: #d6e4f8 !important;
}
.table-compact tbody tr:hover {
  background-color: #E6EFFF !important;
}

/* ── Cards ─────────────────────────────────────────────── */
.card {
  border-color: #c5d5ea !important;
}
.card-header {
  border-bottom-color: #c5d5ea !important;
  background: #f5f9ff !important;
}

/* ── Metric Cards ──────────────────────────────────────── */
.metric-card {
  border-color: #c5d5ea !important;
  background: #fff !important;
}
.metric-value {
  color: #103B70 !important;
}
.metric-label {
  color: #3a5575 !important;
}

/* ── Form Elements ─────────────────────────────────────── */
.form-input:focus,
.form-select:focus {
  border-color: #F8B62A !important;
  box-shadow: 0 0 0 2px rgba(248,182,42,0.2) !important;
}
.form-label {
  color: #3a5575 !important;
}
.form-input,
.form-select {
  border-color: #c5d5ea !important;
}

/* ── Badges ────────────────────────────────────────────── */
.badge-info {
  background: #E6EFFF !important;
  color: #103B70 !important;
}

/* ── Modal Overlays ────────────────────────────────────── */
.fixed[style*="rgba(0,0,0"] {
  background: rgba(16,59,112,0.3) !important;
}

/* ── Scrollbar ─────────────────────────────────────────── */
::-webkit-scrollbar-thumb {
  background: #a8bdd6 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #7a96b5 !important;
}