@media(max-width:800px){
 /* Use actions and current work before the secondary map. Keep all map controls. */
 body[data-staff-mobile] .overview-view{display:flex;flex-direction:column}
 body[data-staff-mobile] .overview-intro{order:0}
 body[data-staff-mobile] .overview-scoreboard{order:1}
 body[data-staff-mobile] .overview-lower{order:2}
 body[data-staff-mobile] .overview-live-map{order:3}
 body[data-staff-mobile] :is(.toolbar,.filters,.form-grid,.grid-2){gap:10px!important}
 body[data-staff-mobile] :is(.form-grid,.grid-2){grid-template-columns:minmax(0,1fr)!important}
 body[data-staff-mobile] :is(.toolbar,.filters) .search{flex:1 0 100%;width:100%}
 body[data-staff-mobile] :is(.table-wrap,.table-scroll){overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding:12px}
 body[data-staff-mobile] :is(.table-wrap,.table-scroll):focus-visible{outline:2px solid var(--ju-link);outline-offset:2px}
 body[data-staff-mobile] :is(.drawer,.modal){max-height:calc(100dvh - 16px);max-width:100vw;overflow-y:auto;overscroll-behavior:contain}
 body[data-staff-mobile] .drawer-footer{position:sticky;bottom:0;z-index:2;background:var(--ju-surface)!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;flex-wrap:wrap;gap:8px}
 body[data-staff-mobile] :is(.drawer-body,.modal) :is(input,select,textarea){font-size:16px!important;max-width:100%;scroll-margin-block:90px}
 body[data-staff-mobile] .push-rule{display:flex;flex-wrap:wrap;align-items:center;gap:10px!important;padding-block:12px!important}
 body[data-staff-mobile] .push-rule>strong{flex-basis:100%;overflow-wrap:anywhere}
 body[data-staff-mobile] .push-admin label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-right:10px}
 body[data-staff-mobile] .push-admin :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0;font-size:16px!important}
 body[data-staff-mobile] .push-admin [data-rule]{display:flex;flex-wrap:wrap;gap:10px}
 body[data-staff-mobile] .push-admin [data-rule]>:is(label,p,small){margin-block:0!important}
 body[data-staff-mobile] .push-admin [data-rule]>:is(label:not(:has(input[type=checkbox])),p,small){flex:1 0 100%;min-width:0}
 body[data-staff-mobile] .push-admin [data-rule]>button{flex:1;min-height:44px}
 body[data-staff-nav-open]{overflow:hidden}
}
