/* ── Global ──────────────────────────────────────────────────────────── */
body {
  background-color: #111214;
  color: #e0e0e0;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ── Cards ───────────────────────────────────────────────────────────── */
.card {
  background-color: #1a1d21;
  border-color: #2e3138 !important;
}

.card-header, .card-footer {
  background-color: #16191d;
}

/* ── Table ───────────────────────────────────────────────────────────── */
.table-dark {
  --bs-table-bg: #1a1d21;
  --bs-table-hover-bg: #22262b;
  --bs-table-border-color: #2e3138;
}

/* ── Navbar ──────────────────────────────────────────────────────────── */
.navbar {
  background-color: #111214 !important;
}

/* ── Form controls ───────────────────────────────────────────────────── */
.form-control, .form-select {
  background-color: #16191d;
  border-color: #2e3138;
  color: #e0e0e0;
}
.form-control:focus, .form-select:focus {
  background-color: #16191d;
  border-color: #ffc107;
  color: #e0e0e0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.15);
}
.form-control::placeholder { color: #555; }
.form-control:disabled, .form-control[readonly] { opacity: 0.6; }

.input-group-text {
  background-color: #16191d;
  border-color: #2e3138;
  color: #888;
}

/* ── Buttons ─────────────────────────────────────────────────────────── */
.btn-warning { color: #111 !important; }

/* ── Badge tweaks ────────────────────────────────────────────────────── */
.badge { font-weight: 500; }

/* ── Dashed border card ──────────────────────────────────────────────── */
.border-dashed {
  border: 2px dashed #2e3138 !important;
  transition: border-color .2s;
}
.border-dashed:hover { border-color: #ffc107 !important; }

/* ── Alert overrides ─────────────────────────────────────────────────── */
.alert { border-radius: 8px; }

/* ── Scrollbar ───────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #111214; }
::-webkit-scrollbar-thumb { background: #2e3138; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #444; }