/* Both canvases keep identical dimensions for a direct spatial comparison. */
.workspace{position:relative;grid-template-columns:280px minmax(0,1fr);min-height:560px}
.workspace.layers-collapsed{grid-template-columns:minmax(0,1fr)}
.workspace.layers-collapsed>.sidebar{display:none}
.header-actions{gap:10px}
.comparison-view{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e3eaf0}
.comparison-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 18px;background:#fff;border-bottom:1px solid #dbe4ec}
.comparison-intro{display:flex;flex-direction:column;gap:5px;min-width:0}
.comparison-intro strong{font-size:14px;font-weight:650;color:#23475f}
.comparison-intro span{font-size:11px;color:#6a7f8f}
.comparison-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.comparison-actions button{padding:8px 10px;border:1px solid #cfdae3;border-radius:5px;background:#f8fbfd;color:#355b76;font-size:11px;white-space:nowrap}
.comparison-actions button:hover{background:#eaf2f8}
.comparison-actions{flex-wrap:wrap;max-width:100%}
.comparison-toolbar{flex-wrap:wrap}
.observation-tools{padding:16px 20px;border-bottom:1px solid #dce5ec;background:#faf7ff}
.observation-tools h2{font-size:14px;color:#62418c;margin:0 0 8px}
.observation-tools p,.observation-tools a,.observation-tools small{font-size:11px;line-height:1.7}
.observation-tools p{color:#647589;margin:6px 0}.observation-tools small{display:block;color:#647589;margin-top:6px}
.observation-tools>div{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.observation-tools button,.edit-observation{border:1px solid #d1bfe8;border-radius:5px;padding:7px 8px;background:#fff;color:#664092;font-size:11px}
.edit-observation{margin:0 20px 10px;width:calc(100% - 40px);font-size:12px}
.observation-list-dialog{width:min(640px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:22px;border:1px solid #c7d5e2;border-radius:10px;color:#243f52}
.observation-list-dialog::backdrop{background:#132c4470}
.observation-list-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.observation-list-dialog header p{font-size:12px;color:#647589}
.observation-list-dialog button{padding:7px 10px;border:1px solid #d1dce6;border-radius:5px;background:#f6f9fc;color:#35576e;font-size:12px}
.observation-list-dialog button:disabled{opacity:.5}
.observation-list-dialog>label{display:block;font-size:12px;margin-bottom:7px}
.observation-list-card{padding:16px 0;border-bottom:1px solid #e0e8ef}
.observation-list-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.observation-list-card strong{font-size:14px;overflow-wrap:anywhere}.observation-list-card span{font-size:11px;color:#7442a0;white-space:nowrap}
.observation-list-card p{font-size:12px;line-height:1.6;color:#65768a;margin:7px 0;overflow-wrap:anywhere}
.observation-list-card .observation-list-notes{color:#2f495e;white-space:pre-wrap}
.observation-list-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.observation-list-dialog footer{padding-top:15px;font-size:12px}
#addressInspect[aria-pressed="true"]{background:#1766a0;border-color:#1766a0;color:#fff}
.address-inspect{cursor:crosshair}
.address-inspect .leaflet-features-pane,.address-inspect .leaflet-features-pane *{pointer-events:none!important}
.address-popup .leaflet-popup-content{margin:14px 16px;font-family:inherit;line-height:1.6}
.address-heading{margin:0 0 9px;font-size:15px;color:#174763}
.address-value{font-size:15px;font-weight:650;overflow-wrap:anywhere;user-select:text}
.address-row{margin:9px 0}
.address-row .address-value{margin:3px 0}
.address-label{display:block;font-size:11px;color:#647b8b}
.address-precision{font-size:11px;color:#245d83;background:#eef6fc;border-radius:4px;padding:4px 6px;margin:8px 0}
.address-coordinates{font-size:11px;color:#607587;margin:8px 0}
.address-note{font-size:11px;color:#586c7c;margin:8px 0;overflow-wrap:anywhere}
.address-source{font-size:11px;color:#33719a;margin:8px 0}
.copy-address{width:100%;margin-top:10px;border:1px solid #b8d0e4;border-radius:5px;padding:8px 12px;color:#175c8d;background:#edf6fd;font-size:12px;font-weight:600}
.address-copy-status{font-size:11px;color:#236647;margin:5px 0 0}
.comparison-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;flex:1;min-height:0;min-width:0}
.comparison-maps .map-section{display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;order:initial}
.map-pane-title{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:#f6f9fb;border-bottom:1px solid #dce5ec}
.map-pane-title>div:first-child{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.map-pane-title strong{font-size:14px;line-height:1.3}
.map-pane-title span{font-size:10px;color:#698194}
.satellite-map .map-pane-title{background:#173b4d;color:#fff;border-color:#254b5d}
.satellite-map .map-pane-title span{color:#c1d7df}
.imagery-badge{padding:4px 7px;border:1px solid #4d707e;border-radius:4px;font-size:10px;white-space:nowrap}
.map-pane-title .record-count{padding:3px 0;margin:0;box-shadow:none;background:none;white-space:nowrap}
.map-pane-title .record-count strong{font-size:14px;margin-right:4px}
.map-canvas{position:relative;flex:1;min-height:0;min-width:0;isolation:isolate}
#map,#satelliteMap{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.compare-crosshair{position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8px 0 0 -8px;z-index:390;pointer-events:none;filter:drop-shadow(0 0 1px #fff)}
.compare-crosshair:before,.compare-crosshair:after{content:"";position:absolute;background:#193b4d;box-shadow:0 0 0 1px #ffffffc9}
.compare-crosshair:before{width:17px;height:1px;top:8px;left:0}
.compare-crosshair:after{height:17px;width:1px;left:8px;top:0}
.normal-map .map-notice{top:12px;left:12px;right:12px;padding:8px 10px;font-size:11px;max-width:none;line-height:1.6}
.normal-map .map-bottom{left:12px;bottom:32px;max-width:calc(100% - 64px);max-height:40%;gap:6px}
.normal-map .sbas-legend{width:240px;max-width:100%;padding:9px 11px;font-size:11px}
.normal-map .accuracy-control{padding:6px 8px;font-size:11px}
.normal-map .map-bottom>span{font-size:9px}
.satellite-status{position:absolute;top:12px;left:12px;right:12px;z-index:400;padding:8px 10px;border-radius:5px;background:#fffef1ed;color:#655929;font-size:11px;line-height:1.6}
.satellite-status.error{background:#fff0e9ed;color:#943d21;border:1px solid #e6b7a5}
.satellite-status[hidden]{display:none}
.satellite-status[data-state="ready"]{display:none}
.imagery-note{position:absolute;bottom:38px;left:12px;max-width:calc(100% - 65px);padding:7px 9px;z-index:400;border-radius:5px;background:#102e3dde;color:#e0edf2;font-size:10px;line-height:1.65;pointer-events:none}
.map-canvas .leaflet-control-attribution{max-width:100%;font-size:9px;line-height:1.3;background:#ffffffdf;overflow-wrap:anywhere}
.map-canvas .leaflet-control-scale{margin-bottom:29px}
.workspace>.details{display:none;position:absolute;left:0;top:0;bottom:0;right:auto;width:280px;max-height:none;border:0;border-right:1px solid #ccdbe6;border-radius:0;box-shadow:4px 0 15px #133c5810;overflow:auto;z-index:450;background:#fff}
.workspace>.details.has-selection,.workspace>.details.show-list{display:block}
.close-side-panel{display:block;position:sticky;top:0;z-index:5;width:100%;padding:14px 20px;border:0;border-bottom:1px solid #d8e3ec;background:#edf4f9;color:#2c5878;text-align:left;font-size:12px;font-weight:600}
.details .detail-heading{padding:18px 20px}
.details .detail-grid{padding-inline:20px}
.details .detail-warning{margin-inline:20px}
.grid-location{margin:16px 20px;padding:14px 12px;border:1px solid #d3e2ed;border-radius:7px;background:#f4f9fd}
.grid-location h3{margin:0;color:#244d69;font-size:14px}
.grid-location-basis,.grid-location-status,.grid-location-source,.grid-location-note{font-size:11px;line-height:1.6;margin:7px 0 0;overflow-wrap:anywhere}
.grid-location-basis,.grid-location-source,.grid-location-note{color:#61788b}
.grid-location-status{color:#2d6388}
.grid-location-addresses{margin:12px 0 0}
.grid-location-addresses dt{font-size:11px;color:#61788b;margin-top:9px}
.grid-location-addresses dd{margin:4px 0 0;font-size:13px;line-height:1.7;font-weight:600;overflow-wrap:anywhere;user-select:text}
.grid-location-coordinates{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 8px;margin:12px 0;padding-top:11px;border-top:1px solid #d6e3ee;font-size:12px}
.grid-location-coordinates dt{color:#61788b}.grid-location-coordinates dd{margin:0;font-variant-numeric:tabular-nums;user-select:text}
.map-record-popup .leaflet-popup-content{margin:12px 16px}
.imagery-provider-controls{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
.imagery-provider-controls label{flex:1;min-width:0}
.imagery-provider-controls select{width:100%;max-width:230px;min-width:0;border:1px solid #64808c;border-radius:4px;background:#f4f9fc;color:#21485e;padding:5px 7px;font-size:11px}
.imagery-provider-controls button{border:1px solid #64808c;border-radius:4px;background:#244e60;color:#e2eff5;padding:5px 8px;font-size:11px;white-space:nowrap}
.comparison-maps .map-pane-title{height:78px}
.satellite-map .map-pane-title{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}
.satellite-map .map-pane-title>div:first-child{flex-direction:row;align-items:baseline;gap:8px}
.imagery-settings-dialog{width:min(520px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;padding:24px;border:1px solid #b7cddc;border-radius:12px;color:#243f52;box-shadow:0 16px 60px #12354940}
.imagery-settings-dialog::backdrop{background:#132c4470}
.imagery-settings-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.imagery-settings-heading h2{font-size:19px;line-height:1.5}
.imagery-settings-heading button{border:0;padding:7px;background:#edf3f8;border-radius:4px;white-space:nowrap;color:#36596e;font-size:12px}
.imagery-settings-dialog>p{font-size:13px;line-height:1.7}
.imagery-settings-dialog>label{display:block;margin-top:22px;font-size:13px;font-weight:650}
.imagery-settings-dialog input{width:100%;margin-top:8px;padding:11px;border:1px solid #adc5d6;border-radius:5px;background:#f9fcfe;font:14px monospace}
.imagery-settings-dialog .imagery-key-help{font-size:11px;color:#637b8a}
.imagery-settings-dialog code{font-size:11px;overflow-wrap:anywhere}
#imagerySettingsStatus{padding:9px 0;color:#355d76}
.imagery-settings-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
.imagery-settings-actions button{padding:10px 12px;border:1px solid #c1d2df;border-radius:5px;background:#f2f6f9;color:#36596e;font-size:12px}
#saveImagerySettings{background:#18649b;border-color:#18649b;color:#fff}
.imagery-settings-dialog .imagery-settings-footnote{font-size:11px;color:#6d7f8b;margin-top:22px}
@media(max-width:1000px){.header-actions .local-badge{display:none}}
@media(max-width:700px){.brand-icon{display:none}.brand h1{font-size:15px}.brand p{font-size:10px}.header-actions{gap:5px}.header-actions button{font-size:11px;padding:7px}.workspace>.sidebar{position:fixed;top:70px;bottom:0;left:0;width:min(320px,90vw);z-index:600;box-shadow:4px 0 20px #18395130}}
@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(0,1fr)}.workspace>.details{width:300px}.comparison-toolbar{padding-inline:22px}.map-pane-title{padding-inline:18px}}
@media(min-width:701px) and (max-width:1000px){.workspace{grid-template-columns:230px minmax(0,1fr)}.workspace>.details{width:230px}.comparison-toolbar{flex-wrap:wrap;padding:10px 12px}.comparison-intro{flex-direction:row;align-items:center;flex-wrap:wrap}.comparison-actions{margin-left:auto}.map-pane-title{height:56px;padding:8px 10px}.map-pane-title>div:first-child{gap:3px;flex-direction:column}.map-pane-title span{font-size:9px}.imagery-badge{display:none}.normal-map .sbas-legend{width:200px}.normal-map .map-bottom{max-height:35%}}
@media(max-width:700px){.workspace{display:flex;min-height:0;height:auto}.comparison-view{order:0;height:calc(100dvh - 70px);min-height:500px}.comparison-toolbar{padding:8px 12px;min-height:72px;flex-wrap:wrap;gap:7px}.comparison-intro{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px 10px}.comparison-intro strong{font-size:12px}.comparison-intro span{font-size:10px}.comparison-actions{margin-left:auto}.comparison-actions button{font-size:10px;padding:6px 8px}.comparison-maps{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.map-pane-title{height:33px;padding-inline:12px}.map-pane-title strong{font-size:12px}.normal-map .map-notice{left:8px;right:44px;top:7px;padding:5px 7px;font-size:9px;line-height:1.4}.normal-map .map-bottom{left:8px;bottom:24px;max-height:42%;gap:3px}.normal-map .sbas-legend{width:200px;padding:5px 8px;font-size:10px}.normal-map .accuracy-control,.normal-map .basemap-control,.normal-map .map-bottom>span{display:none}.imagery-note{left:8px;bottom:25px;font-size:9px;padding:4px 7px}.satellite-status{top:7px;left:8px;right:44px;font-size:10px;padding:5px 7px}.map-canvas .leaflet-control-scale{margin-bottom:22px}.map-canvas .leaflet-control-zoom a{width:25px;height:25px;line-height:25px}.workspace>.details{position:fixed;left:10px;right:10px;top:80px;bottom:15px;width:auto;max-height:none;z-index:700;overflow:auto;border:1px solid #cbdbe5;border-radius:8px;box-shadow:0 10px 60px #15385155}.workspace>.details:not(.has-selection):not(.show-list){display:none}}