/* Staff layout only; the guest ticket page keeps its existing presentation. */
.auditorium-overview [hidden] { display:none !important; }
body.auditorium-overview .wrap { max-width:1400px; padding:12px 18px 30px; }
.auditorium-overview .portal-masthead { margin-bottom:10px; }
.auditorium-overview .hero { padding:16px 22px; border-radius:12px; }
.auditorium-overview h1 { font-size:26px; margin:6px 0; letter-spacing:-.5px; }
.auditorium-overview .hero p { font-size:13px; max-width:none; margin:0; }
.auditorium-overview .stats { margin:12px 0; gap:8px; grid-template-columns:repeat(6,minmax(0,1fr)); }
.auditorium-overview .stat { padding:10px; border-radius:8px; }
.auditorium-overview .stat b { font-size:23px; }
.auditorium-overview .stat span { margin-top:3px; }
.auditorium-overview .toolbar { position:sticky; top:0; z-index:30; background:#fff; margin:12px 0 18px; padding:12px; gap:8px; border-radius:10px; box-shadow:0 4px 18px #183d3920; }
.auditorium-overview .portal-search-heading label { font-size:14px; }
.auditorium-overview .portal-search-heading span, .auditorium-overview .toolbar>.legend { display:none; }
.auditorium-overview .toolbar input[type=search] { min-height:44px; padding:8px 12px; flex:1 1 180px; min-width:0; }
.auditorium-overview .btn { min-height:44px; padding:8px 14px; }
.staff-filters { width:100%; }
.staff-filter-row { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:6px; }
.staff-filter-row strong { font-size:12px; width:45px; flex-shrink:0; }
.staff-filter { min-height:36px; padding:6px 10px; background:#f4f7f5; border:1px solid #c9dcd6; border-radius:7px; color:#25494d; font:inherit; font-size:12px; cursor:pointer; }
.staff-filter[aria-pressed=true] { background:#175d61; color:white; border-color:#175d61; }
#staff-filter-summary { display:block; font-size:12px; color:#52696d; margin-top:8px; }
.auditorium-overview .lookup-card { padding:16px; margin:12px 0; border-radius:10px; }
.auditorium-overview .lookup-card h2 { font-size:20px; }
.auditorium-overview .lookup-allotted { padding:10px 14px; margin:12px 0; gap:12px; }
.auditorium-overview .lookup-allotted-number { font-size:30px; }
.auditorium-overview .lookup-allotted-label { font-size:14px; }
.auditorium-overview .lookup-locations { margin:10px 0; gap:8px; }
.auditorium-overview .lookup-locations li { padding:12px; font-size:20px; }
.staff-details { border-top:1px solid #dce7ea; padding-top:10px; }
.staff-details summary { cursor:pointer; color:#175d61; font-size:14px; font-weight:700; padding:8px 0; }
.staff-details summary:focus-visible { outline:3px solid #b67827; }
.auditorium-overview .tbl-head { padding:12px; }
.auditorium-overview .seats { padding:12px; gap:6px; }
.auditorium-overview .centers { padding:0 12px 12px; }
.auditorium-overview .c-row { padding:8px 0; }
.auditorium-overview .theatre { padding:12px; }
.auditorium-overview .t-row { padding:10px; }
@media(max-width:600px) {
 body.auditorium-overview .wrap { padding:8px; }
 .auditorium-overview .portal-tag { display:none; }
 .auditorium-overview .hero { padding:12px; }
 .auditorium-overview h1 { font-size:21px; }
 .auditorium-overview .stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .auditorium-overview .toolbar { padding:8px; }
 .auditorium-overview .toolbar form { flex-wrap:nowrap; gap:5px; }
 .auditorium-overview .toolbar .btn { flex:0 0 auto; padding:8px 10px; }
 .staff-filter-row { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
 .staff-filter { white-space:nowrap; flex-shrink:0; min-height:44px; }
 .auditorium-overview .lookup-card { padding:12px; }
}
.staff-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%; font-size:12px; }
#staff-connection { color:#175d61; margin-right:auto; }
#staff-connection[data-stale=true] { color:#9c3c16; font-weight:700; }
.auditorium-overview button.seat { cursor:pointer; font-family:inherit; }
#staff-seat-dialog { border:1px solid #c9dcd6; border-radius:14px; padding:22px; max-width:min(460px,85vw); color:#182d36; }
#staff-seat-dialog::backdrop { background:#10272d88; }
#staff-seat-dialog form { margin-top:12px; }
@media(max-width:600px) { .staff-tools .btn { font-size:11px; min-height:36px; } }

/* Keep the mobile toolbar compact; expand filters only when requested. */
#staff-filter-toggle { display:none; }
@media(max-width:600px) {
 #staff-filter-toggle:not([hidden]) { display:inline-flex; align-items:center; justify-content:center; }
 #staff-filters:not(.is-expanded) { display:none; }
 .staff-tools { gap:6px; }
 #staff-connection { flex:1 1 140px; font-size:11px; }
 #staff-filters .staff-filter-row { flex-wrap:wrap; overflow:visible; }
 #staff-filter-summary { font-size:11px; }
}