.detached-map-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#eee}
.detached-map-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid #aaa;flex:none}
.detached-map-header h1{font-size:13px;font-weight:400;margin-right:auto}
.detached-map-header time{font-size:16px;font-variant-numeric:tabular-nums}
.map-connection{flex:none;padding:5px 8px;background:#fff0ca;border-bottom:1px solid #bcb8a9}
.map-connection.connected{background:#e3efdf}
.detached-map-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:3px;padding:3px}
.detached-map-workspace .map-canvas{flex:1;min-height:0}
.detached-map-workspace .map-legend{flex:none;flex-wrap:wrap;gap:7px}
.detached-map-workspace .map-sidebar{overflow:auto}
.detached-map-workspace .map-sidebar>*{flex-shrink:0}
.detached-map-help{padding:8px;line-height:1.5;color:#555;white-space:normal}
@media(max-width:650px){.detached-map-workspace{grid-template-columns:minmax(0,1fr) 195px}.detached-map-header{gap:6px}.detached-map-header h1{flex-basis:100%}.detached-map-workspace .map-legend{font-size:9px}}

.ac-detached .map-legend>span:nth-child(5),.ac-detached .map-legend>span:nth-child(6){display:none}
#map-radio{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#e7edf3;border-bottom:1px solid #aaa}#map-radio[hidden]{display:none}#map-ptt{touch-action:none;user-select:none}