/* LYROX | DOMSTADT 110 9.2 | Compact task-oriented dispatch. Existing game selectors/IDs intact. */
.game-header{height:64px;padding:5px clamp(12px,1.35vw,26px);gap:11px;box-shadow:0 2px 12px #210b1410}
.game-brand{gap:9px}.game-brand img{width:48px;height:48px;border-radius:8px}.game-brand b{font-size:20px}.game-brand small{font-size:8px;margin-top:4px}
.header-online{padding:7px 10px;font-size:9px}.head-clock{padding:7px 11px;font-size:13px}.head-shift{padding:7px 9px}.header-actions .icon-btn{height:38px;width:38px}
.command-bar{min-height:58px;gap:8px;padding:8px clamp(12px,1.35vw,26px);box-shadow:none}.bar-left .bar-muted{display:none}.bar-stats{gap:5px}.bar-stats>span{padding:6px 8px;font-size:9px}.bar-stats>span b{font-size:13px}.bar-button,.bar-phone{min-height:40px}.command-quicklinks{display:none!important}
.dispatch-context,.wide-dispatch-dock{display:none!important}
.workspace-rail{display:flex;align-items:center;min-height:49px;gap:5px;padding:5px clamp(10px,1vw,22px);background:#fff;border-bottom:1px solid #e9e4e8;box-shadow:0 4px 12px #28111a07;overflow-x:auto;scrollbar-width:none}
.workspace-rail::-webkit-scrollbar{display:none}.workspace-caption{display:flex;align-items:center;gap:8px;margin-right:7px;padding-right:13px;border-right:1px solid #e7e0e5;font-size:9px;letter-spacing:.11em;white-space:nowrap;font-weight:1000;color:#a9092c}.workspace-caption i{width:7px;height:7px;border-radius:50%;background:#3bb37c;box-shadow:0 0 0 4px #3bb37c20}
.workspace-action{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:37px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:#f5f4f6;color:#53505b;font-size:10px;letter-spacing:.02em;font-weight:950;transition:background .17s,border-color .17s}.workspace-action>span{font-size:17px;line-height:1;color:#b61036}.workspace-action b{border-radius:5px;padding:2px 5px;background:#ebdfe3;font-size:9px}.workspace-action.selected,.workspace-action[aria-pressed="true"]{color:#a30729;background:#fff0f3;border-color:#edbfc9}.workspace-action.selected>span{color:#d60832}.workspace-action:hover{background:#fde9ed}
.workspace-phone{background:#d90734;color:white}.workspace-phone>span{color:white}.workspace-phone:hover{background:#ae0628}.workspace-right{margin-left:auto;display:flex;align-items:center;gap:9px}.workspace-live{font-size:9px;letter-spacing:.09em;color:#53806b;font-weight:950;white-space:nowrap}.workspace-max{border:1px solid #e5e0e5;border-radius:7px;background:white;color:#5b5360;min-height:36px;padding:7px 10px;white-space:nowrap;font-size:9px;font-weight:950}.workspace-max[aria-pressed="true"]{background:#20232d;color:#fff}
.dashboard{display:grid;max-width:none;width:100%;margin:0 auto;grid-template-columns:minmax(232px,18.5%) minmax(0,1fr) minmax(300px,25%);grid-template-areas:'queue map detail' 'aux aux aux';gap:clamp(8px,.75vw,14px);padding:10px clamp(10px,1vw,22px) 26px;align-items:start}
.dashboard .panel{border-radius:10px;box-shadow:0 2px 15px #1916240a}
.dashboard .panel-head{padding:10px 12px;min-height:60px}.dashboard .panel-head h2{font-size:17px;margin-top:4px}.dashboard .panel-head:before{height:22px;width:3px}
.dashboard .eyebrow{font-size:8px}.dashboard .queue-panel .panel-tools{padding:7px;gap:6px}.dashboard .panel-tools>.small-primary,.dashboard .panel-tools>.small-outline{min-height:34px;padding:6px;font-size:9px}
.dashboard .queue-filter-wrap{min-height:36px}.dashboard .queue-filter-wrap input{min-height:34px}.dashboard .queue-scroll{max-height:calc(100dvh - 290px);min-height:245px;padding:7px;gap:6px}.dashboard .call-card{padding:10px 9px;margin-bottom:6px;border-radius:8px}.dashboard .call-card h3{font-size:13px;margin:7px 0 5px}.dashboard .queue-footer{padding:9px 10px}.dashboard .queue-footer p{margin-top:5px;font-size:10px}.dashboard .queue-footer p.dispatch-build-note{display:none}
.dashboard .map-head{min-height:60px}.dashboard .map-search{padding:7px 9px;gap:6px}.dashboard .map-search select,.dashboard .map-search input{min-height:36px}.dashboard .map-search #searchMap{min-height:36px}.dashboard .map-stage{height:clamp(410px,calc(100dvh - 264px),770px)}.dashboard .map-bottom{padding:8px 12px;min-height:49px}.dashboard .tracking-hud{bottom:50px}
.dashboard .detail-panel{max-height:calc(100dvh - 190px);min-height:475px;overflow-y:auto;scrollbar-width:thin}.dashboard .detail-head{min-height:60px}.dashboard .call-detail{padding:11px 12px}.dashboard .nearest-strip{padding:8px 10px}.dashboard .dispatch-section{padding:10px 11px}.dashboard .dispatch-title{margin-bottom:8px}.dashboard .dispatch-title h3{font-size:15px}.dashboard .unit-list{max-height:clamp(175px,29vh,340px)}.dashboard .unit-row{padding:7px;margin-bottom:5px}.dashboard .action-btn{min-height:42px;margin-top:6px}
.dashboard .aux-panel{display:none;grid-area:aux}.dashboard .aux-panel .panel-head{min-height:54px}.dashboard .aux-panel .aux-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.dashboard .aux-panel .aux-block{padding:10px}
body.workspace-aux-open .dashboard .aux-panel{display:block}
body.map-expanded .workspace-rail{position:relative;z-index:3}
body.map-expanded .dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:'map' 'aux'}
body.map-expanded .dashboard .queue-panel,body.map-expanded .dashboard .detail-panel{display:none}
body.map-expanded .dashboard .map-stage{height:clamp(480px,calc(100dvh - 255px),900px)}
@media(min-width:1850px){.dashboard{grid-template-columns:minmax(258px,17%) minmax(0,1fr) minmax(340px,22%)}.dashboard .map-stage{height:clamp(550px,calc(100dvh - 255px),930px)}.dashboard .queue-scroll{max-height:calc(100dvh - 289px)}.dashboard .detail-panel{max-height:calc(100dvh - 182px)}}
@media(min-width:901px) and (max-width:1280px){.workspace-caption{display:none}.workspace-rail{padding-inline:8px;gap:4px}.workspace-action{padding:7px 9px;font-size:9px}.workspace-live{display:none}.workspace-max{font-size:9px}.dashboard{grid-template-columns:minmax(208px,20%) minmax(0,1fr) minmax(276px,28%);gap:8px;padding:8px}.dashboard .panel-head{padding:9px 10px}.dashboard .queue-scroll{max-height:calc(100dvh - 279px)}.dashboard .map-stage{height:clamp(390px,calc(100dvh - 258px),670px)}.dashboard .detail-panel{max-height:calc(100dvh - 174px);min-height:400px}.dashboard .unit-list{max-height:220px}.dashboard .map-bottom .radio-preview{font-size:10px}.game-brand small{font-size:7px}}
@media(max-width:900px){.workspace-rail{display:none!important}.game-header{height:66px;padding:4px 10px}.game-brand img{width:46px;height:46px}.game-brand b{font-size:18px}.command-bar{min-height:55px;padding:7px 9px}.dashboard{display:block;padding:7px}.dashboard>.panel{display:none}.dashboard>.panel[data-panel="einsaetze"]{display:none}.dashboard .detail-panel{min-height:0;max-height:none;overflow:visible}.dashboard .queue-scroll{min-height:270px;max-height:calc(100dvh - 255px)}.dashboard .map-stage{height:clamp(360px,54dvh,640px)}.dashboard .aux-panel .aux-grid{grid-template-columns:1fr}.dashboard .aux-panel{display:none}.dashboard .map-bottom{flex-wrap:wrap}.mobile-tabs button{min-height:62px}}
@media(max-width:900px){body[data-view="einsaetze"] .dashboard>.panel[data-panel="einsaetze"],body[data-view="karte"] .dashboard>.panel[data-panel="karte"],body[data-view="telefon"] .dashboard>.panel[data-panel="telefon"],body[data-view="funk"] .dashboard>.panel[data-panel="funk"]{display:block}}
@media(max-width:660px){.game-header{height:61px}.game-brand img{width:41px;height:41px}.game-brand b{font-size:16px}.command-bar{padding:6px 7px}.dashboard{padding:5px}.dashboard .queue-scroll{max-height:calc(100dvh - 246px);min-height:240px}.dashboard .map-stage{height:clamp(340px,calc(100dvh - 289px),650px)}.dashboard .detail-panel{max-height:none}.dashboard .map-search{padding:7px}.dashboard .panel-head{min-height:54px}.phone-window{border-radius:0}.phone-backdrop{padding:0}}
@media(prefers-reduced-motion:reduce){.workspace-action{transition:none}}
/* Touch-friendly compactness: the screen is dense, interactive targets remain comfortably tappable. */
@media(min-width:901px) and (max-width:1280px){
 .workspace-rail{min-height:51px}
 .workspace-action,.workspace-max{min-height:43px;font-size:10px}
 .bar-phone,.bar-button,.dashboard .panel-tools>.small-primary,.dashboard .panel-tools>.small-outline,.dashboard .map-search select,.dashboard .map-search input,.dashboard .map-search #searchMap{min-height:42px}
 .dashboard .detail-call-actions button,.dashboard .nearest-strip button,.dashboard .action-btn{min-height:44px}
 .dashboard .map-stage{height:clamp(385px,calc(100dvh - 274px),670px)}
}
