/* Map workspace adapted from the approved 12ui branch screen p1-map. */
#map{height:630px;border:1px solid #2b4359;border-radius:14px;position:relative;overflow:hidden;background:#172b3b}
#map .map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#map .map-toolbar{position:absolute;left:16px;right:10px;top:12px;display:flex;gap:12px;align-items:center;z-index:2}
#map .layers{display:flex;gap:12px}
#map .map-toolbar button,#map .map-toolbar select{background-color:#122235;box-shadow:0 0 0 3px #07131f55;min-height:44px}
#map .map-toolbar .active{background:#06bfd5}
#map .time-controls{margin-left:auto;display:flex;gap:12px}
#map .time-controls select{width:235px}
#map .detail{position:absolute;right:0;top:69px;bottom:0;width:397px;border:1px solid #294158;border-radius:14px;background:linear-gradient(110deg,#122234f5,#101d2efc);padding:16px;z-index:3}
#map .detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#map .detail h2{font-size:17px;font-weight:700}
#map .ap{display:flex;align-items:center;gap:19px;padding:18px 0 20px;border-bottom:1px solid #24394d}
#map .purple{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#a963ff,#9739ec);border:1px solid #be78ff}
#map .ap h3{font-size:21px;margin-bottom:4px}
#map .ap p{color:#adc7e6;font-size:15px}
#map .facts{margin:8px 0 24px;padding-bottom:25px;border-bottom:1px solid #24394d}
#map .fact{display:flex;justify-content:space-between;gap:12px;line-height:30px;font-size:14px}
#map .fact dt{color:#acc8e5}
#map .fact dd{margin:0;text-align:right}
#map .chart-title{color:#abc9e6;font-size:14px;margin-top:-6px}
#map .chart{width:100%;height:auto;display:block;margin-top:8px}
#map .legend{position:absolute;bottom:11px;left:9px;right:407px;background:#102033ed;border:1px solid #36516b;border-radius:10px;min-height:58px;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:10px;font-size:11px;color:#b9d7f3}
#map .legend-item{display:flex;align-items:center;gap:8px}
#map .swatch{display:inline-block;flex:none;width:15px;height:15px;border-radius:50%;background:#a74ff6}
#map .uncertain{width:25px;height:25px;background:#a34bf52a;border:1px dashed #b567ff}
#map .measurement{width:9px;height:9px;background:#80def7}
#map .gps{width:20px;height:20px;background:#0098ef;border:2px solid #c4eaff}
#map .route{width:22px;height:4px;border-radius:2px;background:#00aef5}
#map{height:790px;padding:0;position:relative;overflow:hidden;background:#172b3b;border:1px solid #2b4359;border-radius:14px;isolation:isolate}
#survey-map{position:absolute;top:132px;bottom:54px;left:0;right:350px;z-index:0;background:#152b3d}
#map .map-toolbar{top:12px;left:12px;right:12px;flex-wrap:wrap;gap:10px;background:#101f30f5;padding:0 0 10px;z-index:2}
#map .layers{gap:8px;align-items:center;flex-wrap:wrap}#map .layers a,#map .map-provider{display:inline-flex;align-items:center;min-height:42px;padding:10px 13px;border:1px solid #294158;border-radius:8px;font-size:13px;text-decoration:none;color:#edf4ff;background:linear-gradient(135deg,#192c40,#101f30)}
#map .map-provider{background:#26cddd;color:#071c27;border-color:#26cddd;font-weight:650}#map .layers a:hover{border-color:#26cddd}#map .layers a[aria-disabled=true]{opacity:.4;pointer-events:none}
#map .time-controls{margin-left:auto;gap:8px;flex-wrap:wrap}#map .time-controls select{width:180px}#map .map-toolbar button,#map .map-toolbar select{min-height:42px;padding:9px 12px;font-size:13px;max-width:100%}
#map .map-filters{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}#map-router{max-width:310px!important;flex:1;min-width:220px}#map-status{font-size:11px;color:#a6bad0;flex:1;min-width:100px}
#map .detail{top:132px;bottom:54px;width:350px;right:0;padding:18px;border-radius:12px 0 0 0;overflow:auto;z-index:1;background:linear-gradient(110deg,#122234,#101d2e)}
#map .detail h2{font-size:15px}#map .ap{padding:15px 0;gap:12px}#map .ap h3{font-size:20px;overflow-wrap:anywhere}#map .ap p{font-size:12px;margin:0;font-family:ui-monospace,monospace}#map .purple{width:18px;height:18px;flex:none}
#map .facts{margin:10px 0;padding:0 0 8px}#map .fact{font-size:12px;line-height:1.5;margin:9px 0;gap:12px}#map .fact dt{color:#acc8e5;flex:1}#map .fact dd{max-width:55%;overflow-wrap:anywhere}
#map .map-quality{font-size:12px;font-weight:600;border-radius:6px;padding:7px 9px;margin:12px 0;background:#3b3022;color:#ffcb86}#map .map-quality.estimated{color:#78edbc;background:#153e34}
#map .map-reason{font-size:12px;line-height:1.55;color:#c2d3e4;margin:12px 0}#map .chart-title{font-size:12px;margin-top:16px}#map .chart{height:110px;width:100%;margin-top:0}#map .map-small{font-size:11px;line-height:1.5;color:#9eb6cf;margin:8px 0}
#map .legend{left:0;right:0;bottom:0;min-height:54px;padding:10px 14px;justify-content:flex-start;flex-wrap:wrap;border-radius:0;gap:16px;font-size:11px;z-index:2;background:#101f30}
#map .legend label{flex-direction:row;margin:0;cursor:pointer;font-size:11px}#map .legend input{margin:0;accent-color:#26cddd}#map .legend .uncertain{width:18px;height:18px}#map .legend .gps{width:13px;height:13px}
#map-empty,#map-tile-status{position:absolute;left:20px;right:370px;top:150px;padding:12px 15px;border:1px solid #36516b;background:#101f30ed;border-radius:10px;z-index:1;font-size:13px;color:#d2e4f5;pointer-events:none}#map-tile-status{top:auto;bottom:70px}
#map .leaflet-tile-pane{filter:brightness(.82) saturate(.7)}#map .leaflet-control-attribution{background:#102033ed;color:#c4d6e8;font-size:10px;max-width:100%}#map .leaflet-control-attribution a{color:#70deed}#map .leaflet-control-scale-line{background:#102033b0;color:#fff;border-color:#fff;text-shadow:none}
#map .leaflet-bar a{background:#14283b;color:#edf4ff;border-color:#294158}#map .leaflet-popup-content-wrapper,#map .leaflet-popup-tip{background:#132136;color:#edf4ff}#map .map-popup{font-size:12px}#map .map-popup button{margin-top:10px;font-size:12px;padding:6px 10px}#map .leaflet-tooltip{background:#102033;border-color:#36516b;color:#edf4ff;font-size:12px}
@media(max-width:1250px){#map{height:840px}#survey-map,#map .detail{top:182px}#map .time-controls{margin-left:0}#map .map-filters{gap:7px}#map-status{width:100%;flex-basis:100%}}
@media(max-width:1050px){#map{height:auto;display:flex;flex-direction:column}#map .map-toolbar{position:relative;inset:auto;padding:12px;margin:0;order:0}#survey-map{position:relative;inset:auto;height:440px;width:100%;order:1}#map .legend{position:relative;inset:auto;order:2;min-height:0}#map .detail{position:relative;inset:auto;width:100%;order:3;overflow:visible;border-radius:0}#map .fact{max-width:620px}#map .chart{max-width:420px}#map-empty,#map-tile-status{top:220px;right:20px;bottom:auto}#map-status{min-height:1.5em}}
@media(max-width:500px){#map .layers{gap:6px}#map .layers a,#map .map-provider{font-size:12px;padding:9px 10px;min-height:38px}#map .time-controls{width:100%;gap:6px}#map .time-controls select{width:100%;flex-basis:100%}#map .time-controls button{flex:1}#map-router{max-width:100%!important;flex-basis:100%}#map .map-filters select{min-width:0;flex:1}#map .map-filters #map-router{min-width:100%}#map .map-filters #map-device{max-width:175px}#survey-map{height:380px}#map .legend{gap:10px;padding:12px}#map-empty,#map-tile-status{top:325px}}
#map .time-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px}#map .time-controls button img{width:17px;height:17px;flex:none}