/* Existing palette, logo pixels and map geometry are retained. */
@media(max-width:680px){
 .sidebar{padding:6px 10px}.sidebar .brand{justify-content:flex-start;min-height:38px}.sidebar .brand .arc-logo{width:112px}
 .sidebar-bottom{top:8px;right:10px}.sidebar-bottom button{min-height:38px;padding:7px 10px;font-size:11px}
 .sidebar nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:4px;margin-top:6px;padding-bottom:4px;scrollbar-width:thin}
 .sidebar nav .nav-item{flex:0 0 auto;min-width:92px;min-height:40px;padding:7px 9px;font-size:12px;white-space:nowrap}
 .topbar{height:36px;padding:0 10px}
 #live-counts{padding:6px 10px;gap:10px;flex-wrap:nowrap}#live-basis{display:none}
 #map-view .map-panel>.panel-heading{padding:3px 10px;min-height:38px;justify-content:flex-end}
 #map-view .map-panel>.panel-heading>div:first-child{display:none}
 #map-view .map-tools{gap:5px;max-width:none;flex-wrap:nowrap}
 #map-view #map{height:calc(100svh - 320px);min-height:400px}
 .owner-dialog,#device-dialog{padding:16px}.owner-dialog input,#device-search,#history-search,.login-card input{font-size:16px}
}