/* Shared interface palette. Map imagery, dataset symbols, authored layer/cart
   colours, media and exported map artwork retain their existing colours. */
@import url("googleInterfaceFonts.6e58b442c4c0.css");
@font-face {
  font-family:"Noto Sans TC";font-style:normal;font-weight:400;font-display:swap;
  src:url("../assets/fonts/noto-sans-tc/NotoSansTC-Regular-map-labels-v40.woff2") format("woff2");
  unicode-range:U+2E80-9FFF,U+F900-FAFF;
}
@font-face {
  font-family:"Noto Sans TC";font-style:normal;font-weight:700;font-display:swap;
  src:url("../assets/fonts/noto-sans-tc/NotoSansTC-Bold-map-labels-v40.woff2") format("woff2");
  unicode-range:U+2E80-9FFF,U+F900-FAFF;
}
html:root:not([data-theme=dark]) {
  --ui-surface:#fff;--ui-raised:#f6f7f8;--ui-recess:#f6f7f8;
  --ui-hover:#f0f2f4;--ui-border:#dce1e5;--ui-text:#2d3339;--ui-muted:#626b73;
  --ui-link:#2465aa;--ui-selected:#ebf2fa;--ui-accent:#2465aa;--ui-accent-ink:#fff;
  --ui-glass-rgb:255,255,255;--ui-glass:#fff;--ui-glass-hover:#f0f2f4;
  --ui-map-glass:rgba(255,255,255,.8);--ui-map-edge:rgba(45,51,57,.22);
  --ui-map-divider:rgba(45,51,57,.17);--ui-map-section:rgba(98,107,115,.055);
  --ui-map-button:rgba(255,255,255,.38);--ui-map-muted:#4d565e;
  --ui-map-control-ink:#41484e;--ui-map-button-line:rgba(45,51,57,.14);
  --palette-danger:#b93832;
}
html:root[data-theme=dark] {
  --ui-surface:#22272c;--ui-raised:#2b3137;--ui-recess:#1b2025;
  --ui-hover:#343c44;--ui-border:#454c53;--ui-text:#edf0f2;--ui-muted:#b0b8c0;
  --ui-link:#9bc1f0;--ui-selected:#303e4f;--ui-accent:#9bc1f0;--ui-accent-ink:#22272c;
  --ui-glass-rgb:34,39,44;--ui-glass:#22272c;--ui-glass-hover:#343c44;
  --ui-map-glass:rgba(34,39,44,.86);--ui-map-edge:rgba(237,240,242,.24);
  --ui-map-divider:rgba(237,240,242,.18);--ui-map-section:rgba(237,240,242,.045);
  --ui-map-button:rgba(237,240,242,.06);--ui-map-muted:#b0b8c0;
  --ui-map-control-ink:#d9dfe4;--ui-map-button-line:rgba(237,240,242,.18);
  --palette-danger:#ffb4ab;
}
html:root[data-theme][data-app-layout],html:root:is([data-theme=light],[data-theme=dark]),html:root:not([data-theme]) {
  --color-summer:var(--ui-link);
  --app-bg:var(--ui-recess);--app-surface:var(--ui-recess);--app-raised:var(--ui-surface);--app-ink:var(--ui-text);
  --app-muted:var(--ui-muted);--app-line:var(--ui-border);--app-selected:var(--ui-selected);--app-accent:var(--ui-link);
  --desk-surface:var(--ui-surface);--desk-recess:var(--ui-raised);--desk-line:var(--ui-border);
  --desk-ink:var(--ui-text);--desk-muted:var(--ui-muted);--desk-accent:var(--ui-link);
  --desk-selected:var(--ui-selected);--desk-focus:var(--ui-link);
  --ui-map-font:"Google Sans Text","Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Chiron Hei HK",sans-serif;
}

/* Frosted map controls: keep text opaque and blur each surface only once.
   Search, forms and record tables retain their solid reading surfaces. */
html:root #toolbarContainer {--info-scroll-background:var(--ui-map-glass);}
html:root .floating-toolbar {
  background:var(--ui-map-glass);color:var(--ui-text);border-color:var(--ui-map-edge);
  box-shadow:0 2px 10px #18212b26,inset 0 1px 0 #ffffff38;
  backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);
}
html:root .floating-toolbar .toolbar-btn {color:var(--ui-text);text-shadow:none;box-shadow:none;}
html:root .floating-toolbar .toolbar-btn:hover {background:var(--ui-hover);color:var(--ui-text);box-shadow:none;}
html:root .floating-toolbar .toolbar-btn:is(.active,[aria-pressed=true]) {background:var(--ui-selected);color:var(--ui-link);box-shadow:none;}
html:root .floating-toolbar .toolbar-btn:focus-visible {outline-color:var(--ui-link);}
html:root .floating-toolbar .toolbar-divider {background:var(--ui-map-divider);}
html:root .floating-toolbar .toolbar-btn.text-danger {color:var(--palette-danger);}
html:root .floating-toolbar .toolbar-btn.text-danger:hover {color:var(--palette-danger);background:var(--ui-hover);}
html:root .toolbar-compass-hub {fill:var(--ui-text);}
html:root .toolbar-btn:is(.active,[aria-pressed=true]) .toolbar-compass-hub {fill:var(--ui-link);}
html:root #toolbarContainer :is(#viewModeToolbar,#mainMapToolbar) {border-color:var(--ui-map-edge);}
html:root body.layer-info-open :is(#viewModeToolbar,#mainMapToolbar) {box-shadow:0 2px 8px #18212b24;}
html:root :is(#timePeriodPanel,#layerInfoPanel) {
  background:var(--ui-map-glass);color:var(--ui-text);border-color:var(--ui-map-edge);
  backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);
}
html:root #timePeriodPanel .time-period-slider {color:var(--ui-link);}
html:root #timePeriodPanel .time-period-year {color:var(--ui-map-muted);opacity:1;}
html:root #timePeriodPanel .time-period-year.is-active {color:var(--ui-link);}
html:root #timePeriodPanel .time-period-close:hover {background:var(--ui-hover);}
html:root #timePeriodPanel .time-period-slider__input::-webkit-slider-thumb {border-color:var(--ui-surface);outline:1px solid var(--ui-link);box-shadow:none;}
html:root #timePeriodPanel .time-period-slider__input::-moz-range-thumb {border-color:var(--ui-surface);outline:1px solid var(--ui-link);box-shadow:none;}
html:root #layerInfoPanel :is(.layer-info-panel__header,.layer-info-panel__content) {background:transparent;color:var(--ui-text);}
html:root #layerInfoPanel .layer-info-panel__header {border-bottom-color:var(--ui-map-divider);}
html:root #layerInfoPanel :is(.layer-info-panel__heading,.layer-info-record__label,.layer-info-record__value,.layer-info-panel__close) {color:var(--ui-text);text-shadow:none;}
html:root #layerInfoPanel :is(.layer-info-panel__eyebrow,.layer-info-panel__message) {color:var(--ui-map-muted);}

/* Both main and comparison-map layer browsers share the neutral treatment. */
html:root #optionPanel.sidebar-left,html:root #rightLayerPanel {
  background:var(--ui-map-glass);color:var(--ui-text);border-color:var(--ui-map-edge);
  box-shadow:0 2px 10px #18212b26,inset 0 1px 0 #ffffff38;
  backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);
}
html:root :is(#optionPanel,#rightLayerPanel) :is(.feature-category-btn,.feature-panel-tab,.right-layer-launcher-btn,.right-layer-heading-tab,.legacy-layer-launcher,.feature-panel-close-btn,.right-layer-close-btn) {
  background:transparent;color:var(--ui-text);border-color:transparent;box-shadow:none;text-shadow:none;
}
html:root[data-theme] :is(#optionPanel,#rightLayerPanel) :is(.feature-category-btn,.right-layer-launcher-btn) {
  color:var(--ui-map-control-ink);background:var(--ui-map-button);border:1px solid var(--ui-map-button-line);
  font-family:var(--ui-map-font);font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.01em;
  padding:4px 8px;box-shadow:inset 0 1px 0 #ffffff38;
}
html:root[data-theme] :is(#optionPanel,#rightLayerPanel) :is(.feature-category-btn,.feature-panel-tab,.right-layer-launcher-btn,.right-layer-heading-tab,.legacy-layer-launcher,.feature-panel-close-btn,.right-layer-close-btn):hover {background:var(--ui-hover);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root[data-theme] :is(#optionPanel,#rightLayerPanel) :is(.feature-category-btn,.feature-panel-tab,.right-layer-launcher-btn,.right-layer-heading-tab):is(.active,[aria-selected=true]) {background:var(--ui-selected);color:var(--ui-link);border-color:transparent;box-shadow:none;}
html:root :is(#optionPanel,#rightLayerPanel) :is(.feature-panel-heading,.right-layer-panel-heading,.legacy-layer-controls,.fixed-group,.section-title) {background:transparent;color:var(--ui-text);border-color:var(--ui-map-divider);}
html:root #optionPanel #activeLayersZone {background:var(--ui-map-section);border-bottom-color:var(--ui-map-divider)!important;}
html:root #optionPanel #activeLayersZone h2 {color:var(--ui-text)!important;}
html:root #optionPanel #empty-cart-msg {color:var(--ui-map-muted)!important;}
html:root #optionPanel .feature-panel-body {color:var(--ui-text);}
/* The in-flight fold handle sits on the same glass as the category buttons. */
html:root #optionPanel .flight-layer-hide {color:var(--ui-map-control-ink);border-color:var(--ui-map-divider);opacity:1;}
html:root #optionPanel .flight-layer-hide:hover {background:var(--ui-hover);color:var(--ui-text);}
html:root .flight-layer-show {background:var(--ui-map-glass);color:var(--ui-map-control-ink);border-color:var(--ui-map-edge);}
html:root :is(#optionPanel .flight-layer-hide,.flight-layer-show):focus-visible {outline:2px solid var(--ui-link);outline-offset:2px;}
html:root #optionPanel #panelBottom {background:var(--ui-map-section);color:var(--ui-text);border-top-color:var(--ui-map-divider)!important;}
html:root #optionPanel .fixed-group .section-title {border-bottom-color:var(--ui-map-divider)!important;}
html:root #optionPanel #list-overlays>div>span {color:var(--ui-text)!important;text-shadow:none;}
html:root #optionPanel .catalog-layer-load-status {color:var(--ui-link);}
html:root :is(#optionPanel,#rightLayerPanel) :is(.feature-panel-body label,.layer-title,.layer-title-zoom,.layer-item label,.section-title h2,.section-title h2 span,.toggle-icon,.right-layer-label,.right-layer-section-heading,.legacy-layer-heading,.legacy-layer-section>summary,.legacy-section-count) {color:var(--ui-text)!important;text-shadow:none;}
html:root :is(#optionPanel,#rightLayerPanel) :is(.layer-title-zoom,.layer-item,.right-layer-item,.legacy-layer-section>summary) {background:transparent;border-color:var(--ui-border);box-shadow:none;}
html:root #optionPanel .catalog-list>.layer-item,
html:root #optionPanel #list-overlays>div,
html:root #rightLayerPanel .right-layer-item {border-bottom:1px solid var(--ui-map-divider);}
html:root #optionPanel .catalog-list>.layer-item:has(.catalog-layer-state:checked) {background:var(--ui-selected);box-shadow:inset 2px 0 var(--ui-link);}
html:root :is(#optionPanel,#rightLayerPanel) :is(.layer-title-zoom,.layer-item,.right-layer-item):hover {background:var(--ui-hover);color:var(--ui-text);}
html:root #optionPanel #list-basemaps.basemap-gallery .basemap-choice {background:var(--ui-raised);border-color:var(--ui-border);box-shadow:none;}
html:root #optionPanel #list-basemaps.basemap-gallery .basemap-caption {color:var(--ui-text)!important;text-shadow:none;}
html:root #optionPanel #list-basemaps.basemap-gallery input:checked+.basemap-choice {background:var(--ui-selected);border-color:var(--ui-link);box-shadow:0 0 0 1px var(--ui-link);}
html:root :is(#optionPanel,#rightLayerPanel) :is(input[type=checkbox],input[type=radio]) {accent-color:var(--ui-link);}
html:root :is(#optionPanel,#rightLayerPanel) :is(.cart-layer-card,.cart-reorder-preview) {background:var(--ui-raised);border-color:var(--ui-border);box-shadow:none;}
html:root :is(#optionPanel,#rightLayerPanel) :is(.cart-layer-title,.cart-layer-header label,.cart-remove-btn) {color:var(--ui-text)!important;text-shadow:none;}
html:root :is(#optionPanel,#rightLayerPanel) .cart-remove-btn {background:var(--ui-hover);border-color:var(--ui-border);}

/* Legacy controls inherit the same palette instead of their former navy
   panel's white ink, including the launcher when the panel is collapsed. */
html:root body.legacy-layer-mode :is(#optionPanel,#rightLayerPanel) {
  --legacy-ink:var(--ui-text);--legacy-muted:var(--ui-map-muted);--legacy-line:var(--ui-map-divider);
  --legacy-hover:var(--ui-hover);--legacy-selected:var(--ui-selected);--legacy-accent:var(--ui-link);
  background:var(--ui-map-glass);
}
html:root body.legacy-layer-mode :is(#optionPanel,#rightLayerPanel) .legacy-layer-section {background:var(--ui-map-section);}
html:root body.legacy-layer-mode :is(#optionPanel,#rightLayerPanel) .legacy-section-count {color:var(--ui-map-muted);background:var(--ui-map-button);border-color:var(--ui-map-divider);}
html:root body.legacy-layer-mode :is(#optionPanel,#rightLayerPanel) .legacy-layer-list>:is(.layer-item,.right-layer-item) {border-bottom-color:var(--ui-map-divider);}
html:root body.legacy-layer-mode #optionPanel.feature-panel-compact .legacy-layer-launcher {
  margin:4px;border:1px solid var(--ui-map-button-line);border-radius:7px;
  color:var(--ui-map-control-ink);background:var(--ui-map-button);box-shadow:inset 0 1px 0 #ffffff38;
  font:700 13px/1.35 var(--ui-map-font);letter-spacing:.01em;
}
html:root body.legacy-layer-mode #rightLayerPanel .legacy-right-launcher :is(.legacy-layer-launcher,.right-layer-launcher-btn) {font:700 13px/1.35 var(--ui-map-font);letter-spacing:.01em;color:var(--ui-map-control-ink);}
html:root body.legacy-layer-mode #optionPanel.feature-panel-compact .legacy-layer-launcher:hover {background:var(--ui-hover);}
html:root body.legacy-layer-mode #optionPanel #legacy-historical-list .layer-title-zoom::before {border-color:var(--ui-muted);}

/* Shared Search/Collections surfaces; authored Home, carts and popups use
   their own colour variables and are deliberately outside these selectors. */
html:root :is(.workspace-panel,dialog.ws-content-dialog,.account-dialog,.modal-content,.share-panel,.elevation-panel) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root .workspace-panel :is(.ws-header,.ws-content-title,.ws-inspector-header,.ws-layer-toolbar,.ws-feature-footer,.ws-wizard-footer) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root .workspace-panel .ws-header::before {opacity:0;}
html:root .workspace-panel .ws-header :is(.ws-profile,.ws-icon-button,.ws-profile strong,.ws-profile small) {color:var(--ui-text);background:transparent;border-color:var(--ui-border);box-shadow:none;}
html:root .workspace-panel .ws-header-mark {background:var(--ui-raised);border-color:var(--ui-border);box-shadow:none;}
html:root .workspace-panel .ws-header-mark:is(:hover,:focus-visible) {background:var(--ui-hover);border-color:var(--ui-link);box-shadow:none;}
html:root .workspace-panel .ws-header-mark::before,html:root .workspace-panel .ws-header-mark::after {background:var(--ui-text);}
html:root .workspace-panel :is(.ws-explorer,.ws-property-card,.ws-tool-section,.ws-label-card,.ws-popup-card,.ws-data-record-head) {color:var(--ui-text);border-color:var(--ui-border);}
html:root :is(.workspace-panel,.ws-content-dialog,.account-dialog) :is(input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root :is(.workspace-panel,.ws-content-dialog,.account-dialog) :is(.ws-note,.ws-muted,.account-message) {color:var(--ui-muted);}
html:root :is(.account-dialog,.account-embedded) h2 {color:var(--ui-text);}
html:root :is(.workspace-panel,.account-dialog,.account-embedded) :is(.ws-primary,.ws-sheet-save,.account-primary):not(:disabled),
html:root :is(.saved-views-primary,.guru-route-directions-button,.guru-route-action-primary,.btn-primary):not(:disabled) {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);box-shadow:none;}
html:root :is(.workspace-panel,.account-dialog,.account-embedded) :is(.ws-primary,.ws-sheet-save,.account-primary):not(:disabled):hover {background:var(--ui-accent);color:var(--ui-accent-ink);filter:brightness(.94);}
html:root .account-link,html:root :is(.workspace-panel,.ws-content-dialog) .ws-text-button {color:var(--ui-link);}
html:root .guru-route .guru-route-directions-button {background:var(--ui-accent);color:var(--ui-accent-ink);}
html:root #mapSearch .map-search__bar :is(.map-search__input,.map-search__icon-button,.map-search__submit) {color:var(--ui-text);}
html:root #mapSearch .app-search-scopes button {color:var(--ui-muted);}
html:root #mapSearch .app-search-scopes button[aria-pressed=true] {color:var(--ui-link);}
html:root .app-search-place .app-search-directions {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root .app-search-place .app-search-place-details {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root .cursor-status-bar :is(.cursor-crs-button,.cursor-status-readout) {background:var(--ui-surface);color:var(--ui-text);}

/* Collections inner tabs and editors. These selectors address interface
   controls only; authored map symbols, Home/cart samples and media keep their
   saved colours. */
html:root #workspacePanel :is(.ws-settings-page,.ws-inspector-content,.ws-inspector-scroll) {background:var(--ui-recess);color:var(--ui-text);}
html:root #workspacePanel :is(.ws-settings-page,.ws-inspector-content,.ws-inspector-scroll) :is(h3,h4) {color:var(--ui-text);}
html:root #workspacePanel :is(.ws-note,.ws-data-calculate label) {color:var(--ui-muted);}
html:root #workspacePanel :is(.ws-aggregation-section>p,.ws-aggregation-choice small,.ws-gallery-fields>span) {color:var(--ui-muted);}
html:root #workspacePanel :is(.ws-data-summary strong,.ws-data-record-head strong,.ws-gallery-heading strong,.ws-gallery-info strong) {color:var(--ui-text);}
html:root #workspacePanel :is(.ws-data-record-head small,.ws-drax-style-preview small) {color:var(--ui-muted);}
html:root #workspacePanel .ws-drax-style-preview {background:var(--ui-raised);border-color:var(--ui-border);}
html:root #workspacePanel .ws-data-record-fields {background:var(--ui-surface);border-color:var(--ui-border);}
html:root #workspacePanel .ws-data-record-rail {background:var(--ui-raised);border-color:var(--ui-border);}
html:root #workspacePanel .ws-data-record-number {color:var(--ui-text);}
html:root #workspacePanel .ws-data-record-number:hover {background:var(--ui-hover);}
html:root #workspacePanel .ws-data-record-number[aria-selected=true] {background:var(--ui-selected);color:var(--ui-link);box-shadow:none;outline-color:var(--ui-link);}
html:root #workspacePanel .ws-data-record-number[data-current=true][aria-selected=true] {outline-color:var(--ui-link);}
html:root #workspacePanel .ws-data-record-number.is-drop-target {background:var(--ui-selected);color:var(--ui-link);outline-color:var(--ui-link);}
html:root #workspacePanel .ws-aggregation-section {border-color:var(--ui-border);}
html:root #workspacePanel .ws-aggregation-choice {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root #workspacePanel .ws-aggregation-choice[aria-pressed=true] {background:var(--ui-selected);border-color:var(--ui-link);box-shadow:inset 0 0 0 1px var(--ui-link);}
html:root #workspacePanel :is(.ws-settings-tabs,.ws-appearance-tabs,.ws-setting-choices,.ws-setting-cycle,.ws-settings-group-title,.ws-field-head,.ws-field-system,.ws-list-heading) {background:var(--ui-raised);color:var(--ui-muted);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-settings-list,.ws-setting-row,.ws-settings-footer,.ws-usage-meter,.ws-property-card,.ws-tool-section,.ws-condition,.ws-style-card,.ws-chart-menu,.ws-chart-card,.ws-label-card,.ws-popup-card,.ws-media-editor,.ws-gallery-config,.ws-data-record-head) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel .ws-data-calculate {background:var(--ui-surface);border-color:var(--ui-border);}
html:root #workspacePanel .ws-style-layout[data-style-mode=photo] .ws-style-settings>.ws-note {background:var(--ui-selected);color:var(--ui-muted);}
html:root #workspacePanel .ws-setting-row:nth-child(even) {background:var(--ui-raised);}
html:root #workspacePanel :is(.ws-settings-tab,.ws-appearance-tab,.ws-setting-choice) {color:var(--ui-muted);background:transparent;border-color:transparent;box-shadow:none;}
html:root #workspacePanel :is(.ws-settings-tab,.ws-appearance-tab)[aria-selected=true] {background:var(--ui-surface);color:var(--ui-link);border-bottom-color:var(--ui-link);}
html:root #workspacePanel .ws-setting-choice[aria-pressed=true] {background:var(--ui-selected);color:var(--ui-link);box-shadow:none;}
html:root #workspacePanel :is(.ws-settings-membership,.ws-tool-notice,.ws-notice,.ws-attribute-note) {background:var(--ui-selected);color:var(--ui-text);border-color:var(--ui-border);border-left-color:var(--ui-link);}
html:root #workspacePanel :is(.ws-settings-membership span,.ws-property-info dt,.ws-property-facts,.ws-field-catalogue-row>small,.ws-field-catalogue-row>span,.ws-usage-breakdown,.ws-editor-select p,.ws-type-card small,.ws-source-card small) {color:var(--ui-muted);}
html:root #workspacePanel :is(.ws-settings-account-links a,.ws-setting-cycle-arrow,.ws-support a,.ws-data-filter-rules>summary) {color:var(--ui-link);}
html:root #workspacePanel :is(.ws-setting-action,.ws-setting-switch,.ws-layer-tool,.ws-icon-button,.ws-mode,.ws-placement-choice,.ws-text-format button,.ws-pattern-option,.ws-label-placement button,.ws-chart-tab,.ws-data-add-field,.ws-data-open-sheet,.ws-data-batch-toggle,.ws-gallery-expand) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root #workspacePanel .ws-button:not(.ws-primary):not(.ws-danger) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root #workspacePanel :is(.ws-style-choice,.ws-chart-type,.ws-new-feature) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-style-modes,.ws-data-tabs,.ws-drax-appearance-header) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-style-mode,.ws-data-tab,.ws-current-symbol,.ws-data-media-button,.ws-gallery-field,.ws-drax-reset) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root #workspacePanel :is(.ws-style-mode,.ws-data-tab,.ws-current-symbol,.ws-data-media-button,.ws-gallery-field,.ws-drax-reset,.ws-aggregation-choice):not(:disabled):hover {background:var(--ui-hover);border-color:var(--ui-link);}
html:root #workspacePanel :is(.ws-style-mode[aria-pressed=true],.ws-data-tab[aria-selected=true],.ws-data-tab[aria-pressed=true],.ws-gallery-field[aria-pressed=true]) {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link);}
html:root #workspacePanel :is(.ws-setting-switch,.ws-layer-tool,.ws-mode,.ws-placement-choice,.ws-text-format button,.ws-label-placement button,.ws-chart-tab,.ws-data-batch-toggle,.ws-gallery-field)[aria-pressed=true] {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link);}
html:root #workspacePanel :is(.ws-style-card[data-selected=true],.ws-scene-object-choice[aria-pressed=true]) {background:var(--ui-selected);border-color:var(--ui-link);box-shadow:inset 0 0 0 1px var(--ui-link);}
html:root #workspacePanel :is(.ws-button,.ws-setting-action,.ws-setting-switch,.ws-layer-tool,.ws-icon-button,.ws-mode,.ws-style-choice,.ws-chart-type,.ws-new-feature):not(:disabled):not(.ws-danger):hover {background:var(--ui-hover);color:var(--ui-text);}
html:root #workspacePanel :is(.ws-primary,.ws-sheet-save,.ws-data-new-feature):not(:disabled):hover {background:var(--ui-accent);color:var(--ui-accent-ink);}
html:root #workspacePanel .ws-tool-toggle input {background:var(--ui-muted);}
html:root #workspacePanel .ws-tool-toggle input:checked {background:var(--ui-accent);}
html:root #workspacePanel .ws-tool-toggle input::after {background:var(--ui-surface);}
html:root #workspacePanel .ws-tool-toggle input:checked::after {background:var(--ui-accent-ink);}
html:root #workspacePanel :is(input[type=checkbox],input[type=radio],input[type=range],progress) {accent-color:var(--ui-link);}
html:root #workspacePanel :is(.ws-field-data,.ws-data-grid,.ws-layer-table) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-data-grid thead th,.ws-layer-table th,.ws-data-summary,.ws-sheet-footer) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-sheet-sort,.ws-sheet-number,.ws-data-record-field) {color:var(--ui-text);border-color:var(--ui-border);}
html:root #workspacePanel :is(.ws-field-data,.ws-data-grid,.ws-layer-table) :is(th,td) {border-color:var(--ui-border);}
html:root #workspacePanel .ws-chart-preview svg {background:var(--ui-surface);}
html:root #workspacePanel .ws-chart-preview text {fill:var(--ui-text);}
html:root #workspacePanel :is(.ws-error,.ws-settings-inline-message,.ws-usage-warning,.ws-danger,.ws-data-delete-record,.ws-data-batch-delete) {color:var(--palette-danger);border-color:var(--palette-danger);}
html:root #workspacePanel :is(.ws-error,.ws-usage-warning,.ws-data-delete-record,.ws-data-batch-delete) {background:var(--ui-surface);}
html:root #workspacePanel :is(button,input,select,textarea,a):focus-visible {outline-color:var(--ui-link);}

/* Public record popups use the same white surface as Search. */
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup,.point-popup__caret) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);backdrop-filter:none;-webkit-backdrop-filter:none;}
html:root .point-popup-host:not(.ws-popup-host) .point-popup::before {opacity:0;}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__title,.point-popup__table td,.point-popup__action) {color:var(--ui-text);}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__source,.point-popup__subtitle,.point-popup__secondary) {color:var(--ui-muted);}
html:root .point-popup-host:not(.ws-popup-host) .point-popup__table :is(th,td) {background:var(--ui-surface);border-color:var(--ui-border);}
html:root .point-popup-host:not(.ws-popup-host) .point-popup__table th {background:var(--ui-raised);color:var(--ui-text);}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__body,.point-popup__header) {border-color:var(--ui-border);}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__switcher,.point-popup__empty) {color:var(--ui-muted);}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__switch,.point-popup__action) {background:transparent;color:var(--ui-muted);border-color:var(--ui-border);box-shadow:none;}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__switch,.point-popup__action):hover {background:var(--ui-hover);color:var(--ui-text);}
html:root .point-popup-host:not(.ws-popup-host) .point-popup__link {color:var(--ui-link);}
html:root .point-popup-host:not(.ws-popup-host) :is(.point-popup__record-link,.point-popup__all-records,.point-popup__overview>input) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root .point-popup-host:not(.ws-popup-host) .point-popup__record-link:hover {background:var(--ui-selected);}
html:root .point-popup-host:not(.ws-popup-host) :is(button,a,input):focus-visible {outline-color:var(--ui-link);}

html:root :is(#optionPanel,#rightLayerPanel) :is(button,a,input):focus-visible {outline-color:var(--ui-link);}
html:root #mobileAppShell .app-menu-browser {--menu-harbour:var(--ui-link);--menu-ink:var(--ui-text);--menu-paper:var(--ui-selected);--menu-surface:var(--ui-surface);}
html:root #workspacePanel :is(.ws-primary,.ws-sheet-save,.ws-data-new-feature):not(:disabled) {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);box-shadow:none;}
html:root #workspacePanel :is(.ws-primary,.ws-sheet-save,.ws-data-new-feature):not(:disabled):hover {background:var(--ui-accent);color:var(--ui-accent-ink);filter:brightness(.94);}
html:root #workspacePanel :is(.ws-explorer-name,.ws-explorer-row) {color:var(--ui-text);}
html:root #workspacePanel .ws-header {background:var(--ui-surface);color:var(--ui-text);}
html:root #workspacePanel .ws-header :is(.ws-icon-tab,.ws-header-mark) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;}
html:root #workspacePanel .ws-header .ws-icon-tab[aria-selected=true] {background:var(--ui-selected);color:var(--ui-link);}
html:root #workspacePanel :is(.ws-explorer-kind,.ws-explorer-modified) {color:var(--ui-muted);}
html:root #workspacePanel :is(.ws-explorer-top,.ws-explorer-columns) {background:var(--ui-raised);border-color:var(--ui-border);}
html:root #workspacePanel .ws-explorer-row {background:var(--ui-surface);border-color:var(--ui-border);}
html:root #workspacePanel .ws-explorer-row:nth-child(even) {background:var(--ui-raised);}
html:root #optionPanel #btnLegacyMode {color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-border);box-shadow:none;}
html:root #optionPanel #btnLegacyMode[aria-pressed=true] {color:var(--ui-link);background:var(--ui-selected);border-color:var(--ui-link);}

/* Settings and location tools share the neutral reading surfaces in both modes. */
html:root .workspace-panel .ws-setting-choices {background:var(--ui-raised);border-color:var(--ui-border);}
html:root .workspace-panel .ws-setting-choice {color:var(--ui-muted);}
html:root .workspace-panel .ws-setting-choice[aria-pressed=true] {background:var(--ui-selected);color:var(--ui-link);box-shadow:none;}
html:root .workspace-panel :is(.ws-settings-group-title,.ws-settings-membership) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root .workspace-panel .ws-settings-tab[aria-selected=true] {border-bottom-color:var(--ui-link);}
html:root :is(.locate-panel,.walking-route-pick) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root .locate-panel>header {background:var(--ui-surface);border-color:var(--ui-border);}
html:root .locate-panel button {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root .locate-panel :is(.locate-close,.walking-route__gps,.walking-route__shortcuts button) {background:transparent;}
html:root .locate-tabs {background:var(--ui-recess);}
html:root .locate-tabs [aria-selected=true] {background:var(--ui-selected);color:var(--ui-link);}
html:root .walking-route__stop {background:var(--ui-raised);border-color:var(--ui-border);}
html:root .walking-route__stop input[type=search],html:root .walking-route__addresses {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root :is(.locate-note,.walking-route__stop>div>label,.walking-route__selected,.walking-route__address-status,.walking-route details summary) {color:var(--ui-muted);}
html:root .locate-panel .locate-primary,html:root .walking-route-pick button:first-of-type {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root .walking-route-pick button:last-child {background:var(--ui-raised);color:var(--ui-text);}
html:root .locate-panel .guru-route button {background:transparent;color:var(--ui-text);}
html:root .locate-panel .guru-route .guru-route-directions-button {background:var(--ui-accent);color:var(--ui-accent-ink);}
html:root .locate-panel .guru-route :is(.guru-route-add,.guru-route-status a) {color:var(--ui-link);}
html:root :is(.guru-route-toolbar [aria-pressed=true],.guru-route-map-picker .guru-route-map-choose,.guru-route-details output) {color:var(--ui-link);}
html:root .route-travel-modes button[aria-pressed=true] {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link);}

/* Desktop inner-panel review. Touch refinements are scheduled separately. */
html:root[data-app-layout=desktop] body.layer-info-open #toolbarContainer {gap:0;}
html:root[data-app-layout=desktop] body.layer-info-open #toolbarContainer :is(#layerInfoPanel,#mainMapToolbar) {margin-top:0;}
html:root[data-app-layout=desktop] body.layer-info-open #toolbarContainer :is(#viewModeToolbar,#mainMapToolbar) {width:min(var(--info-scroll-width),calc(100vw - 16px));}
html:root[data-app-layout=desktop] .saved-views-panel {
  --sv-surface:var(--ui-surface);--sv-card:var(--ui-raised);--sv-ink:var(--ui-text);--sv-muted:var(--ui-muted);
  --sv-line:var(--ui-border);--sv-selected:var(--ui-selected);--sv-accent:var(--ui-link);--sv-marker:var(--ui-link);
}
html:root[data-app-layout=desktop] .saved-view-card.is-opened {border-color:var(--ui-link);box-shadow:inset 3px 0 var(--ui-link);}
html:root[data-app-layout=desktop] :is(.share-panel,.saved-views-panel) :focus-visible {outline-color:var(--ui-link);}
html:root[data-app-layout=desktop] .share-panel :is(button,input) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .share-panel .share-close {background:transparent;}
html:root[data-app-layout=desktop] .share-panel .share-primary {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root[data-app-layout=desktop] .share-panel :is(.share-help,.share-note) {color:var(--ui-muted);}
html:root[data-app-layout=desktop] .share-qr-wrap img {background:#fff;border-color:var(--ui-border);}
html:root[data-app-layout=desktop] :is(.street-view-panel,.street-view-history-panel) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .street-view-provider {background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);color-scheme:inherit;}
html:root[data-app-layout=desktop] .street-view-provider option {background:var(--ui-surface);color:var(--ui-text);}
html:root[data-app-layout=desktop] .street-view-provider:focus-visible {outline-color:var(--ui-link);}
html:root[data-app-layout=desktop] :is(.street-view-history-header,.street-view-history-actions) {border-color:var(--ui-border);}
html:root[data-app-layout=desktop] :is(.street-view-history-message,.street-view-history-note) {color:var(--ui-muted);}
html:root[data-app-layout=desktop] :is(.street-view-history-date,.street-view-history-nearby) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .street-view-history-date:is(:hover,[aria-current]) {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link);}
html:root[data-app-layout=desktop] .street-view-history-default {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root[data-app-layout=desktop] :is(.street-view-credit,.street-view-scene-lock) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] #mapExportDialog {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] #mapExportDialog :is(header,.export-tabs,.export-settings,.jpg-settings,#exportSettings) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] #mapExportDialog :where(button,input:not([type=checkbox]):not([type=range]),select) {background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] #mapExportDialog :is(.export-primary,.jpg-primary) {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root[data-app-layout=desktop] #mapExportDialog :is(.export-tabs button[aria-selected=true],#exportGridToggle[aria-pressed=true],.export-subtitle-toggle:has(input:checked)) {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link);}
html:root[data-app-layout=desktop] #mapExportDialog :is(header p,.export-note,.export-status,.jpg-note,.jpg-status) {color:var(--ui-muted);}
html:root[data-app-layout=desktop] #mapExportDialog :is(button,input,select):focus-visible {outline-color:var(--ui-link);}
html:root[data-app-layout=desktop] .jpg-live-bar {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .jpg-live-bar button:not([data-cancel]) {background:var(--ui-accent);color:var(--ui-accent-ink);}
html:root[data-app-layout=desktop] .jpg-live-options :is(select,input) {accent-color:var(--ui-link);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .flight-setup {
  --picker-surface:var(--ui-surface);--picker-ink:var(--ui-text);--picker-muted:var(--ui-muted);--picker-line:var(--ui-border);
  --picker-recess:var(--ui-raised);--picker-selected:var(--ui-selected);--picker-accent:var(--ui-link);
}
html:root[data-app-layout=desktop] .elevation-panel :is(.elevation-left,.elevation-summary,.elevation-axis-toggle) {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .elevation-panel :is(button,select) {color:var(--ui-text);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .elevation-panel :is(select,.elevation-axis-toggle button) {background:var(--ui-raised);}
html:root[data-app-layout=desktop] .elevation-panel .elevation-view3d {background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);}
html:root[data-app-layout=desktop] .elevation-panel .elevation-view2d {background:var(--ui-surface);color:var(--ui-link);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .elevation-panel .elevation-axis-toggle button[aria-pressed=true] {background:var(--ui-selected);color:var(--ui-link);}
html:root[data-app-layout=desktop] .elevation-panel :is(.elevation-controls label,.elevation-stat dt,.elevation-hover-label,.elevation-status) {color:var(--ui-muted);}
html:root[data-app-layout=desktop] .elevation-panel :is(.elevation-stat dd,.elevation-hover-value) {color:var(--ui-text);}
html:root[data-app-layout=desktop] .elevation-panel :is(.elevation-stat--hero dd,.elevation-hover-readout.is-active .elevation-hover-value) {color:var(--ui-link);}
html:root[data-app-layout=desktop] #elevationProfilePanel .elevation-stat--descent dd {color:var(--palette-danger);}
html:root[data-app-layout=desktop] .cursor-crs-menu {background:var(--ui-surface);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .cursor-crs-option {color:var(--ui-text);}
html:root[data-app-layout=desktop] .cursor-crs-option:is(:hover,.is-selected) {background:var(--ui-selected);color:var(--ui-link);}
html:root[data-app-layout=desktop] .modal-content :is(a,.text-primary) {color:var(--ui-link);}
html:root[data-app-layout=desktop] .modal-content .btn {background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-border);}
html:root[data-app-layout=desktop] .release-notes-dialog .release-note__version {background:var(--ui-selected);color:var(--ui-link);}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html:root:is([data-theme=light],[data-theme=dark]),html:root:not([data-theme]) {--ui-map-glass:var(--ui-surface);}
}
@media (prefers-reduced-transparency:reduce) {
  html:root:is([data-theme=light],[data-theme=dark]),html:root:not([data-theme]) {--ui-map-glass:var(--ui-surface);}
}
/* Restore-controls button shares the floating map controls' neutral glass. */
html:root #hudExitButton {
  background:var(--ui-map-glass);color:var(--ui-text);border:1px solid var(--ui-map-edge);
  box-shadow:0 3px 14px #18212b26,inset 0 1px 0 #ffffff30;
  backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);
  text-shadow:none;
}
html:root #hudExitButton:is(:hover,:focus-visible) {background:var(--ui-hover);color:var(--ui-text);border-color:var(--ui-link);}