.room-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:10px 0 14px;min-width:0}.room-tabs button{min-width:0;padding:9px 3px;font:600 11px system-ui;overflow-wrap:anywhere}.room-tabs button[aria-pressed=true]{background:#dbc28a!important;color:#142c30!important;border-color:#dbc28a!important}.room-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#35535a;border-bottom:1px solid #476b74}.room-summary button{background:#062d37;border:0;border-radius:0;min-width:0;text-align:left;padding:9px 12px;color:#dcebed}.room-summary span{display:block;font:10px system-ui;color:#a8bfc4;margin-bottom:5px}.room-summary strong{display:block;font:600 13px/1.3 system-ui;color:#e6ca88;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.room-summary [data-summary=warnings]{font-size:10px}.room-summary button[data-warning=true]{background:#51321f}.room-summary[data-held=true]{opacity:.72}.ops-docked,.energy-docked,#agri-dialog.agri-docked{position:static!important;inset:auto!important;margin:0!important;display:block;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-sizing:border-box;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit}.ops-docked[hidden],.energy-docked[hidden],#agri-dialog.agri-docked[hidden]{display:none!important}.ops-docked .ops-grid,.agri-docked .agri-form-grid{grid-template-columns:1fr}.ops-docked header,.energy-docked>header{position:static;display:flex!important;padding:8px 0!important;min-height:0}.ops-docked h2,.energy-docked h2{font-size:20px!important}.ops-docked input,.ops-docked select,.agri-docked input,.agri-docked select{max-width:100%;width:100%;box-sizing:border-box}.energy-docked .energy-content,.energy-docked>nav{padding:10px 0}.energy-docked .energy-summary,.energy-docked .energy-detail-readings{grid-template-columns:1fr}.energy-docked table{min-width:680px}.energy-docked input{max-width:100%;width:100%;box-sizing:border-box}.energy-docked label{display:block;font-size:12px}.ops-docked li[data-route-state=waiting]{border-left:3px solid #dfb967;padding:8px;background:#5a431c44;animation:route-wait 1.5s ease-in-out infinite}.ops-docked li[data-route-state=confirmed]{border-left:3px solid #70cfb4;padding:8px}.ops-docked li[data-route-state=failed]{border-left:3px solid #f67770;padding:8px;color:#ffb3aa}.ops-docked p,.ops-docked li{overflow-wrap:anywhere}@keyframes route-wait{50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.ops-docked li[data-route-state=waiting]{animation:none}}
/* City: the planning inspector overlays exactly the single drawer footprint. */
body:has(#drawer) .workspace,body:has(#drawer[hidden]) .workspace{grid-template-columns:minmax(0,1fr) 360px!important;height:calc(100dvh - 72px)!important;min-height:0!important}body:has(#drawer) main{height:auto!important;min-height:0!important}body:has(#drawer) #drawer{padding:12px 16px;min-height:0}.host-planning #drawer{visibility:hidden}.host-planning .room-summary{pointer-events:none}body:has(#drawer)>header{display:none}.host-planning #drawer *{pointer-events:none}#schedule-host,#energy-host{min-width:0}#network-readings{display:none!important}
@media(max-width:760px){.room-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.room-summary button{padding:6px}.room-summary strong{font-size:11px}.room-summary span{font-size:9px}body:has(#drawer) .workspace,body:has(#drawer[hidden]) .workspace{grid-template-columns:minmax(0,1fr) min(44vw,360px)!important;height:calc(100dvh - 102px)!important}body:has(#drawer) #drawer{padding:8px}.room-tabs{gap:2px}.room-tabs button{font-size:10px;padding:8px 1px}}
:root[data-theme=light] .room-summary button{background:#f1eee6;color:#222b2a}:root[data-theme=light] .room-summary span{color:#4d5956}:root[data-theme=light] .room-summary strong{color:#715115}
@media(max-width:700px){body:has(#drawer){height:auto!important;min-height:100dvh;overflow:auto!important}body:has(#drawer) .workspace,body:has(#drawer[hidden]) .workspace{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;flex:none!important}body:has(#drawer) .workspace>main{height:60dvh!important;min-height:360px!important;flex:none!important;width:100%}body:has(#drawer) .workspace>#drawer{width:100%!important;height:auto!important;overflow:visible!important;border-left:0;border-top:1px solid #476b74;padding:16px}body:has(#drawer) .room-tabs button{font-size:12px;min-height:44px}body:has(#drawer) input,body:has(#drawer) select{font-size:16px}body:has(#drawer) .top-actions{flex-wrap:wrap}body:has(#drawer) .top-actions button{min-height:44px}}