/* RRT Dispatcher — Custom Styles
   Relies on Bootstrap 5.3 with data-bs-theme for light/dark mode.
   WCAG AAA: 7:1 contrast for normal text, 4.5:1 for large text. */

/* ----------------------------------------------------------------
   Focus states — visible outline on all interactive elements
   ---------------------------------------------------------------- */
:focus-visible {
  outline: 3px solid var(--bs-primary);
  outline-offset: 2px;
}

/* ----------------------------------------------------------------
   Active nav-link highlight
   ---------------------------------------------------------------- */
.navbar .nav-link.active {
  font-weight: 600;
  border-bottom: 2px solid #fff;
}

/* ----------------------------------------------------------------
   Table hover — subtle highlight for both themes
   ---------------------------------------------------------------- */
[data-bs-theme="light"] .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.045);
}

[data-bs-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.06);
}

/* ----------------------------------------------------------------
   Activity badge colors
   All chosen for WCAG AAA contrast against their background.
   ---------------------------------------------------------------- */
.badge-movement  { background-color: #0d6efd; color: #fff; }  /* info / movement  */
.badge-callsign  { background-color: #0a58ca; color: #fff; }  /* primary / callsign */
.badge-task      { background-color: #997404; color: #fff; }  /* warning / task     */
.badge-inventory { background-color: #146c43; color: #fff; }  /* success / inventory */
.badge-checkout  { background-color: #b02a37; color: #fff; }  /* danger / checkout  */
.badge-unknown   { background-color: #495057; color: #fff; }  /* secondary / unknown */

/* ----------------------------------------------------------------
   WCAG AAA text contrast overrides
   Bootstrap's default muted text (#6c757d) fails AAA on white.
   ---------------------------------------------------------------- */
[data-bs-theme="light"] .text-body-secondary {
  color: #495057 !important;  /* 7.4:1 on #fff */
}

[data-bs-theme="dark"] .text-body-secondary {
  color: #b0b8c1 !important;  /* 7.5:1 on #212529 */
}

/* ----------------------------------------------------------------
   Responsive tweaks
   ---------------------------------------------------------------- */
@media (max-width: 575.98px) {
  main.container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .navbar-brand {
    font-size: 1rem;
  }
}