/* Shared section navigation, with alarm actions above the workspace. */
[hidden]{display:none!important}
#session-panel{align-items:stretch;gap:8px}
.session-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 9px;border:1px solid #30465f;border-radius:8px;min-width:0}
.session-group-label{width:100%;color:#a9bdd5;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.session-group-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}details.session-group{display:block}
.session-group:not(details){flex-basis:100%}.session-group:not(details) .session-group-label{width:auto;margin-right:6px}
details.session-group{flex:1 1 0}.session-group:has(.workspace-active){border-color:#54cdf4}
summary.session-group-label{cursor:pointer;list-style:revert}summary.session-group-label:focus-visible{outline:2px solid #54cdf4;outline-offset:3px}
.session-group button,.session-group a{min-height:36px;padding:7px 10px}
.session-group .workspace-active{background:#145379;color:#fff;border-color:#54cdf4;box-shadow:inset 0 -3px #54cdf4}
#district-workspace{grid-column:1/-1;min-width:0}
body.workspace-open main{display:block!important;height:auto!important;max-width:1600px}
body.workspace-open{height:auto;overflow:auto}
body.workspace-open #session-panel{margin-bottom:10px}
#workspace-emergency{position:sticky;top:0;z-index:35;padding:5px;background:#0b1728;border-bottom:2px solid #446282}
#workspace-emergency .summary{display:flex!important;flex-wrap:wrap;gap:5px 15px;margin:4px 0;padding:4px 8px}
#workspace-emergency .action-dock{margin:4px 0;padding:6px;position:static;width:auto}
#workspace-emergency .action-dock-heading{margin:0 0 4px;align-items:center;flex-direction:row}
#workspace-emergency .action-dock-heading h2{font-size:.9rem}
#workspace-emergency .action-dock-heading p{display:none}
#workspace-emergency .global-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#workspace-emergency .global-action{display:flex!important;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:5px;gap:4px}
#workspace-emergency .global-action img{width:28px;height:28px}
#workspace-emergency .global-action strong{font-size:.8rem;overflow-wrap:anywhere}
#workspace-emergency .global-action small{display:none}
#workspace-emergency .district-page-actions{margin-top:4px}
#workspace-emergency .district-page-actions button{min-height:36px;min-width:0;padding:6px 10px}
#workspace-emergency .district-page-actions small{display:none}
.workspace-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0}
#workspace-title{font-size:1.1rem;scroll-margin-top:var(--workspace-dock-height,230px)}
#district-workspace>.admin-panel{margin-top:0;scroll-margin-top:var(--workspace-dock-height,230px)}
#workspace-call{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#183b36;border:1px solid #6ed3a0;border-radius:8px;position:sticky;top:0;z-index:36}
body.workspace-open:has(#workspace-call:not([hidden])) #workspace-emergency{top:54px}
#workspace-drafts{max-width:500px;width:calc(100% - 40px);box-sizing:border-box;padding:22px;color:#eaf2ff;background:#182a43;border:1px solid #6b8aaa;border-radius:12px}
#workspace-drafts::backdrop{background:rgba(0,0,0,.7)}
#workspace-drafts p{line-height:1.5}.draft-actions{display:flex;flex-wrap:wrap;gap:8px}
#session-loading{grid-column:1/-1;padding:24px;text-align:center}
#session-loading p{color:#b9cbe1}
.map.is-panning{cursor:grabbing}.map:not(.is-panning){cursor:grab}
.map img{-webkit-user-drag:none;user-select:none}
@media(max-width:700px){.session-group{flex:1 1 100%}.session-group-label{font-size:.7rem}#workspace-emergency .global-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#workspace-emergency .summary{font-size:.65rem;gap:3px 8px}#workspace-emergency .summary span:nth-child(3){display:none}#workspace-emergency .global-action{min-height:44px}#workspace-emergency .global-action strong{font-size:.75rem}}
@media(orientation:landscape) and (max-height:600px){#workspace-emergency .global-actions{grid-template-columns:repeat(6,minmax(0,1fr))}#workspace-emergency .action-dock-heading{display:none}#workspace-emergency .summary{font-size:.65rem}#workspace-emergency .global-action img{width:20px;height:20px}#workspace-emergency .global-action{min-height:40px}#workspace-emergency .control-state{font-size:.65rem}}
body.operations-fullscreen .session-group-label{display:none}body.operations-fullscreen .session-group{border:0;padding:0}
body.operations-fullscreen .session>.session-group:has(#fullscreen-toggle){display:flex!important}
body.operations-fullscreen .session>.session-group:has(#fullscreen-toggle)>:not(#fullscreen-toggle){display:none!important}

.rate-evidence{display:block;min-width:120px;color:#b8ccdf;white-space:normal}
.row-actions{flex-wrap:wrap;max-width:100%}.row-actions button{flex:1 1 auto;min-width:0}.directory-row>div{min-width:0}
#session-panel .session-group button{width:auto}
body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock{position:sticky;top:0;z-index:30;align-self:start}
@media(min-width:1100px){body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock .global-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock .global-action{grid-template-columns:30px minmax(0,1fr);min-height:62px;padding:6px;gap:5px}body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock .global-action img{width:30px;height:30px}body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock .global-action strong{font-size:.78rem}body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock .global-action small{font-size:.65rem}}
html:not(.android-app) body.workspace-open:not(.operations-fullscreen){height:auto!important;overflow:auto!important}
html:not(.android-app) body.workspace-open:not(.operations-fullscreen) .summary{max-width:none}
html:not(.android-app) body.workspace-open:not(.operations-fullscreen) .session{max-width:none}
@media(max-width:700px){#workspace-emergency .global-action{flex-direction:column}#workspace-emergency .global-action strong{overflow-wrap:normal}#workspace-emergency .district-page-actions button{flex:1;font-size:.75rem}}
@media(max-width:700px),(max-height:500px){details.session-group{flex:1 1 auto;padding:9px}.session-group summary{font-size:.75rem}.session-group[open]{flex-basis:100%}}
@media(min-width:700px) and (max-width:1099px) and (orientation:landscape){
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen){height:auto;overflow:auto}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) main{height:auto;grid-template-rows:auto auto auto auto auto}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) .session{max-width:none}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) .summary{grid-column:1/-1;grid-row:2;max-width:none;width:100%;box-sizing:border-box}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) #action-dock{grid-row:3;overflow:visible}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) #map-panel,html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) #list-panel{grid-row:3;min-height:300px}
 html:not(.android-app) body.logged-in:not(.workspace-open):not(.operations-fullscreen) .toolbar{grid-row:4;grid-column:1/-1}
}