/* ── Base ──────────────────────────────────────────────────────────────── */
body {
  background-color: #1e1f22;
  color: #dcddde;
  font-size: 0.9rem;
}

.card {
  background-color: #2b2d31;
  border-color: #3d3f45;
}

.card-header {
  background-color: #313338;
  border-color: #3d3f45;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.03);
  --bs-table-hover-bg: rgba(255,255,255,.06);
  color: #dcddde;
}

.table-dark {
  --bs-table-bg: #1e1f22;
  color: #b5bac1;
}

/* ── Navbar ────────────────────────────────────────────────────────────── */
.navbar {
  background-color: #1e1f22 !important;
  border-bottom-color: #3d3f45 !important;
}

/* ── Warning row colours ───────────────────────────────────────────────── */
.row-action-ban  { border-left: 3px solid #ed4245; }
.row-action-mute { border-left: 3px solid #ff8000; }
.row-action-warn { border-left: 3px solid #fee75c; }
.row-action-note { border-left: 3px solid #4f545c; }
.row-action-unban{ border-left: 3px solid #57f287; }

/* ── Buttons ───────────────────────────────────────────────────────────── */
.btn-xs {
  padding: 1px 6px;
  font-size: .75rem;
  line-height: 1.4;
  border-radius: .2rem;
}

/* ── Form ──────────────────────────────────────────────────────────────── */
.form-control, .form-select {
  background-color: #383a40;
  border-color: #4f545c;
  color: #dcddde;
}
.form-control:focus, .form-select:focus {
  background-color: #383a40;
  border-color: #5865f2;
  color: #fff;
  box-shadow: 0 0 0 .2rem rgba(88,101,242,.25);
}
.form-control::placeholder { color: #72767d; }

/* ── Alert overrides ───────────────────────────────────────────────────── */
.alert-secondary {
  background-color: #383a40;
  border-color: #4f545c;
  color: #b5bac1;
}

/* ── Badge status ──────────────────────────────────────────────────────── */
.badge.bg-primary { background-color: #5865f2 !important; }

/* ── Scrollable table container ────────────────────────────────────────── */
#warningsTable { min-width: 780px; }

/* ── Smooth panel slide ─────────────────────────────────────────────────── */
#colRight {
  transition: opacity 0.2s ease;
}

/* ── Input-group text ───────────────────────────────────────────────────── */
.input-group-text {
  background-color: #383a40;
  border-color: #4f545c;
  color: #b5bac1;
}

/* ── Dropdown ───────────────────────────────────────────────────────────── */
.dropdown-menu {
  background-color: #2b2d31;
  border-color: #3d3f45;
}
.dropdown-item { color: #dcddde; }
.dropdown-item:hover { background-color: #383a40; color: #fff; }
.dropdown-item-text { color: #72767d; }