/* Employee-first controls; preserve the existing Hub palette. */
[hidden] { display: none !important; }
.topbar { flex-wrap: wrap; gap: 16px 24px; padding: 16px 24px; }
.brand { min-width: 180px; }
.main-nav { flex-wrap: wrap; gap: 10px 18px; min-width: 0; }
.main-nav > a, .more-nav summary { white-space: nowrap; font-size: 14px; }
.account { margin-left: auto; flex-shrink: 0; }
.more-nav { position: relative; }
.more-nav summary { cursor: pointer; padding: 8px 4px; color: #d8e1eb; }
.more-nav-links { position: absolute; right: 0; top: 100%; width: 230px; padding: 10px; z-index: 20; background: var(--navy); border: 1px solid #536070; border-radius: 10px; box-shadow: 0 12px 24px #0003; }
.more-nav-links a { display: block; padding: 10px; border-radius: 6px; }
.more-nav-links a:hover, .more-nav-links a:focus-visible { background: #30445c; }
input[type=checkbox], input[type=radio], .audio-confirm input { width: auto; flex: 0 0 auto; }
.audio-confirm { align-items: flex-start; }
.audio-confirm span, .run-copy, .run-form, .panel, .quick-card { min-width: 0; }
.audio-confirm span { overflow-wrap: anywhere; }
.schedule-table { min-width: 1320px; }
.schedule-table td:nth-child(2) { min-width: 210px; }
.schedule-table select { min-width: 160px; }
.schedule-table select[name$=timezone_name] { min-width: 230px; }
.schedule-table input[type=time] { min-width: 140px; }
.schedule-table input[type=number] { min-width: 100px; }
.schedule-table label { display: grid; gap: 6px; }
.schedule-table .muted { font-size: 13px; }
.schedule-scroll-note { color: var(--muted); font-size: 14px; }
.test-output { border: 2px solid var(--gold); background: #fffdf6; }
.test-notice { padding: 12px; color: var(--gold); background: var(--gold-soft); border-radius: 8px; font-weight: 700; }
.status-strip { margin-bottom: 16px; }
.status-strip p { margin: 8px 0 0; }
summary { cursor: pointer; }
section[id], article[id] { scroll-margin-top: 20px; }
.button-row a { color: var(--navy); }
.button-row a.primary { color: white; }
@media (max-width: 1100px) {
  .main-nav { order: 3; flex-basis: 100%; overflow: visible; }
  .more-nav-links { left: 0; right: auto; }
}
@media (max-width: 560px) {
  .main-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .main-nav > a, .more-nav summary { display: block; padding: 8px; white-space: normal; }
  .more-nav-links { left: auto; right: 0; width: min(270px, 85vw); }
  .topbar { padding: 14px 12px; gap: 12px; }
  .brand { min-width: 0; }
  .run-workspace { padding: 18px; gap: 18px; }
  .run-history-head, .attention-banner { flex-wrap: wrap; }
  .button-row { overflow: visible; justify-content: flex-start; }
  .quick-status-grid { gap: 8px; }
  .quick-card { min-height: 0; padding: 14px; }
}