/* ── General ───────────────────────────────────────────────────────── */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #f4f6f9;
}

/* ── Navbar ────────────────────────────────────────────────────────── */
.navbar-brand { font-weight: 600; }
.nav-link.active-nav {
  background: rgba(255,255,255,.15);
  border-radius: .375rem;
}

/* ── Tables ────────────────────────────────────────────────────────── */
.table td, .table th { white-space: nowrap; }
.table td.issue-cell  { white-space: normal; max-width: 280px; }

/* ── Elapsed timer ─────────────────────────────────────────────────── */
.elapsed {
  font-family: "Courier New", Courier, monospace;
  font-weight: 700;
  font-size: .95rem;
}

/* ── Age badges ────────────────────────────────────────────────────── */
.badge-age-green  { background: #198754; }
.badge-age-yellow { background: #ffc107; color: #000; }
.badge-age-orange { background: #fd7e14; }
.badge-age-red    { background: #dc3545; }

/* ── Action buttons ────────────────────────────────────────────────── */
.btn-resolve {
  font-size: .8rem;
}
.btn-unresolved {
  font-size: .8rem;
}

/* ── Mobile tweaks ─────────────────────────────────────────────────── */
@media (max-width: 576px) {
  .container-fluid { padding: .75rem; }
  .table td, .table th { font-size: .82rem; padding: .4rem .5rem; }
  h5 { font-size: 1rem; }
}