main.wrap { padding-top: 28px; padding-bottom: 52px; }
.topbar .wrap { gap: 18px; }
.topbar .logo { text-decoration: none; }
.nav a { font-size: 15px; }
.sec-h { margin-top: 22px; }
.metrics { margin-top: 10px; }
.card { margin-bottom: 16px; }
.card h3 { margin-bottom: 8px; }
.tag { font-family: var(--font-ui); font-weight: 800; font-size: 13px; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-3); display: block; margin-bottom: 8px; }
.split { display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; align-items: start; }
.stack { display: grid; gap: 16px; }
.row-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inline-form { display: inline; }
.login-page { min-height: 100vh; display: grid; place-items: center; }
.login-card { width: min(460px, 100%); }
.login-card h1 { font-size: clamp(28px, 5vw, 40px); }
.queue-table select { min-width: 280px; }
.queue-table td { vertical-align: middle; }
.queue-table input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--accent-lg); }
.nowrap { white-space: nowrap; }
.muted code, td code { font-family: var(--font-num); font-size: 14px; word-break: break-all; }
.alert code { font-family: var(--font-num); }
@media (max-width: 900px) {
  .split { grid-template-columns: 1fr; }
  .queue-table select { min-width: 180px; }
}
@media (max-width: 780px) {
  .topbar { height: auto; }
  .topbar .wrap { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; gap: 10px; }
  .nav { width: 100%; margin-left: 0; flex-wrap: wrap; }
  .nav a { padding: 8px 10px; }
  .metrics { grid-template-columns: 1fr 1fr; }
}