/* Floating navigation and a continuous reading surface. */
body.atlas-workspace.map-shell{padding:0;font-family:Arial,Helvetica,sans-serif;--ink:#283530;--muted:#69736e;--accent:#315f52}
.map-shell main{position:absolute;inset:0;width:100%;height:100%;margin:0}
.map-shell #workspace-toolbar{position:static;height:0;padding:0;border:0;background:none;box-shadow:none;display:block}
.map-shell .atlas-brand{display:none}
.map-shell #workspace-search-form{position:fixed;left:20px;top:16px;width:438px;max-width:none;height:48px;background:#fff;border-radius:10px;box-shadow:0 3px 18px #182d2826;z-index:1200;overflow:hidden;gap:0}
.map-shell #workspace-search{height:48px;border:0;background:transparent;padding:0 16px;font-size:15px;min-width:0;box-shadow:none}
.map-shell #workspace-search-form button{border:0;border-left:1px solid #edf0ed;background:white;color:#315f52;padding:0 15px;font-size:13px}
.map-shell .workspace-actions{position:fixed;left:20px;top:80px;width:76px;padding:7px 0;display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:10px;box-shadow:0 3px 18px #182d2826;z-index:1200}
.map-shell #workspace-toolbar .workspace-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:68px;min-height:68px;padding:8px 0;margin:0 4px;border:0;background:transparent;color:#64716b;font-size:10px;font-weight:400;box-shadow:none;border-radius:7px}
.map-shell #workspace-toolbar .workspace-actions button[aria-pressed=true]{background:#edf3ef;color:#254f40;box-shadow:none}
.map-shell .workspace-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.map-shell #selected-area-chip{position:fixed;left:20px;top:380px;max-width:76px;white-space:normal;background:white;border:0;padding:10px 5px;font-size:11px!important;box-shadow:0 3px 18px #182d2826;z-index:1200}
.map-shell aside{position:fixed;left:108px;top:80px;bottom:24px;width:350px;height:auto;max-height:none;transform:none;border:0;border-radius:10px;background:#fff;box-shadow:0 4px 24px #182d2826;z-index:1101;overflow:auto;overscroll-behavior:contain}
.map-shell.panel-closed aside{display:none}
.map-shell #workspace-panel-head{height:58px;background:#fff;padding:0 20px;border-bottom:1px solid #edf0ed;gap:10px;z-index:3}
.map-shell #panel-heading{font-size:19px;font-weight:500;letter-spacing:-.4px;margin-right:auto}
.map-shell #workspace-close{min-width:34px;height:36px;font-size:25px;border:0;background:none}
.map-shell #sheet-expand{display:none}
.map-shell .layer-heading strong{font-size:15px;line-height:1.35}
.map-shell .layer{padding:12px 6px}
.map-shell .layer.is-active{border-left:0;background:#f7f9f7}
.map-shell .layer-settings>summary{font-size:12px}
.map-shell :is(.workbench,.backbone-panel) button{min-height:36px;font-size:14px}
.map-shell :is(.workbench,.backbone-panel) label{font-size:13px}
.map-shell .map-top,.map-shell .map-bottom{display:none}
.map-shell .leaflet-top.leaflet-right{top:16px;right:10px}
.map-shell #map-key,.map-shell #map-key[open]{top:96px;right:20px;left:auto;width:240px;max-width:calc(100vw - 40px);border:0;border-radius:8px;box-shadow:0 3px 18px #182d2826}
.map-shell #map-key:not([open]){width:auto}
.map-shell #legend-content{max-height:45dvh}
.map-shell .leaflet-control-attribution{bottom:0}
.map-shell .leaflet-control-scale{bottom:4px;margin-left:20px}
.map-shell #map-imagery-context{position:absolute;left:480px;right:80px;top:16px;z-index:1000;pointer-events:none;display:flex;align-items:flex-start;flex-direction:column;gap:0}
.map-shell #image-context,.map-shell #history-notice{position:static!important;max-width:100%;width:auto;border:0;border-radius:0;box-shadow:none;background:#fffffff2;padding:7px 11px;font-size:12px;pointer-events:auto}
.map-shell #image-context{border-radius:6px 6px 0 0}
.map-shell #history-notice{border-radius:0 0 6px 6px;font-size:11px}
.map-shell #history-notice button{background:none;padding:0 0 0 8px;color:#315f52;border:0;font-size:11px;text-decoration:underline}
.map-shell #map-date-dock{position:absolute;bottom:24px;left:max(480px,50%);transform:translateX(-10%);z-index:1000;display:flex;flex-direction:column;gap:0;max-width:calc(100vw - 500px)}
.map-shell.panel-closed #map-date-dock{left:50%;transform:translateX(-50%);max-width:calc(100vw - 160px)}
.map-shell #history-map-controls,.map-shell #comparison-map-swipe{position:static;transform:none;left:auto;bottom:auto;max-width:100%;width:310px;border:0;border-radius:8px;background:#fffffff5;box-shadow:0 3px 18px #182d2818}
.map-shell #comparison-map-swipe{border-radius:8px 8px 0 0;box-shadow:none;padding:9px 14px}
.map-shell #comparison-map-swipe:not([hidden])+#history-map-controls{border-radius:0 0 8px 8px;box-shadow:none}
.map-shell .comparison-label{bottom:130px!important;top:auto!important;pointer-events:none}
.map-shell #draw-toolbar,.map-shell #workspace-tool-status{left:50%;transform:translateX(-50%);bottom:30px;max-width:calc(100vw - 40px)}
.map-shell.drawing #workspace-tool-status{bottom:100px}
.map-shell.drawing #map-date-dock{display:none}
.map-shell .google-toolbar{padding-left:480px;min-height:72px}
@media(max-width:760px){
 .map-shell #workspace-search-form{left:12px;right:12px;top:12px;width:auto;height:48px}
 .map-shell .workspace-actions{left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;height:64px;padding:0 4px;flex-direction:row;justify-content:space-around;border-radius:12px}
 .map-shell #workspace-toolbar .workspace-actions button{width:25%;min-height:56px;margin:4px 0;padding:4px;gap:3px;font-size:11px}
 .map-shell .workspace-actions svg{width:22px;height:22px}
 .map-shell #selected-area-chip{left:12px;top:68px;max-width:190px;padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .map-shell aside,.map-shell aside.open{left:12px;right:12px;top:auto;bottom:calc(88px + env(safe-area-inset-bottom));width:auto;height:48dvh;max-height:calc(100dvh - 164px);border-radius:14px;transform:none}
 .map-shell.sheet-expanded aside{height:calc(100dvh - 164px - env(safe-area-inset-bottom))}
 .map-shell #workspace-panel-head{height:54px;padding:0 18px}
 .map-shell #sheet-expand{display:block;background:none;border:0;font-size:12px;color:#63736b;min-height:40px;padding:4px}
 .map-shell #panel-heading{font-size:18px}
 .map-shell #workspace-close{min-width:36px}
 .map-shell .leaflet-top.leaflet-right{top:68px;right:2px}
 .map-shell #map-key,.map-shell #map-key[open],.map-shell.history-mode #map-key{top:150px;right:12px;width:210px}
 .map-shell #map-key:not([open]){width:auto}
 .map-shell #legend-content{max-height:22dvh}
 .map-shell:not(.panel-closed) #map-key{display:none!important}
 .map-shell #map-imagery-context{left:12px;right:65px;top:68px;max-width:calc(100vw - 80px)}
 .map-shell:has(#selected-area-chip:not([hidden])) #map-imagery-context{top:108px}
 .map-shell #image-context{font-size:11px;padding:6px 8px}
 .map-shell #history-notice{font-size:10px;padding:5px 8px}
 .map-shell #map-date-dock,.map-shell.panel-closed #map-date-dock{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 24px);width:310px}
 .map-shell:not(.panel-closed) #map-date-dock,.map-shell:not(.panel-closed) .comparison-label,.map-shell.sheet-expanded #map-imagery-context{display:none}
 .map-shell .comparison-label{bottom:220px!important;font-size:10px;max-width:45%;padding:4px}
 .map-shell #draw-toolbar,.map-shell.history-mode #draw-toolbar,.map-shell #workspace-tool-status,.map-shell.history-mode #workspace-tool-status{bottom:calc(90px + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:calc(100vw - 24px);gap:3px;padding:6px}
 .map-shell.drawing #workspace-tool-status,.map-shell.history-mode.drawing #workspace-tool-status{bottom:calc(150px + env(safe-area-inset-bottom))}
 .map-shell .leaflet-control-scale{bottom:80px;margin-left:12px}
 .map-shell .google-toolbar{padding:70px 12px 12px}
}
.map-shell .workspace-actions{overflow:visible}
.map-shell aside{scrollbar-gutter:auto;scrollbar-width:thin}
.map-shell #map-date-dock{bottom:42px}
@media(min-width:761px){.map-shell:not(.panel-closed) #compare-left-label{left:480px}}
@media(max-width:760px){.map-shell #map-date-dock,.map-shell.panel-closed #map-date-dock{bottom:calc(88px + env(safe-area-inset-bottom))}.map-shell #workspace-toolbar .workspace-actions button{flex:1;min-width:0;width:auto}.map-shell .leaflet-control-attribution{font-size:8px;line-height:1.2;max-height:28px;overflow:auto}}
.map-shell #workspace-results button{border:0;border-bottom:1px solid #edf0ed;border-radius:0;background:none;box-shadow:none}
@media(max-width:760px){.map-shell:not(.panel-closed):not(.sheet-expanded) #map-key:not([hidden]){display:block!important}.map-shell.sheet-expanded #map-key{display:none!important}}