/* Compact, mutually exclusive handling controls. */
.route-filter {left:var(--edge);top:var(--crumb-top);display:flex;gap:4px;padding:5px;max-width:calc(100vw - 2 * var(--edge));box-shadow:var(--control-shadow);}
.route-filter-button {height:36px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:var(--secondary);font-size:13px;white-space:nowrap;}
.route-filter-button:hover {background:#edf3f5;}
.route-filter-button[aria-pressed=true] {color:var(--flow-color);border-color:color-mix(in srgb,var(--flow-color) 28%,white);background:color-mix(in srgb,var(--flow-color) 9%,white);font-weight:650;}
body[data-depth=room] .route-filter {top:calc(var(--crumb-top) + 53px);}
.floor-tour {left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:3px;padding:5px;max-width:calc(100vw - 550px);overflow:auto;scrollbar-width:none;border-color:#d9c7d0;}
.floor-tour-stop {display:flex;align-items:center;gap:6px;padding:0 9px;height:44px;flex-shrink:0;white-space:nowrap;font-size:12px;color:#655260;border-radius:7px;border:1px solid transparent;}
.floor-tour-stop:hover {background:#f5f0f3;}
.floor-tour-stop[aria-pressed=true] {border-color:#dfbdce;background:#f8eaf1;color:#9e466f;font-weight:650;}
.tour-stop-index {font-size:11px;color:#9a7b8a;font-family:Arial,sans-serif;}
.interface-note {font-size:12px;color:#927046;border-left:1px solid #e0d6c7;padding-left:10px;}
.equipment-note {font-size:12px;line-height:1.6;color:#607581;border-top:1px solid var(--line);padding-top:10px;margin-top:3px;}
.equipment-content .equipment-note {grid-column:1/-1;}
.equipment-content .dimension-metric {grid-column:1/-1;}
.equipment-content .dimension-metric strong {font-size:18px;line-height:1.35;font-weight:550;white-space:normal;}
body[data-mode=visit][data-depth=floor] #case-toolbar {display:none;}
body[data-mode=visit][data-depth=floor] .legend {bottom:94px;}
body[data-mode=people] .mode-insight,body[data-mode=robots] .mode-insight {font-size:12px;gap:10px;}
@media(max-width:1200px) and (min-width:821px){
 .route-filter {top:150px;}
 body[data-depth=room] .route-filter {top:calc(var(--crumb-top) + 53px);}
 .floor-tour {max-width:calc(100vw - 500px);}
 .floor-tour-stop {padding:0 7px;}
 body[data-mode=robots] .mode-insight {max-width:calc(100vw - 520px);overflow:auto;}
}
@media(max-width:820px){
 .route-filter,body[data-depth=room] .route-filter {left:12px;right:12px;top:238px;display:flex;}
 body[data-depth=room] .route-filter {top:288px;}
 .route-filter-button {flex:1;padding:0 5px;font-size:12px;}
 body[data-mode=people],body[data-mode=robots] {--panel-top:296px;}
 .floor-tour {left:12px;right:12px;bottom:73px;transform:none;max-width:none;}
 body[data-mode=visit][data-depth=floor] .legend {bottom:140px;}
 body[data-mode=visit][data-depth=floor] .route-play {bottom:12px;left:110px;}
 .interface-note {display:none;}
 body[data-mode=people] .mode-insight,body[data-mode=robots] .mode-insight {max-width:calc(100vw - 130px);overflow:auto;}
}