/*
 * 8Kings Express – Brand Design System
 * Keeps the timetracker template's light body/card theme,
 * applies our navy/gold palette to sidebar, header accent, and CTAs.
 *
 * Brand palette:
 *   Navy dark  : #3c414c  (sidebar gradient start / secondary)
 *   Deep night : #052f43  (sidebar gradient end)
 *   Gold       : #eeba00  (primary accent – buttons, highlights, headings)
 *   Sky blue   : #5cb9e2  (links, info, secondary accent)
 *   Orange     : #f15a23  (warnings, CTAs)
 *   Dark text  : #1a2530
 */

/* ── Theme variable overrides ────────────────────────────── */
[class="theme-indigo"],
.theme-indigo {
  --primary-color    : #404856;
  --secondary-color  : #eeba00;
  --chart-color1     : #404856;
  --chart-color2     : #eeba00;
  --chart-color3     : #5cb9e2;
  --chart-color4     : #f15a23;
  --chart-color5     : #052f43;
  --primary-gradient : linear-gradient(45deg, #052f43, #3c414c);
  --primary-rgb      : 64, 72, 86;
}

/* ── Main content area: light grey surface (template style) ─ */
#timetracker-layout .main {
  background: #f4f6f9 !important;
}

/* ── Sidebar brand colours ───────────────────────────────── */
.sidebar {
  background: linear-gradient(180deg, #052f43 0%, #3c414c 100%) !important;
}

.sidebar .logo-text,
.sidebar .m-link,
.sidebar .ms-link {
  color: rgba(255, 255, 255, 0.85) !important;
}

.sidebar .m-link.active,
.sidebar .m-link:hover,
.sidebar .ms-link:hover {
  color: #eeba00 !important;
  background: rgba(238, 186, 0, 0.12) !important;
}

.sidebar .logo-icon i {
  color: #eeba00 !important;
}

/* ── Header: white with gold accent border ───────────────── */
.header .navbar {
  background: #ffffff !important;
  border-bottom: 2px solid rgba(238, 186, 0, 0.35) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Header search/track input — dark text on white header */
.header .main-search .form-control {
  color: #1a2530 !important;
}
.header .main-search .form-control::placeholder {
  color: #adb5bd !important;
}
.header .main-search .form-control:focus {
  color: #1a2530 !important;
  border-bottom-color: rgba(238, 186, 0, 0.5) !important;
}

/* ── Cards: white surface, visible border + shadow ───────── */
.body .card {
  background: #ffffff !important;
  border: 1px solid #e8ecf0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Card header: consistent gold accent bottom line */
.body .card .card-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(238, 186, 0, 0.25) !important;
}

/* Cards inside dropdowns (user menu, notifications) — not in .body */
.dropdown-menu .card {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-primary {
  background-color: #eeba00 !important;
  border-color: #eeba00 !important;
  color: #1a2530 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #d4a800 !important;
  border-color: #d4a800 !important;
}

.btn-outline-primary {
  border-color: #eeba00 !important;
  color: #cc9900 !important;
}

.btn-outline-primary:hover {
  background-color: #eeba00 !important;
  color: #1a2530 !important;
}

/* ── Links ───────────────────────────────────────────────── */
a { color: #5cb9e2; }
a:hover { color: #3a9ec8; }

/* ── Active tabs ─────────────────────────────────────────── */
.nav-tabs .nav-link.active {
  border-color: #eeba00 !important;
  color: #cc9900 !important;
}

/* ── Progress bars ───────────────────────────────────────── */
.progress-bar { background-color: #eeba00 !important; }

/* ── Badges ──────────────────────────────────────────────── */
.badge.bg-primary { background-color: #eeba00 !important; color: #1a2530 !important; }

/* ── Pulse ring on notification bell ─────────────────────── */
.pulse-ring {
  border-color: #eeba00 !important;
}

/* ── Pagination ──────────────────────────────────────────── */
.page-link:hover,
.page-item.active .page-link {
  background-color: #eeba00 !important;
  border-color: #eeba00 !important;
  color: #1a2530 !important;
}

/* ── Status badge helpers ────────────────────────────────── */
.badge-ae-pending  { background: #fffbe6; color: #8a6d00; border: 1px solid #eeba00; }
.badge-ae-success  { background: #f0fbf4; color: #1a7a42; border: 1px solid #28a745; }
.badge-ae-danger   { background: #fff4f1; color: #c84a1c; border: 1px solid #f15a23; }
.badge-ae-info     { background: #eaf6fc; color: #2a85a8; border: 1px solid #5cb9e2; }
.badge-ae-muted    { background: #f5f5f5; color: #6c757d; border: 1px solid #dee2e6; }

/* ── Page header divider ─────────────────────────────────── */
.ae-page-header {
  border-bottom: 2px solid rgba(238, 186, 0, 0.25) !important;
}