.internal-navigation { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.internal-navigation form { margin:0; }
.staff-menu { position:relative; }
.staff-menu summary { cursor:pointer; list-style:none; }
.staff-menu summary::-webkit-details-marker { display:none; }
.staff-menu-links { position:absolute; right:0; top:100%; min-width:190px; z-index:1100; background:#151a29; border:1px solid #64748b; border-radius:10px; padding:6px; max-height:70vh; overflow:auto; box-shadow:0 12px 28px #0008; }
.staff-menu-links a { display:block; color:#e5e7eb; padding:9px 12px; text-decoration:none; border-radius:6px; }
.staff-menu-links a:hover, .staff-menu-links a[aria-current] { background:#334155; }
.staff-menu-links a[aria-current] { font-weight:bold; }
.staff-identity { color:var(--muted, #a8b0c0); overflow-wrap:anywhere; }
:focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
.usability-filters { display:flex; gap:12px; flex-wrap:wrap; align-items:end; margin-bottom:16px; }
.usability-filters label { display:block; margin-bottom:5px; }
.usability-filters input { max-width:100%; min-width:0; }
.table-wrap { overflow-x:auto; max-width:100%; }
.poll-status { padding:10px 14px; margin-bottom:12px; border:1px solid #64748b; border-radius:8px; }
.poll-status[data-stale="true"] { border-color:#f59e0b; color:#fcd34d; }
[aria-invalid="true"] { border-color:#fb7185 !important; outline:2px solid #fb7185; }
@media (max-width:600px) {
  .topbar, .topbar-left { flex-wrap:wrap; gap:10px; min-width:0; }
  .topbar { align-items:flex-start; }
  .internal-navigation { width:100%; }
  .staff-menu-links { left:0; right:auto; }
  .container { max-width:100%; box-sizing:border-box; }
  .usability-filters > div, .usability-filters > input { width:100%; }
  .usability-filters input { box-sizing:border-box; width:100%; }
  .mobile-order-table, .mobile-order-table tbody { display:block; width:100%; min-width:0 !important; }
  .mobile-order-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .mobile-order-table tbody > tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #64748b; border-radius:10px; margin:12px 0; padding:8px; }
  .mobile-order-table tbody > tr > td { display:block; min-width:0; width:auto !important; max-width:none !important; white-space:normal !important; overflow-wrap:anywhere; padding:8px !important; border:0; }
  .mobile-order-table td::before { content:attr(data-label); display:block; color:var(--muted,#a8b0c0); font-size:11px; margin-bottom:5px; }
  .mobile-order-table td:last-child { grid-column:1 / -1; }
  .mobile-order-table input, .mobile-order-table select { max-width:100%; box-sizing:border-box; }
}
input, select, textarea { box-sizing:border-box; max-width:100%; }
.internal-navigation .btn { width:auto; }
.internal-navigation label { display:block; }
@media (max-width:600px) {
  .filter-row input[type="date"] { min-width:0; }
  .modal-content { box-sizing:border-box; max-width:calc(100vw - 24px); }
  .modal-body { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .mobile-order-table tbody > tr.row-not-started { background:rgba(239,68,68,.18); }
  .mobile-order-table tbody > tr.row-in-progress { background:rgba(245,158,11,.26); }
  .mobile-order-table tbody > tr.row-done { background:rgba(34,197,94,.18); }
  .mobile-order-table tbody > tr > td { background:transparent !important; }
  .mobile-order-table td[data-label="Notes"] { grid-column:1 / -1; }
  .mobile-order-table .notes-textarea { width:100%; }
}