.card-title { letter-spacing: 0.2px; }
.table thead th { user-select: none; }

/* --- Dark mode (final) --- */
:root{
  --bg: #0f1420;
  --panel: #171c28;
  --panel-2: #1d2433;
  --border: #2a3246;
  --text: #e6e9ef;
  --muted: #a9b0be;
  --accent: #4ea1ff;
  --pos: #26d07c;
  --neg: #ff5c5c;
}

html, body { background: var(--bg) !important; color: var(--text); }

/* Navbar & footer */
.navbar { background: #0d1320 !important; border-bottom: 1px solid var(--border); }
footer { background: #0d1320 !important; color: var(--muted) !important; }

/* Cards */
.card { background: var(--panel) !important; color: var(--text) !important; border: 1px solid var(--border) !important; }
.card .text-muted { color: var(--muted) !important; }

/* Alerts (warning banner) */
.alert { border: 1px solid var(--border); }
.alert-warning { background: #2a2414 !important; color: #f0d487 !important; border-color: #3a2f12 !important; }

/* Badges / pills */
.badge, .text-bg-secondary { background: var(--panel-2) !important; color: var(--muted) !important; border: 1px solid var(--border); }

/* Links */
a, a:hover { color: var(--accent); }

/* Table (force dark) */
.table { --bs-table-bg: var(--panel-2); --bs-table-color: var(--text); --bs-table-border-color: var(--border); }
.table thead th { background: var(--panel) !important; color: var(--text) !important; border-bottom: 1px solid var(--border) !important; }
.table tbody tr:nth-child(even) { background: #1a2130; }
.table tbody tr:hover { background: #20283a; }
.table .text-muted { color: var(--muted) !important; }

/* Positive/negative emphasis */
.text-success, .badge.bg-success { color: var(--pos) !important; background: transparent !important; }
.text-danger, .badge.bg-danger { color: var(--neg) !important; background: transparent !important; }

/* Small separators */
.border-top { border-top: 1px solid var(--border) !important; }
.shadow-sm { box-shadow: 0 2px 8px rgba(0,0,0,.35) !important; }