/* ─── Brand tokens ────────────────────────────────────────────────────────── */
:root {
  --brand:        #B91C1C;
  --brand-dark:   #7F1D1D;
  --brand-hover:  #991818;
  --brand-light:  #FEF2F2;
  --brand-border: #FECACA;

  /* Override Bootstrap primary */
  --bs-primary:           #B91C1C;
  --bs-primary-rgb:       185,28,28;
  --bs-link-color:        #B91C1C;
  --bs-link-color-rgb:    185,28,28;
  --bs-link-hover-color:  #991818;
}

/* ─── Bootstrap primary overrides ────────────────────────────────────────── */
.btn-primary {
  --bs-btn-bg:               #B91C1C;
  --bs-btn-border-color:     #B91C1C;
  --bs-btn-hover-bg:         #991818;
  --bs-btn-hover-border-color: #991818;
  --bs-btn-active-bg:        #7F1D1D;
  --bs-btn-active-border-color: #7F1D1D;
  --bs-btn-focus-shadow-rgb: 185,28,28;
}
.btn-outline-primary {
  --bs-btn-color:            #B91C1C;
  --bs-btn-border-color:     #B91C1C;
  --bs-btn-hover-bg:         #B91C1C;
  --bs-btn-hover-border-color: #B91C1C;
  --bs-btn-active-bg:        #991818;
}
.bg-primary  { background-color: #B91C1C !important; }
.text-primary { color: #B91C1C !important; }
.border-primary { border-color: #B91C1C !important; }
.badge.bg-primary { background-color: #B91C1C !important; }
.card.border-primary { border-color: #B91C1C !important; }
.card-header.bg-primary { background-color: #B91C1C !important; }
.nav-link.active, .nav-pills .nav-link.active { background-color: #B91C1C !important; }
.form-check-input:checked { background-color: #B91C1C; border-color: #B91C1C; }
.page-item.active .page-link { background-color: #B91C1C; border-color: #B91C1C; }
a { color: #B91C1C; }
a:hover { color: #991818; }

/* ─── Sidebar ─────────────────────────────────────────────────────────────── */
.sidebar {
  width: 220px;
  min-height: 100vh;
  background: #7F1D1D;
  flex-shrink: 0;
}

.sidebar-link {
  color: rgba(255,255,255,0.65) !important;
  border-radius: 6px;
  padding: 0.45rem 0.75rem;
  transition: background 0.15s, color 0.15s;
}
.sidebar-link:hover,
.sidebar-link.active {
  background: rgba(255,255,255,0.15);
  color: #fff !important;
}
.sidebar .border-top { border-color: rgba(255,255,255,0.15) !important; }

/* ─── Layout ──────────────────────────────────────────────────────────────── */
.main-content { background: #f8fafc; }

/* ─── Cards ───────────────────────────────────────────────────────────────── */
.card {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}
.stat-card { box-shadow: 0 1px 3px rgba(0,0,0,0.06); }

/* ─── Tables ──────────────────────────────────────────────────────────────── */
.table th {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
  background: #f8fafc;
}

/* ─── Landing page ────────────────────────────────────────────────────────── */
.hero-section {
  background: linear-gradient(135deg, #7F1D1D 0%, #B91C1C 60%, #DC2626 100%);
  min-height: 480px;
}
.feature-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: var(--brand-light);
  color: var(--brand);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.home-nav { background: #7F1D1D; }
.home-footer { background: #1e293b; }

/* ─── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .sidebar { display: none; }
}