/* === Stable 3D baseline === */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* No full-page blue focus ring on Cmd/Ctrl keyboard focus (map + document) */
html:focus,
html:focus-visible,
body:focus,
body:focus-visible,
#map:focus,
#map:focus-visible,
#maplibre-3d-map:focus,
#maplibre-3d-map:focus-visible,
.maplibregl-canvas:focus,
.maplibregl-canvas:focus-visible,
.leaflet-container:focus,
.leaflet-container:focus-visible {
  outline: none;
}

#map {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#maplibre-3d-map {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 500;
  background: #f2f3f0;
  isolation: isolate;
  transform: translateZ(0);
}

body.ask-map-mode-3d #maplibre-3d-map {
  display: block !important;
  pointer-events: auto !important;
  background: #f2f3f0 !important;
}

#maplibre-3d-map .maplibregl-canvas-container,
#maplibre-3d-map .maplibregl-canvas {
  background: #f2f3f0;
}

#maplibre-3d-map .maplibregl-ctrl-bottom-left {
  display: none !important;
}

#ask-map-attrib.ask-map-compact-attrib {
  position: fixed;
  left: auto;
  right: calc(var(--ask-map-control-edge, 12px) + env(safe-area-inset-right, 0px));
  /* One row above phototag (#ask-field-object-btn) on the right. */
  bottom: var(
    --ask-map-attrib-bottom,
    calc(
      var(--ask-map-mode-rail-bottom)
      + var(--ask-map-right-rail-width, 36px)
      + var(--ask-map-right-rail-gap, 8px)
    )
  );
  z-index: 9050;
  display: none;
  align-items: center;
  flex-direction: row-reverse;
  gap: 6px;
  max-width: min(calc(100vw - 56px), 520px);
  margin: 0;
  padding: 0;
  opacity: 0.42;
  transform: scale(0.9);
  transform-origin: bottom right;
  transition: opacity 0.16s ease, transform 0.16s ease, background 0.16s ease, padding 0.16s ease;
  background: transparent;
  color: rgba(91, 100, 114, 0.72);
  border-radius: 999px;
  border: none;
  box-shadow: none;
  pointer-events: auto;
}

#ask-map-attrib.ask-map-compact-attrib:not(.ask-map-compact-attrib--open):not(:hover) .ask-map-compact-attrib__text {
  display: none !important;
}

#ask-map-attrib .ask-map-compact-attrib__toggle {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='rgba(91,100,114,0.35)'/%3E%3Ctext x='12' y='16.5' text-anchor='middle' font-family='Georgia,serif' font-size='13' font-style='italic' fill='rgba(91,100,114,0.85)'%3Ei%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: pointer;
  opacity: 0.85;
}

#ask-map-attrib .ask-map-compact-attrib__toggle:focus,
#ask-map-attrib .ask-map-compact-attrib__toggle:focus-visible,
#ask-map-attrib .ask-map-compact-attrib__toggle:hover,
#ask-map-attrib .ask-map-compact-attrib__toggle:active {
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  background-color: transparent !important;
}

#ask-map-attrib.ask-map-compact-attrib:hover,
#ask-map-attrib.ask-map-compact-attrib.ask-map-compact-attrib--open {
  opacity: 0.9;
  transform: scale(0.94);
  background: rgba(255, 255, 255, 0.72) !important;
  padding: 4px 10px 4px 4px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

#ask-map-attrib.ask-map-compact-attrib:hover .ask-map-compact-attrib__text,
#ask-map-attrib.ask-map-compact-attrib.ask-map-compact-attrib--open .ask-map-compact-attrib__text {
  display: inline !important;
}

#ask-map-attrib .ask-map-compact-attrib__text {
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#ask-map-attrib .ask-map-compact-attrib__text a {
  color: rgba(91, 100, 114, 0.85);
  text-decoration: none;
}

#ask-map-attrib .ask-map-compact-attrib__text a:hover {
  text-decoration: underline;
}

body.ask-map-chrome-collapsed:not(.ask-map-mode-3d) #ask-map-attrib {
  display: none !important;
}

body.ask-map-mode-3d.ask-map-chrome-collapsed #ask-map-attrib {
  display: inline-flex !important;
}

@media (max-width: 768px) {
  /* Fixed secondary/attrib rows: do not add 100vh−100dvh (iOS Safari already
     anchors position:fixed to the visual viewport; vh−dvh double-lifts). */
  :root {
    --ask-map-bottom-controls-inset: calc(
      var(--ask-map-control-edge)
      + env(safe-area-inset-bottom, 0px)
    );
    --ask-map-mode-rail-bottom: var(
      --ask-map-secondary-row-bottom,
      calc(
        var(--ask-map-control-edge)
        + env(safe-area-inset-bottom, 0px)
        + var(--ask-map-right-rail-width)
        + var(--ask-map-right-rail-gap)
      )
    );
    --ask-map-attrib-bottom: var(
      --ask-map-attrib-row-bottom,
      calc(
        var(--ask-map-mode-rail-bottom)
        + var(--ask-map-right-rail-width)
        + var(--ask-map-right-rail-gap)
      )
    );
  }

  #askMapModeRail,
  .ask-map-mode-rail {
    top: var(--ask-map-right-rail-tools-top) !important;
    bottom: auto !important;
  }

  #ask-map-attrib.ask-map-compact-attrib {
    bottom: var(--ask-map-attrib-bottom) !important;
  }

  /*
   * Mobile + 3D: MapLibre canvas often steals touches from Leaflet absolute
   * controls. Pin bottom stacks to the viewport above the canvas.
   */
  body.ask-app-mode-map .leaflet-bottom.leaflet-left,
  body.ask-app-mode-map .leaflet-bottom.leaflet-right {
    position: fixed !important;
    z-index: 500090 !important;
    pointer-events: none !important;
  }

  body.ask-app-mode-map .leaflet-bottom.leaflet-left {
    left: calc(var(--ask-map-control-edge) + env(safe-area-inset-left, 0px)) !important;
    bottom: var(--ask-map-bottom-controls-inset) !important;
    right: auto !important;
  }

  body.ask-app-mode-map .leaflet-bottom.leaflet-right {
    right: calc(var(--ask-map-control-edge) + env(safe-area-inset-right, 0px)) !important;
    bottom: var(--ask-map-bottom-controls-inset) !important;
    left: auto !important;
  }

  body.ask-app-mode-map .leaflet-bottom.leaflet-left .leaflet-control,
  body.ask-app-mode-map .leaflet-bottom.leaflet-right .leaflet-control,
  body.ask-app-mode-map #locate-me-btn-bottom,
  body.ask-app-mode-map #askbase-north-btn-bottom,
  body.ask-app-mode-map #ask-field-object-btn {
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  body.ask-app-mode-map #locate-me-btn-bottom,
  body.ask-app-mode-map #askbase-north-btn-bottom,
  body.ask-app-mode-map #ask-field-object-btn {
    z-index: 500091 !important;
  }
}

@media (max-width: 640px) {
  body:not(.ask-map-mode-3d):has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #ask-map-attrib.ask-map-compact-attrib {
    bottom: calc(
      var(--ask-map-bottom-sheet-collapsed-header)
      + var(--ask-map-bottom-sheet-collapsed-controls-gap)
      + var(--ask-map-right-rail-width)
      + var(--ask-map-right-rail-gap)
      + var(--ask-map-right-rail-width)
      + var(--ask-map-right-rail-gap)
      + env(safe-area-inset-bottom, 0px)
    ) !important;
  }

  body:not(.ask-map-mode-3d):has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) #ask-map-attrib.ask-map-compact-attrib {
    bottom: calc(
      var(--ask-map-bottom-sheet-collapsed-header-radar)
      + var(--ask-map-bottom-sheet-collapsed-controls-gap)
      + var(--ask-map-right-rail-width)
      + var(--ask-map-right-rail-gap)
      + var(--ask-map-right-rail-width)
      + var(--ask-map-right-rail-gap)
      + env(safe-area-inset-bottom, 0px)
    ) !important;
  }
}

body:not(.ask-map-mode-3d) .leaflet-control-attribution {
  display: none !important;
}

#maplibre-3d-map .maplibregl-ctrl-attrib {
  display: none !important;
}

body.ask-map-mode-3d #map .leaflet-pane,
body.ask-map-mode-3d #map .leaflet-tile-pane,
body.ask-map-mode-3d #map .leaflet-overlay-pane,
body.ask-map-mode-3d #map .leaflet-marker-pane,
body.ask-map-mode-3d #map .leaflet-shadow-pane,
body.ask-map-mode-3d #map .leaflet-popup-pane,
body.ask-map-mode-3d #map .leaflet-tooltip-pane,
body.ask-map-mode-3d #map .leaflet-map-pane,
body.ask-map-mode-3d #map canvas.leaflet-zoom-animated,
body.ask-map-mode-3d #map .leaflet-overlay-pane canvas {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  pointer-events: none !important;
}

body.ask-map-mode-3d #map .leaflet-control-attribution {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ask-map-mode-3d #ask-map-mode-switcher {
  z-index: 99999 !important;
}

.ask-3d-debug-marker {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #facc15;
  border: 2px solid rgba(15, 23, 42, 0.95);
  box-shadow:
    0 0 0 4px rgba(250, 204, 21, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}

.ask-3d-debug-marker::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 8px;
  height: 8px;
  transform: translateX(-50%) rotate(45deg);
  background: #facc15;
  border-right: 2px solid rgba(15, 23, 42, 0.95);
  border-bottom: 2px solid rgba(15, 23, 42, 0.95);
}

.ask-coord-popup .leaflet-popup-content-wrapper {
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.22);
}

.ask-coord-popup .leaflet-popup-content {
  margin: 8px;
}

.ask-coord-context-menu {
  min-width: 190px;
}

.ask-coord-copy-btn {
  width: 100%;
  border: 0;
  background: #ffffff;
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
  padding: 10px 12px;
  border-radius: 10px;
}

.ask-coord-copy-btn:hover {
  background: #eef4ff;
}

.ask-coord-copy-hint {
  padding: 0 12px 8px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
}

/* === 3D stable baseline: restore ASK custom controls === */

/* keep Leaflet visual/map layers hidden */
body.ask-map-mode-3d .leaflet-pane,
body.ask-map-mode-3d .leaflet-tile-pane,
body.ask-map-mode-3d .leaflet-overlay-pane,
body.ask-map-mode-3d .leaflet-marker-pane,
body.ask-map-mode-3d .leaflet-shadow-pane,
body.ask-map-mode-3d .leaflet-popup-pane,
body.ask-map-mode-3d .leaflet-tooltip-pane,
body.ask-map-mode-3d .leaflet-control-attribution {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* do NOT hide the whole Leaflet control container */
body.ask-map-mode-3d .leaflet-control-container {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1200 !important;
}

/* restore ASK custom controls inside Leaflet control areas */
body.ask-map-mode-3d .leaflet-control-container button,
body.ask-map-mode-3d .leaflet-control-container a,
body.ask-map-mode-3d .leaflet-control-container .askbase-toolbar,
body.ask-map-mode-3d .leaflet-control-container .askbase-toolbar *,
body.ask-map-mode-3d .leaflet-control-container .askbase-search-control,
body.ask-map-mode-3d .leaflet-control-container .askbase-search-control *,
body.ask-map-mode-3d .leaflet-control-container .askbase-layer-toggle,
body.ask-map-mode-3d .leaflet-control-container .askbase-layer-toggle *,
body.ask-map-mode-3d .leaflet-control-container [data-ask-control],
body.ask-map-mode-3d .leaflet-control-container [data-ask-control] * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* common ASK floating controls if they are outside Leaflet container */
body.ask-map-mode-3d #ask-map-mode-switcher,
body.ask-map-mode-3d .ask-map-mode-switcher,
body.ask-map-mode-3d .askbase-toolbar,
body.ask-map-mode-3d .askbase-toolbar *,
body.ask-map-mode-3d .askbase-search-control,
body.ask-map-mode-3d .askbase-search-control *,
body.ask-map-mode-3d .askbase-layer-toggle,
body.ask-map-mode-3d .askbase-layer-toggle *,
body.ask-map-mode-3d [data-ask-control],
body.ask-map-mode-3d [data-ask-control] * {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1500 !important;
}

/* panels above map */
body.ask-map-mode-3d .bottom-sheet,
body.ask-map-mode-3d #bottom-sheet,
body.ask-map-mode-3d .expansion-panel,
body.ask-map-mode-3d .expansion-bottom-sheet {
  z-index: 1400 !important;
  pointer-events: auto !important;
}

/* === 3D debug: never hide control containers === */
body.ask-map-mode-3d .leaflet-control-container,
body.ask-map-mode-3d .leaflet-top,
body.ask-map-mode-3d .leaflet-left,
body.ask-map-mode-3d .leaflet-right {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 5000 !important;
}

/* hide only attribution, not custom controls */
body.ask-map-mode-3d .leaflet-control-attribution {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* allow actual buttons inside controls */
body.ask-map-mode-3d .leaflet-control-container button,
body.ask-map-mode-3d .leaflet-control-container a,
body.ask-map-mode-3d .leaflet-control-container [role="button"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 6000 !important;
}
    /* ===== Map full-screen layout ===== */
    html,
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-family: system-ui, -apple-system, Roboto, sans-serif;
        background: #e6eef6;             /* наш базовый цвет */
    }

    #map,
    .leaflet-container {
        width: 100vw;
        height: 100vh;
        background: #e6eef6;             /* тот же фон для карты */
    }

    #map {
        position: fixed;
        inset: 0;                        /* вместо top/left/width/height */
    }

    /* ===== Map glass design tokens ===== */
    :root {
        /* Unified right map rail */
        --ask-map-top-chrome-top: 12px;
        --ask-map-right-rail-inset: 12px;
        --ask-map-right-rail-width: 36px;
        --ask-map-right-rail-gap: 8px;
        --ask-map-top-chrome-right: var(--ask-map-right-rail-inset);
        /* Layers (map-mode rail) one row below top chrome; Labels under Layers. */
        --ask-map-right-rail-tools-top: calc(
            var(--ask-map-top-chrome-top)
            + env(safe-area-inset-top, 0px)
            + var(--ask-map-right-rail-width)
            + var(--ask-map-right-rail-gap)
        );
        --ask-map-labels-btn-top: calc(
            var(--ask-map-right-rail-tools-top)
            + var(--ask-map-right-rail-width)
            + var(--ask-map-right-rail-gap)
        );
        /* Open flyouts (Layers + Labels/filters) share Layers button top. */
        --ask-map-flyout-top: var(--ask-map-right-rail-tools-top);
        /* Shared bottom map-control row (locate left, compass right).
           Edge inset + home-indicator. Do NOT add 100vh−100dvh here:
           on iOS Safari position:fixed already tracks the visual viewport,
           and vh−dvh double-lifts the bottom chrome (buttons float too high).
           Desktop-only lift is in the min-width:769px block below. */
        --ask-map-control-edge: var(--ask-map-right-rail-inset);
        --ask-map-bottom-controls-inset: calc(
            var(--ask-map-control-edge)
            + env(safe-area-inset-bottom, 0px)
        );
        /* Secondary row (map mode): one button above locate/compass.
           --ask-map-secondary-row-bottom is set from JS to match the live locate
           button (avoids iOS fixed + 100vh−100dvh double-lift).
           Attribution "i" sits one row above phototag via --ask-map-attrib-bottom. */
        --ask-map-mode-rail-bottom: var(
            --ask-map-secondary-row-bottom,
            calc(
                var(--ask-map-bottom-controls-inset)
                + var(--ask-map-right-rail-width)
                + var(--ask-map-right-rail-gap)
            )
        );
        --ask-map-attrib-bottom: var(
            --ask-map-attrib-row-bottom,
            calc(
                var(--ask-map-mode-rail-bottom)
                + var(--ask-map-right-rail-width)
                + var(--ask-map-right-rail-gap)
            )
        );
        --ask-map-bottom-sheet-collapsed-header: 56px;
        --ask-map-bottom-sheet-collapsed-header-radar: 52px;
        --ask-map-bottom-sheet-collapsed-controls-gap: 8px;
        /* iOS vibrancy — large sheets (folder / bottom sheet) */
        --ask-map-panel-glass-bg: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.20) 0%,
            rgba(255, 255, 255, 0.08) 100%
        );
        --ask-map-panel-glass-border: rgba(255, 255, 255, 0.36);
        --ask-map-panel-glass-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.48),
            inset 0 0 0 0.5px rgba(255, 255, 255, 0.14),
            0 10px 40px rgba(15, 23, 42, 0.06);
        --ask-map-panel-glass-blur: blur(40px) saturate(180%) brightness(1.05);
        --ask-map-panel-radius: 22px;
        --ask-map-panel-card-bg: rgba(255, 255, 255, 0.07);
        --ask-map-panel-card-border: rgba(255, 255, 255, 0.16);
        --ask-map-panel-card-shadow: inset 0 0.5px 0 rgba(255, 255, 255, 0.32);
        --ask-map-panel-card-blur: blur(24px) saturate(165%);
        /* iOS vibrancy — small surfaces (dock / popover / left panel) */
        --ask-map-surface-glass-bg: rgba(255, 255, 255, 0.14);
        --ask-map-surface-glass-border: rgba(255, 255, 255, 0.30);
        --ask-map-surface-glass-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.42),
            0 8px 28px rgba(15, 23, 42, 0.05);
        --ask-map-surface-glass-blur: blur(36px) saturate(180%) brightness(1.04);
        --ask-map-surface-radius: 16px;
        /* Legacy panel alias */
        --askbase-radar-glass-bg: var(--ask-map-panel-glass-bg);
        --askbase-radar-glass-border: var(--ask-map-panel-glass-border);
        --askbase-radar-glass-shadow: var(--ask-map-panel-glass-shadow);
        --askbase-radar-glass-blur: var(--ask-map-panel-glass-blur);
        /* Same glass as #askbase-bottom-sheet (Radar), not a denser white fill. */
        --ask-map-btn-glass-bg: var(--ask-map-surface-glass-bg);
        --ask-map-btn-glass-border: var(--ask-map-surface-glass-border);
        --ask-map-btn-glass-shadow: var(--ask-map-surface-glass-shadow);
        --ask-map-btn-glass-bg-hover: rgba(255, 255, 255, 0.22);
        --ask-map-btn-glass-bg-active: rgba(255, 255, 255, 0.28);
        --ask-map-btn-glass-blur: var(--ask-map-surface-glass-blur);
        --ask-map-btn-glass-blur-hover: var(--ask-map-surface-glass-blur);
        --ask-map-btn-icon-opacity: 0.92;
        --ask-map-btn-icon-opacity-hover: 0.98;
        --ask-map-btn-radius: 12px;
        /* Map chrome — surfaces (not buttons) */
        --ask-map-chrome-glass-bg: var(--ask-map-surface-glass-bg);
        --ask-map-chrome-glass-border: var(--ask-map-surface-glass-border);
        --ask-map-chrome-glass-shadow: var(--ask-map-surface-glass-shadow);
        --ask-map-chrome-glass-blur: var(--ask-map-surface-glass-blur);
        --ask-map-chrome-text: rgba(15, 23, 42, 0.80);
        --ask-map-chrome-text-strong: rgba(15, 23, 42, 0.94);
        --ask-map-chrome-hover-border: rgba(255, 255, 255, 0.42);
        --ask-map-chrome-active-bg: var(--ask-map-btn-glass-bg-active);
        /* Chip / pill surfaces inside panels */
        --ask-map-chrome-chip-bg: rgba(255, 255, 255, 0.10);
        --ask-map-chrome-chip-border: transparent;
        --ask-map-chrome-chip-hover-bg: rgba(255, 255, 255, 0.16);
        --ask-map-chrome-chip-active-bg: rgba(255, 255, 255, 0.24);
        --ask-map-chrome-chip-active-border: transparent;
        /* Unified premium warm-active (dropdown selection language) */
        --ask-warm-active-bg: rgba(217, 184, 95, 0.11);
        --ask-warm-active-bg-strong: rgba(248, 242, 218, 0.72);
        --ask-warm-active-border: rgba(217, 184, 95, 0.30);
        --ask-warm-active-inset: inset 0 1px 0 rgba(255, 252, 240, 0.55),
          inset 0 0 0 1px rgba(217, 184, 95, 0.08);
        --ask-warm-active-text: rgba(120, 83, 20, 0.92);
        --ask-warm-active-icon: rgba(184, 134, 11, 0.94);
        --ask-warm-active-shadow: 0 4px 12px rgba(146, 110, 30, 0.08);
        /* Map chrome — ticker ink and the mode dropdown surface. These are the
           slots the satellite theme re-declares, so the light values live here
           rather than inline in the component rules. */
        --ask-map-chrome-text-muted: rgba(51, 65, 85, 0.95);
        --ask-map-chrome-sep: rgba(15, 23, 42, 0.32);
        --ask-map-chrome-menu-bg: rgba(255, 255, 255, 0.96);
        --ask-map-chrome-menu-border: rgba(15, 23, 42, 0.08);
        --ask-map-chrome-menu-shadow:
            0 1px 2px rgba(15, 23, 42, 0.04),
            0 12px 28px rgba(15, 23, 42, 0.14);
        --ask-map-chrome-menu-blur: blur(14px) saturate(1.15);
        --ask-map-chrome-menu-text: rgba(71, 85, 105, 0.9);
        --ask-map-chrome-menu-hover-bg: rgba(241, 245, 249, 0.95);
        --ask-map-chrome-menu-hover-text: rgba(15, 23, 42, 0.9);
        --ask-map-chrome-dd-bg: rgba(255, 255, 255, 0.52);
        --ask-map-chrome-dd-hover: rgba(255, 255, 255, 0.68);
        --ask-map-chrome-divider: rgba(15, 23, 42, 0.06);
        /* Airy scrollbars — match cabinet listings panel */
        --ask-map-scrollbar-size: 8px;
        --ask-map-scrollbar-thumb: rgba(148, 163, 184, 0.18);
        --ask-map-scrollbar-thumb-hover: rgba(148, 163, 184, 0.28);
    }

    /* Satellite basemap is dark imagery, so map chrome re-declares its tokens
       instead of being overridden rule by rule. Values come from the palette
       the earth-mode rules already used. Panels, buttons and the ticker read
       these slots, so the whole chrome follows from this one block. */
    body.ask-map-mode-earth {
        --ask-map-surface-glass-bg: rgba(20, 24, 34, 0.46);
        --ask-map-surface-glass-border: rgba(255, 255, 255, 0.26);
        --ask-map-surface-glass-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 8px 22px rgba(0, 0, 0, 0.22);
        /* Blur over satellite imagery muddies the picture; earth ran flat. */
        --ask-map-surface-glass-blur: none;

        --ask-map-panel-glass-bg: rgba(20, 24, 34, 0.56);
        --ask-map-panel-glass-border: rgba(255, 255, 255, 0.22);
        --ask-map-panel-glass-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 12px 28px rgba(0, 0, 0, 0.28);
        --ask-map-panel-glass-blur: none;
        --ask-map-panel-card-bg: rgba(255, 255, 255, 0.06);
        --ask-map-panel-card-border: rgba(255, 255, 255, 0.14);
        --ask-map-panel-card-shadow: inset 0 0.5px 0 rgba(255, 255, 255, 0.18);
        --ask-map-panel-card-blur: none;

        --ask-map-btn-glass-bg: var(--ask-map-surface-glass-bg);
        --ask-map-btn-glass-border: var(--ask-map-surface-glass-border);
        --ask-map-btn-glass-shadow: var(--ask-map-surface-glass-shadow);
        --ask-map-btn-glass-bg-hover: rgba(20, 24, 34, 0.58);
        --ask-map-btn-glass-bg-active: rgba(20, 24, 34, 0.68);
        --ask-map-btn-glass-blur: var(--ask-map-surface-glass-blur);
        --ask-map-btn-glass-blur-hover: var(--ask-map-surface-glass-blur);

        --ask-map-chrome-text: rgba(248, 250, 252, 0.94);
        --ask-map-chrome-text-strong: rgba(255, 255, 255, 0.98);
        --ask-map-chrome-text-muted: rgba(226, 232, 240, 0.68);
        --ask-map-chrome-sep: rgba(226, 232, 240, 0.34);
        --ask-map-chrome-hover-border: rgba(255, 255, 255, 0.34);
        --ask-map-chrome-divider: rgba(255, 255, 255, 0.12);

        --ask-map-chrome-chip-bg: rgba(255, 255, 255, 0.10);
        --ask-map-chrome-chip-hover-bg: rgba(255, 255, 255, 0.16);
        --ask-map-chrome-chip-active-bg: rgba(255, 255, 255, 0.24);

        --ask-map-chrome-menu-bg: rgba(20, 24, 34, 0.72);
        --ask-map-chrome-menu-border: rgba(255, 255, 255, 0.22);
        --ask-map-chrome-menu-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 12px 28px rgba(0, 0, 0, 0.28);
        --ask-map-chrome-menu-blur: none;
        --ask-map-chrome-menu-text: rgba(248, 250, 252, 0.88);
        --ask-map-chrome-menu-hover-bg: rgba(255, 255, 255, 0.12);
        --ask-map-chrome-menu-hover-text: rgba(255, 255, 255, 0.98);

        --ask-map-chrome-dd-bg: rgba(20, 24, 34, 0.62);
        --ask-map-chrome-dd-hover: rgba(20, 24, 34, 0.74);

        --ask-map-scrollbar-thumb: rgba(226, 232, 240, 0.24);
        --ask-map-scrollbar-thumb-hover: rgba(226, 232, 240, 0.36);
    }

    /* ==================== ПАНЕЛЬ ==================== */

    .askbase-panel {
        position:absolute;
        left:12px;
        top:12px;

        width:190px;
        min-width:190px;
        max-width:190px;

        max-height: calc(100vh - 32px);

        backdrop-filter: blur(22px);
        background: rgba(15, 23, 42, 0.22);

        border-radius:16px;
        border: none;

        padding:8px 8px 10px 8px;
        z-index:1000;
        color:#f9fafb;

        box-shadow: 0 24px 65px rgba(0,0,0,0.55);
        transition:transform .2s ease, opacity .2s ease;
    }

    /* компактная типографика внутри левой панели — Radar title scale (13/600) */
    .askbase-panel * {
        font-size: 13px;
        line-height: 1.2;
    }

/* === ЛЕВАЯ ПАНЕЛЬ: компактные фильтры OSM Retail и Urban Grid === */

/* === ЛЕВАЯ ПАНЕЛЬ: компактные фильтры OSM Retail и Urban Grid === */

/* общий уменьшенный шрифт и вертикальные зазоры в блоках фильтров */
.askbase-panel #osmRetailFilters,
.askbase-panel #wsGridFilters {
    font-size: 11px;
}

/* строки внутри фильтров (containter div) – уменьшаем gap */
.askbase-panel #osmRetailFilters > div,
.askbase-panel #wsGridFilters > div {
    gap: 4px !important;
}

/* кнопки / пилюли внутри фильтров:
   высота как у остальных кнопок панели */
.askbase-panel #osmRetailFilters .askbase-pill,
.askbase-panel #wsGridFilters .askbase-pill {
    min-height: 26px;        /* как .askbase-panel .askbase-pill */
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
}

/* pills: interactive feel (transition + hover/active base) */
.askbase-pill {
    transition: all 0.15s ease;
}
.askbase-pill:hover {
    background: rgba(255,255,255,0.18);
}
.askbase-pill--active {
    background: rgba(70,170,255,0.45);
}

/* OSM Retail: основные кнопки-фильтры делаем чуть уже по ширине */
#osmRetailSegmentBtn,
#osmRetailCategoryBtn,
#osmRetailBrandBtn {
    flex: 0 0 80%;           /* вместо «во всю строку» */
}

/* спрятать отдельные крестики очистки у фильтров OSM retail */
#osmRetailSegmentClear,
#osmRetailCategoryClear,
#osmRetailBrandClear {
    display: none !important;
}

/* более узкие дропдауны для OSM Retail */
#osmRetailSegmentDropdown,
#osmRetailCategoryDropdown,
#osmRetailBrandDropdown {
    left: 4px !important;
    right: 4px !important;

    margin-top: 4px;
    max-height: 220px;

    padding: 6px 8px 8px;
    border-radius: 10px;
}

/* строки внутри этих "таблиц" */
#osmRetailSegmentDropdown .askbase-pill,
#osmRetailCategoryDropdown .askbase-pill,
#osmRetailBrandDropdown .askbase-pill {
    font-size: 10.5px;
    min-height: 20px;
    padding: 2px 6px;
    border-radius: 8px;
}

/* Urban Grid: селект доминирующего класса и число Conf компактнее */
#wsDominantClass {
    height: 24px;
    padding: 2px 6px;
    font-size: 10.5px;
}

#wsMinConfVal {
    width: 26px;
    font-size: 10.5px;
}

/* =========================
   Urban V2 shell (Phase A)
   ========================= */

#urban-panel-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.urban-v2-shell {
    padding: 10px 16px 16px;
}

.urban-v2-shell__title {
    font-size: 14px;
    font-weight: 600;
}

.urban-v2-shell__subtitle {
    font-size: 12px;
    opacity: 0.85;
}

.urban-v2-shell__muted {
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 10px;
}

/* Urban header: match Clusters/Radar "top toolbar row" density */
#urban-panel-view .askbase-bottom-sheet__header {
  margin-bottom: 6px;
  padding: 0;
  min-height: 0;
}
#urban-panel-view .askbase-bottom-sheet__header > .urban-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
  width: 100%;
}
#urban-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title {
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(226, 232, 240, 0.95);
  opacity: 1;
}

/* Expansion (Stage A2): structured premium skeleton */
#expansion-panel-view .askbase-bottom-sheet__header {
  margin-bottom: 6px;
  padding: 0;
  min-height: 0;
  flex: 0 0 auto;
}
#expansion-panel-view {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  --exp-type-title-size: 13px;
  --exp-type-title-weight: 500;
  --exp-type-primary-size: 13px;
  --exp-type-primary-weight: 600;
  --exp-type-body-size: 12px;
  --exp-type-body-weight: 550;
  --exp-type-label-size: 10px;
  --exp-type-label-weight: 550;
  --exp-type-meta-size: 12px;
  --exp-type-meta-weight: 500;
  --exp-ink-title: var(--ask-map-chrome-text);
  --exp-ink-strong: #0f172a;
  --exp-ink-body: var(--ask-map-chrome-text-strong);
  --exp-ink-muted: rgba(15, 23, 42, 0.72);
  --exp-ink-meta: #475569;
  --exp-icon-header: 16px;
  --exp-icon-field: 14px;
  --exp-icon-stroke: 1.75;
  --exp-icon-ink: rgba(15, 23, 42, 0.72);
  --exp-icon-ink-header: rgba(15, 23, 42, 0.84);
  --exp-chip-radius: 10px;
  --exp-chip-height: 28px;
  --exp-tile-bg: rgba(15, 23, 42, 0.035);
  --exp-tile-inset: inset 0 0 0 0.5px rgba(15, 23, 42, 0.08);
}
#expansion-panel-view .expansion-header {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
#expansion-panel-view .expansion-header-top {
  position: relative;
  box-sizing: border-box;
  display: grid;
  /* col4 = clear +, ∨, × (absolute on sheet) — padding-right alone fails under content-box */
  grid-template-columns: auto minmax(0, 1fr) 132px 112px;
  align-items: center;
  column-gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
  width: 100%;
  min-height: var(--expansion-control-height, 28px);
  height: var(--expansion-control-height, 28px);
  padding-right: 0;
  overflow: hidden;
}

#expansion-panel-view .expansion-header-top > .expansion-title,
#expansion-panel-view .expansion-header-top > .askbase-bottom-sheet__title {
  display: inline-flex;
  grid-column: 1;
  align-items: center;
  align-self: center;
  height: var(--expansion-control-height, 28px);
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* Fav/hot live in Filters header before area-search — one flex baseline */
#expansion-panel-view .expansion-header-viz-btn.expansion-listings-panel-toggle {
  width: var(--expansion-control-height, 28px);
  min-width: var(--expansion-control-height, 28px);
  height: var(--expansion-control-height, 28px);
  min-height: var(--expansion-control-height, 28px);
  padding: 0;
  gap: 0;
  align-items: center;
  justify-content: center;
  align-self: center;
  line-height: 0;
}

#expansion-panel-view .expansion-header-viz-btn__icon,
#expansion-panel-view .expansion-header-viz-btn .expansion-listings-panel-toggle__icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--exp-icon-header);
  height: var(--exp-icon-header);
  margin: 0;
  padding: 0;
  line-height: 0;
}

#expansion-panel-view .expansion-header-viz-btn__icon svg,
#expansion-panel-view .expansion-header-viz-btn .expansion-listings-panel-toggle__icon svg {
  width: var(--exp-icon-header);
  height: var(--exp-icon-header);
  display: block;
  overflow: visible;
  margin: 0;
  flex-shrink: 0;
}

/* Expansion favorites: same ✦ geometry, outline only — stroke matches SVG toolbar icons */
#expansion-panel-view #helsinkiMapFavoritesBtn .cabinet-fav-icon,
#expansion-panel-view .expansion-favorite-search-btn .cabinet-fav-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-0.5px);
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px rgba(15, 23, 42, 0.84);
  paint-order: stroke fill;
}
#expansion-panel-view #helsinkiMapFavoritesBtn.is-active .cabinet-fav-icon,
#expansion-panel-view #helsinkiMapFavoritesBtn.askbase-pill--active .cabinet-fav-icon,
#expansion-panel-view #helsinkiMapFavoritesBtn[aria-pressed="true"] .cabinet-fav-icon,
#expansion-panel-view .expansion-favorite-search-btn.is-active .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px #c2410c;
}

/* Optical vertical nudge: flame sits high in glyph box */
#expansion-panel-view #helsinkiMapHotBtn .expansion-header-viz-btn__icon svg,
#expansion-panel-view #helsinkiMapHotBtn .expansion-listings-panel-toggle__icon svg {
  transform: translateY(1px);
}

#expansion-panel-view #helsinkiMapHotBtn .expansion-header-viz-btn__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn .expansion-listings-panel-toggle__icon svg path {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  stroke-width: 1.75 !important;
  opacity: 1 !important;
  filter: none !important;
}

#expansion-panel-view #helsinkiMapHotBtn.is-active .expansion-header-viz-btn__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn.askbase-pill--active .expansion-header-viz-btn__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn[aria-pressed="true"] .expansion-header-viz-btn__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn.is-active .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn.askbase-pill--active .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view #helsinkiMapHotBtn[aria-pressed="true"] .expansion-listings-panel-toggle__icon svg path {
  stroke: #c2410c !important;
  stroke-opacity: 1 !important;
}

#expansion-panel-view .expansion-header-toolbar {
  display: flex;
  grid-column: 2;
  min-width: 0;
  align-items: center;
  align-self: center;
  height: var(--expansion-control-height, 28px);
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* Own grid column left of +, ∨, × — never clipped, never under icons. */
#expansion-panel-view .expansion-header-loading,
#expansion-panel-view .expansion-header-loading[hidden] {
  display: flex !important;
  grid-column: 3;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  transform: none;
  z-index: auto;
  flex: none;
  align-items: center;
  align-self: center;
  width: 132px;
  min-width: 132px;
  max-width: 132px;
  margin: 0;
  height: 14px;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansionHeaderLoading,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansionHeaderLoading[hidden] {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  margin: 0 !important;
  grid-column: 3 !important;
}
#expansion-panel-view .expansion-header-loading.is-active {
  visibility: visible;
  pointer-events: none;
}
#expansion-panel-view .expansion-header-loading__bar {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.06);
}
#expansion-panel-view .expansion-header-loading__bar-run {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 0) 0%,
    rgba(37, 99, 235, 0.55) 45%,
    rgba(15, 23, 42, 0.35) 100%
  );
  animation: ask-cabinet-progress-run 1.15s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  #expansion-panel-view .expansion-header-loading__bar-run {
    animation: none !important;
    width: 100%;
    transform: none;
    opacity: 0.45;
  }
}

#expansion-panel-view .expansion-header-toolbar__main {
  flex: 0 0 auto;
}

#expansion-panel-view .expansion-clusters-panel-toggle,
#expansion-panel-view .expansion-listings-panel-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: var(--expansion-control-height, 28px);
  min-height: var(--expansion-control-height, 28px);
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  font-size: 12px;
  font-weight: 600;
  line-height: 0;
  cursor: pointer;
  flex: 0 0 auto;
  white-space: nowrap;
  box-shadow: none;
  outline: none;
  opacity: 1;
  transition: color 0.16s ease;
}

#expansion-panel-view .expansion-clusters-panel-toggle__icon,
#expansion-panel-view .expansion-listings-panel-toggle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: inherit;
  opacity: 1;
}

#expansion-panel-view .expansion-clusters-panel-toggle__icon svg,
#expansion-panel-view .expansion-listings-panel-toggle__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* Match header-actions (+ / collapse / close): thin stroke, 16px chrome */
#expansion-panel-view .expansion-clusters-panel-toggle__icon svg path,
#expansion-panel-view .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view .expansion-clusters-panel-toggle__icon svg circle,
#expansion-panel-view .expansion-listings-panel-toggle__icon svg circle,
#expansion-panel-view .expansion-clusters-panel-toggle__chevron svg path,
#expansion-panel-view .expansion-listings-panel-toggle__chevron svg path {
  stroke-width: 1.75;
}

#expansion-panel-view .expansion-clusters-panel-toggle__chevron,
#expansion-panel-view .expansion-listings-panel-toggle__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: inherit;
  opacity: 1;
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  transform: rotate(-90deg);
}

#expansion-panel-view .expansion-clusters-panel-toggle__chevron svg,
#expansion-panel-view .expansion-listings-panel-toggle__chevron svg {
  width: 16px;
  height: 16px;
  display: block;
}

#expansion-panel-view .expansion-clusters-panel-toggle:hover,
#expansion-panel-view .expansion-listings-panel-toggle:hover {
  background: transparent;
  color: rgba(15, 23, 42, 0.94);
}

#expansion-panel-view .expansion-clusters-panel-toggle.is-open,
#expansion-panel-view .expansion-listings-panel-toggle.is-open {
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
}

#expansion-panel-view .expansion-clusters-panel-toggle.is-open:hover,
#expansion-panel-view .expansion-listings-panel-toggle.is-open:hover {
  color: rgba(15, 23, 42, 0.94);
}

#expansion-panel-view .expansion-my-listings-btn.is-active,
#expansion-panel-view .expansion-my-listings-btn[aria-pressed="true"],
#expansion-panel-view .expansion-my-listings-btn.askbase-pill--active {
  color: #c2410c;
}
#expansion-panel-view .expansion-my-listings-btn .expansion-header-viz-btn__icon svg path,
#expansion-panel-view .expansion-my-listings-btn .expansion-header-viz-btn__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view .expansion-my-listings-btn .expansion-listings-panel-toggle__icon svg circle {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  stroke-width: 1.75 !important;
  opacity: 1 !important;
  filter: none !important;
}
#expansion-panel-view .expansion-my-listings-btn.is-active .expansion-header-viz-btn__icon svg path,
#expansion-panel-view .expansion-my-listings-btn.is-active .expansion-header-viz-btn__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn[aria-pressed="true"] .expansion-header-viz-btn__icon svg path,
#expansion-panel-view .expansion-my-listings-btn[aria-pressed="true"] .expansion-header-viz-btn__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn.askbase-pill--active .expansion-header-viz-btn__icon svg path,
#expansion-panel-view .expansion-my-listings-btn.askbase-pill--active .expansion-header-viz-btn__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn.is-active .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view .expansion-my-listings-btn.is-active .expansion-listings-panel-toggle__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn[aria-pressed="true"] .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view .expansion-my-listings-btn[aria-pressed="true"] .expansion-listings-panel-toggle__icon svg circle,
#expansion-panel-view .expansion-my-listings-btn.askbase-pill--active .expansion-listings-panel-toggle__icon svg path,
#expansion-panel-view .expansion-my-listings-btn.askbase-pill--active .expansion-listings-panel-toggle__icon svg circle {
  stroke: #c2410c !important;
  stroke-opacity: 1 !important;
}

#expansion-panel-view .expansion-clusters-panel-toggle:focus,
#expansion-panel-view .expansion-clusters-panel-toggle:focus-visible,
#expansion-panel-view .expansion-listings-panel-toggle:focus,
#expansion-panel-view .expansion-listings-panel-toggle:focus-visible {
  outline: none;
  box-shadow: none;
}

#expansion-panel-view .expansion-clusters-panel-toggle.is-open .expansion-clusters-panel-toggle__chevron,
#expansion-panel-view .expansion-listings-panel-toggle.is-open .expansion-listings-panel-toggle__chevron {
  transform: rotate(90deg);
}

#expansion-panel-view .expansion-clusters-mini-panel,
#expansion-panel-view .expansion-listings-mini-panel {
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(1100px, 72vw);
  overflow: hidden;
  opacity: 1;
  margin-left: 4px;
  transition: max-width 0.28s ease, opacity 0.2s ease, margin-left 0.28s ease;
}

#expansion-panel-view .expansion-clusters-mini-panel.is-collapsed,
#expansion-panel-view .expansion-listings-mini-panel.is-collapsed {
  max-width: 0;
  opacity: 0;
  margin-left: 0;
  pointer-events: none;
}

#expansion-panel-view .expansion-clusters-mini-panel__inner,
#expansion-panel-view .expansion-listings-mini-panel__inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: max-content;
  min-width: max-content;
  padding: 0 0 0 8px !important;
  margin-left: 4px;
  border-left: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#expansionListingActionsBtn.expansion-header-action-btn,
.expansion-panel-collapse-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  flex: 0 0 auto;
  outline: none;
  transition: color 0.16s ease;
}
#expansionListingActionsBtn.expansion-header-action-btn {
  font-size: 0;
  font-weight: 400;
  line-height: 1;
}
#expansionListingActionsBtn.expansion-header-action-btn:hover,
.expansion-panel-collapse-btn:hover {
  background: transparent;
  border-color: transparent;
  color: rgba(15, 23, 42, 0.94);
  box-shadow: none;
}
.expansion-panel-collapse-btn__icon,
#expansionListingActionsBtn .expansion-header-action-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: inherit;
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.expansion-panel-collapse-btn__icon svg,
#expansionListingActionsBtn .expansion-header-action-btn__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
.expansion-panel-collapse-btn__icon svg path,
#expansionListingActionsBtn .expansion-header-action-btn__icon svg path {
  stroke-width: 2;
}
.expansion-panel-collapse-btn--collapsed .expansion-panel-collapse-btn__icon {
  transform: rotate(180deg);
}
.expansion-listing-actions-menu {
  position: fixed;
  z-index: 10040;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.35);
  min-width: 168px;
}
.expansion-listing-actions-menu.is-hidden {
  display: none;
}
.expansion-listing-actions-menu button {
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(241, 245, 249, 0.95);
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 0 10px;
  cursor: pointer;
}
.expansion-listing-actions-menu button:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(148, 163, 184, 0.45);
}
#expansion-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title {
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(15, 23, 42, 0.84);
  opacity: 1;
}
#expansion-panel-view .askbase-bottom-sheet__body {
  padding-top: 2px;
  flex: 1 1 auto;
  height: auto;
  max-height: none;
  min-height: 0;
  overflow: hidden !important;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
}

#askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="expansion"] {
  display: flex !important;
  flex-direction: column;
  height: 42vh !important;
  max-height: calc(100dvh - 48px) !important;
  min-height: 300px !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

#askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="expansion"] #expansion-panel-view {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: auto !important;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
}

#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="expansion"] {
  min-height: 0 !important;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__content,
#expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__content,
#expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__content,
#expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__content,
#expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  border-radius: var(--ask-map-surface-radius) !important;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__header,
#expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__header,
#expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__header,
#expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__header,
#expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__header {
  padding: 8px 10px 7px;
  border-bottom: none;
  background: transparent;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__title,
#expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__title,
#expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__title,
#expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__title,
#expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__title {
  font-size: var(--exp-type-title-size);
  font-weight: var(--exp-type-title-weight);
  color: var(--exp-ink-title);
  letter-spacing: normal;
}
#expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
#expansion-panel-view .expansion-market-select-tools {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-right: 2px;
}
#expansion-panel-view .expansion-market-select-tools[hidden] {
  display: none !important;
}
#expansion-panel-view .expansion-market-select-action {
  height: 28px;
  padding: 0 8px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: rgba(15, 23, 42, 0.72);
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
  cursor: pointer;
}
#expansion-panel-view .expansion-market-select-action--icon {
  width: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15, 23, 42, 0.84);
}
#expansion-panel-view .expansion-market-select-action--icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
#expansion-panel-view .expansion-market-select-action--icon svg,
#expansion-panel-view .expansion-market-select-action--icon svg path,
#expansion-panel-view .expansion-market-select-action--icon svg rect {
  stroke: #0f172a;
  stroke-opacity: 0.84;
  fill: none;
}
#expansion-panel-view .expansion-market-select-action--icon svg circle {
  fill: currentColor;
  stroke: none;
}
/* PDF: classic red document icon (no side label) */
#expansion-panel-view .expansion-market-select-action--pdf {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 0 !important;
  gap: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  overflow: hidden !important;
  flex: 0 0 16px !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__page {
  fill: #ffffff !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  stroke-width: 1.55 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__fold {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  stroke-width: 1.55 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__lines {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.42 !important;
  stroke-width: 1.15 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__badge {
  fill: #0f172a !important;
  stroke: none !important;
  fill-opacity: 0.84 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__text {
  fill: #ffffff !important;
  stroke: none !important;
  color: #ffffff !important;
  font-size: 4.8px !important;
  font-weight: 800 !important;
}
/* Keep PDF icon stable on hover (no partial darkening from shared toolbar hover). */
#expansion-panel-view .expansion-market-select-action--pdf:hover,
#expansion-panel-view .expansion-market-select-action--pdf:hover * {
  color: rgba(15, 23, 42, 0.84) !important;
}
#expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__page,
#expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__fold {
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__lines {
  stroke: #0f172a !important;
  stroke-opacity: 0.42 !important;
}
#expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__badge {
  fill: #0f172a !important;
  fill-opacity: 0.84 !important;
  stroke: none !important;
}
#expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__text {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: none !important;
}
#expansion-panel-view .expansion-market-select-action--pdf[hidden] {
  display: none !important;
}
#expansion-panel-view .expansion-market-select-action--pdf.is-busy {
  opacity: 0.72;
}
#expansion-panel-view .expansion-market-select-action--pdf.is-disabled {
  opacity: 0.38;
  cursor: default;
}
#expansion-panel-view .expansion-market-select-action:hover {
  color: rgba(15, 23, 42, 0.94);
}
#expansion-panel-view .expansion-market-select-action--icon:hover svg,
#expansion-panel-view .expansion-market-select-action--icon:hover svg path,
#expansion-panel-view .expansion-market-select-action--icon:hover svg rect {
  stroke-opacity: 0.94;
}
#expansion-panel-view .expansion-market-select-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(15, 23, 42, 0.84);
  cursor: pointer;
  line-height: 0;
}
#expansion-panel-view .expansion-market-select-btn .expansion-header-viz-btn__icon,
#expansion-panel-view .expansion-market-select-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}
#expansion-panel-view .expansion-market-select-btn svg,
#expansion-panel-view .expansion-market-select-btn svg rect,
#expansion-panel-view .expansion-market-select-btn svg path {
  stroke: #0f172a;
  stroke-opacity: 0.84;
  fill: none;
}
#expansion-panel-view .expansion-market-select-btn:hover {
  color: rgba(15, 23, 42, 1);
}
#expansion-panel-view .expansion-market-select-btn.is-active,
#expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] {
  color: #d9b85f;
}
#expansion-panel-view .expansion-market-select-action--icon.is-active,
#expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] {
  color: #d9b85f;
}
#expansion-panel-view .expansion-market-select-action--icon.is-active svg,
#expansion-panel-view .expansion-market-select-action--icon.is-active svg path,
#expansion-panel-view .expansion-market-select-action--icon.is-active svg rect,
#expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg,
#expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg path,
#expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg rect {
  stroke: #d9b85f;
  stroke-opacity: 1;
}
#expansion-panel-view .expansion-market-select-action--icon.is-active svg circle,
#expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg circle {
  fill: #d9b85f;
}
#expansion-panel-view .expansion-market-save-selection-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(15, 23, 42, 0.84);
  cursor: pointer;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#expansion-panel-view .expansion-market-select-tools .expansion-market-save-selection-btn {
  /* Match other select-tool icon buttons in the selection strip */
  color: rgba(15, 23, 42, 0.84);
}
#expansion-panel-view .expansion-market-save-selection-btn .expansion-header-viz-btn__icon,
#expansion-panel-view .expansion-market-save-selection-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}
#expansion-panel-view .expansion-market-save-selection-btn svg,
#expansion-panel-view .expansion-market-save-selection-btn svg path {
  stroke: currentColor;
  stroke-opacity: 0.84;
  fill: none;
}
#expansion-panel-view .expansion-market-save-selection-btn:hover:not(:disabled) {
  color: rgba(15, 23, 42, 1);
}
#expansion-panel-view .expansion-market-save-selection-btn:hover:not(:disabled) svg,
#expansion-panel-view .expansion-market-save-selection-btn:hover:not(:disabled) svg path {
  stroke-opacity: 1;
}
#expansion-panel-view .expansion-market-save-selection-btn.is-ready {
  color: #92400e;
}
#expansion-panel-view .expansion-market-save-selection-btn.is-ready svg,
#expansion-panel-view .expansion-market-save-selection-btn.is-ready svg path {
  stroke: #92400e;
  stroke-opacity: 1;
}
#expansion-panel-view .expansion-market-save-selection-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Expansion Selections panel — same glass/type as Expansion docks */
.expansion-selections-backdrop {
  position: fixed;
  inset: 0;
  z-index: 500329;
  display: none;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
}
.expansion-selections-backdrop.is-open {
  display: block;
}
.expansion-selections-modal {
  position: fixed;
  inset: 0;
  z-index: 500330;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  pointer-events: none;
}
.expansion-selections-modal.is-open {
  display: flex;
  pointer-events: auto;
}
.expansion-selections-modal__panel {
  --exp-type-title-size: 13px;
  --exp-type-title-weight: 500;
  --exp-type-primary-size: 13px;
  --exp-type-primary-weight: 600;
  --exp-type-body-size: 12px;
  --exp-type-body-weight: 550;
  --exp-type-label-size: 10px;
  --exp-type-label-weight: 550;
  --exp-type-meta-size: 12px;
  --exp-type-meta-weight: 500;
  --exp-ink-title: rgba(15, 23, 42, 0.80);
  --exp-ink-strong: #0f172a;
  --exp-ink-body: rgba(15, 23, 42, 0.94);
  --exp-ink-muted: rgba(15, 23, 42, 0.62);
  --exp-ink-meta: #475569;
  --exp-icon-header: 16px;
  --exp-icon-field: 14px;
  --exp-icon-stroke: 1.75;
  --exp-icon-ink: rgba(15, 23, 42, 0.72);
  --exp-icon-ink-header: rgba(15, 23, 42, 0.84);
  --exp-chip-radius: 10px;
  --exp-chip-height: 28px;
  --exp-tile-bg: #ffffff;
  --exp-tile-inset: inset 0 0 0 1px rgba(148, 163, 184, 0.22);
  width: min(560px, 96vw);
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--ask-map-panel-radius, 22px);
  background: rgba(255, 255, 255, 0.96);
  border: 0.5px solid rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 12px 36px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  color: var(--exp-ink-body);
  font-family: system-ui, -apple-system, Roboto, sans-serif;
}
.expansion-selections-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px 7px;
  flex: 0 0 auto;
}
.expansion-selections-modal__header-start {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.expansion-selections-modal__badge {
  width: 28px;
  height: 28px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--exp-icon-ink-header);
  background: transparent;
  flex: 0 0 auto;
}
.expansion-selections-modal__badge svg {
  width: var(--exp-icon-header);
  height: var(--exp-icon-header);
  display: block;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
}
.expansion-selections-modal__title {
  margin: 0;
  font-size: var(--exp-type-title-size);
  font-weight: var(--exp-type-title-weight);
  color: var(--exp-ink-title);
  line-height: 1.2;
  letter-spacing: normal;
}
.expansion-selections-modal__sub {
  margin: 2px 0 0;
  font-size: var(--exp-type-meta-size);
  font-weight: var(--exp-type-meta-weight);
  color: var(--exp-ink-muted);
  line-height: 1.35;
}
.expansion-selections-modal__close {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--exp-icon-ink-header);
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.expansion-selections-modal__close svg {
  width: var(--exp-icon-header);
  height: var(--exp-icon-header);
  display: block;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
}
.expansion-selections-modal__close:hover {
  background: transparent;
  color: var(--exp-ink-strong);
}
.expansion-selections-modal__body {
  min-height: 0;
  overflow: auto;
  padding: 0 10px 12px;
}
.expansion-selections-save {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px;
  margin-bottom: 10px;
  border-radius: var(--exp-chip-radius);
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  border: none;
}
.expansion-selections-save[hidden] {
  display: none !important;
}
.expansion-selections-save__input {
  flex: 1 1 180px;
  min-width: 0;
  height: var(--exp-chip-height);
  padding: 0 9px;
  border: none;
  border-radius: var(--exp-chip-radius);
  background: rgba(248, 251, 249, 0.72);
  color: var(--exp-ink-body);
  font-size: var(--exp-type-body-size);
  font-weight: var(--exp-type-body-weight);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.expansion-selections-save__input:focus,
.expansion-selections-save__input:focus-visible {
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.expansion-selections-save__btn {
  height: var(--exp-chip-height);
  min-height: var(--exp-chip-height);
  padding: 0 10px;
  border: none;
  border-radius: var(--exp-chip-radius);
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72));
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
  box-shadow: var(--ask-warm-active-inset);
  font-size: var(--exp-type-body-size);
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.expansion-selections-save__btn svg {
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  display: block;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
}
.expansion-selections-save__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.expansion-selections-save__hint {
  flex: 1 1 100%;
  margin: 0;
  font-size: var(--exp-type-label-size);
  font-weight: var(--exp-type-label-weight);
  color: var(--exp-ink-muted);
}
.expansion-selections-status {
  min-height: 16px;
  margin: 0 0 8px;
  font-size: var(--exp-type-meta-size);
  font-weight: var(--exp-type-meta-weight);
  color: var(--exp-ink-muted);
}
.expansion-selections-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  margin-bottom: 6px;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  border: none;
  border-radius: var(--exp-chip-radius);
}
.expansion-selections-row__main {
  min-width: 0;
  flex: 1 1 auto;
}
.expansion-selections-row__name {
  font-weight: var(--exp-type-primary-weight);
  color: var(--exp-ink-strong);
  font-size: var(--exp-type-primary-size);
  line-height: 1.25;
}
.expansion-selections-row__meta {
  font-size: var(--exp-type-meta-size);
  font-weight: var(--exp-type-meta-weight);
  color: var(--exp-ink-muted);
  margin-top: 2px;
}
.expansion-selections-row__actions {
  display: flex;
  gap: 4px;
  flex: 0 0 auto;
}
.expansion-selections-chip {
  height: var(--exp-chip-height);
  min-height: var(--exp-chip-height);
  padding: 0 8px;
  border: none;
  border-radius: var(--exp-chip-radius);
  background: transparent;
  color: var(--exp-ink-muted);
  font-size: var(--exp-type-body-size);
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.expansion-selections-chip svg {
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  display: block;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
  flex: 0 0 auto;
}
.expansion-selections-chip:hover {
  color: var(--exp-ink-strong);
  background: var(--ask-warm-active-bg, rgba(217, 184, 95, 0.11));
}
.expansion-selections-empty {
  padding: 22px 12px;
  text-align: center;
  color: var(--exp-ink-muted);
  font-size: var(--exp-type-body-size);
  font-weight: var(--exp-type-body-weight);
  line-height: 1.45;
}
#expansion-panel-view .expansion-market-select-btn.is-active svg,
#expansion-panel-view .expansion-market-select-btn.is-active svg rect,
#expansion-panel-view .expansion-market-select-btn.is-active svg path,
#expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg,
#expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg rect,
#expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg path {
  stroke: #d9b85f;
  stroke-opacity: 1;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__body,
#expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__body,
#expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 8px 10px 10px;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-footer {
  position: static !important;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  margin: 0 !important;
  border-radius: 0 0 var(--ask-map-surface-radius) var(--ask-map-surface-radius);
}

#expansion-panel-view .expansion-dock-layout {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0;
}

#expansion-panel-view .expansion-dock-panel {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

#expansion-panel-view .expansion-dock-panel--filters {
  flex: 0 0 340px;
  width: 340px;
  max-width: 360px;
}

#expansion-panel-view .expansion-dock-panel--selected-hex {
  flex: 0 0 340px;
  width: 340px;
  max-width: 360px;
}

#expansion-panel-view .expansion-dock-panel--signals {
  flex: 0 0 320px;
  width: 320px;
  max-width: 340px;
}

#expansion-panel-view .expansion-dock-panel--market-structure {
  flex: 0 0 360px;
  width: 360px;
  max-width: 380px;
}

#expansion-panel-view .expansion-dock-panel--results {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

/* Four open docks: equal share of the sheet, no horizontal scroll. */
#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal {
  overflow-x: hidden;
}

#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal > .expansion-dock-panel--filters,
#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal > .expansion-dock-panel--results,
#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal > .expansion-dock-panel--market-structure,
#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal > .expansion-dock-panel--signals {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

#expansion-panel-view .expansion-dock-layout.expansion-dock-layout--equal > .expansion-dock-panel.is-collapsed {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
}

#expansion-panel-view .expansion-dock-panel.is-collapsed {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
}

#expansion-panel-view .expansion-dock-panel.is-hidden {
  display: none !important;
}

#expansion-panel-view .expansion-dock-panel__rail {
  display: none;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 10px 6px;
  color: rgba(15, 23, 42, 0.84);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    backdrop-filter 0.18s ease;
}

#expansion-panel-view .expansion-dock-panel.is-collapsed .expansion-dock-panel__rail {
  display: flex;
}

#expansion-panel-view .expansion-dock-panel.is-collapsed .expansion-dock-panel__content {
  display: none;
}

#expansion-panel-view .expansion-dock-panel__rail-arrow {
  display: none;
}

#expansion-panel-view .expansion-dock-panel__rail-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: inherit;
  opacity: 1;
}

#expansion-panel-view .expansion-dock-panel__rail-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

#expansion-panel-view .expansion-dock-panel__rail-icon path,
#expansion-panel-view .expansion-dock-panel__rail-icon rect,
#expansion-panel-view .expansion-dock-panel__rail-icon circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  color: inherit;
  opacity: 1;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon path,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon circle,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-title {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon path,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail-icon circle {
  fill: none !important;
  stroke: currentColor !important;
}

#expansion-panel-view .expansion-dock-panel__rail-title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: system-ui, -apple-system, Roboto, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: inherit;
  margin-top: 10px;
  white-space: nowrap;
  letter-spacing: normal;
}

#expansion-panel-view .expansion-dock-panel__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}

#expansion-panel-view .expansion-dock-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex: 0 0 auto;
  padding: 10px 12px 8px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

#expansion-panel-view .expansion-dock-panel__title {
  margin: 0;
  font-family: system-ui, -apple-system, Roboto, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
}

#expansion-panel-view .expansion-dock-panel__header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  flex: 0 0 auto;
}

#expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__header-notice {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 8px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 500;
  color: rgba(15, 23, 42, 0.58);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-dock-panel__header-actions--signals {
  gap: 4px;
}

#expansion-panel-view .expansion-dock-panel__collapse {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  font-size: 0;
  font-weight: 400;
  line-height: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  flex: 0 0 auto;
  transition: color 0.16s ease;
}

#expansion-panel-view .expansion-dock-panel__collapse:hover {
  background: transparent;
  color: rgba(15, 23, 42, 0.94);
}

#expansion-panel-view .expansion-dock-panel__collapse-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  line-height: 0;
  color: inherit;
  transform: rotate(90deg);
}

#expansion-panel-view .expansion-dock-panel__collapse-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

#expansion-panel-view .expansion-dock-panel__collapse-icon svg path {
  stroke-width: 1.75;
}

#expansion-panel-view .expansion-dock-panel__rail:hover {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(148, 163, 184, 0.22);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#expansion-panel-view .expansion-dock-panel__body {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 12px 12px;
  overscroll-behavior: contain;
}

#expansion-panel-view .expansion-dock-panel__body .expansion-card {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

#expansion-panel-view .expansion-dock-panel--results .expansion-market-results {
  max-height: none;
  flex: 1 1 auto;
  min-height: 0;
}

#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid {
  margin: 0 0 10px;
}

#expansion-panel-view .expansion-shell {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
  align-content: start;
  padding-bottom: 8px;
}
#expansion-panel-view .expansion-card {
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.26);
}
#expansion-panel-view .expansion-card.expansion-card--listings-filters {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
#expansion-panel-view .expansion-card.expansion-card--listings-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
#expansion-panel-view .expansion-card h4 {
  margin: 0 0 8px;
}

/* Shared in-system heading text style (Expansion section titles + Expansion panel title) */
#expansion-panel-view .expansion-card h4,
#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title {
  font-family: system-ui, -apple-system, Roboto, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(241, 245, 249, 0.95);
  opacity: 1;
  letter-spacing: normal;
  text-shadow: none;
}
#expansion-panel-view .expansion-card--placeholder {
  background: rgba(15, 23, 42, 0.76);
  border-color: rgba(148, 163, 184, 0.2);
}
#expansion-panel-view .expansion-muted {
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(170, 182, 199, 0.84);
}

#expansion-panel-view .expansion-market-results {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(46vh, 420px);
  overflow-y: auto;
  padding-right: 4px;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

#expansion-panel-view .expansion-market-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

#expansion-panel-view .expansion-market-head__right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

#expansion-panel-view .expansion-market-count {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  color: rgba(234, 242, 255, 0.9);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

#expansion-panel-view .expansion-market-sort {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 24px;
  width: 42px;
  min-width: 42px;
  padding: 0 18px 0 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  color: transparent;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
  text-indent: -9999px;
  text-overflow: "";
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(236, 244, 255, 0.72) 50%),
    linear-gradient(135deg, rgba(236, 244, 255, 0.72) 50%, transparent 50%);
  background-position:
    calc(100% - 11px) 9px,
    calc(100% - 7px) 9px;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

#expansion-panel-view .expansion-market-sort:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

#expansion-panel-view .expansion-market-sort option {
  color: #0f172a;
}

#expansion-panel-view .expansion-market-results__item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) minmax(52px, 76px);
  gap: 6px;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  min-height: auto;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 12px;
  border: 1px solid rgba(168, 188, 240, 0.2);
  background: linear-gradient(145deg, rgba(36, 54, 95, 0.24), rgba(16, 25, 47, 0.58));
  box-shadow: 0 8px 20px rgba(4, 10, 24, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transform: scale(1);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

#expansion-panel-view .expansion-market-results__item:hover {
  border-color: rgba(194, 212, 255, 0.34);
  background: linear-gradient(145deg, rgba(46, 68, 118, 0.3), rgba(20, 32, 60, 0.64));
}

#expansion-panel-view .expansion-market-results__item.is-active {
  border-color: rgba(206, 223, 255, 0.46);
  background: linear-gradient(145deg, rgba(62, 86, 140, 0.34), rgba(23, 35, 66, 0.72));
  transform: scale(1.01);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#expansion-panel-view .expansion-market-results__thumb {
  width: 48px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  grid-column: 1;
  grid-row: 1;
  background: rgba(8, 16, 36, 0.7);
  border: 1px solid rgba(170, 190, 242, 0.26);
  cursor: pointer;
  pointer-events: auto;
}

#expansion-panel-view .expansion-market-results__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: auto;
  cursor: pointer;
}

#expansion-panel-view .expansion-market-results__thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(228, 238, 255, 0.58);
}

#expansion-panel-view .expansion-market-results__body,
#expansion-panel-view .expansion-market-results__main {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
  grid-column: 2;
  grid-row: 1;
}

#expansion-panel-view .expansion-market-results__headline {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  color: rgba(241, 247, 255, 0.94);
}

#expansion-panel-view .expansion-market-results__headline .expansion-src-badge,
#expansion-panel-view .expansion-market-results__headline .listing-status-badge {
  flex-shrink: 0;
}

#expansion-panel-view .expansion-market-results__headline .expansion-market-results__title-inner {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__facts,
#expansion-panel-view .expansion-market-results__context {
  font-size: 10px;
  line-height: 1.3;
  color: rgba(210, 222, 244, 0.86);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  flex-shrink: 0;
  min-width: 0;
  max-width: 76px;
  width: 100%;
  overflow: hidden;
  grid-column: 3;
  grid-row: 1;
}

#expansion-panel-view .expansion-market-results__aside .favorite-btn {
  flex-shrink: 0;
}

#expansion-panel-view .expansion-market-results__subtitle {
  font-size: 10px;
  line-height: 1.3;
  color: rgba(228, 238, 255, 0.72);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__system-meta {
  font-size: 9.5px;
  line-height: 1.25;
  color: rgba(228, 238, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#expansion-panel-view .expansion-market-results__title {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(241, 247, 255, 0.94);
  overflow: hidden;
}

#expansion-panel-view .expansion-market-results__title-inner {
  flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
}

.market-listing-panel__title .expansion-src-badge,
.market-listing-panel__list-title .expansion-src-badge,
#expansion-panel-view .expansion-market-results__title .expansion-src-badge {
  flex-shrink: 0;
}

.expansion-src-badge {
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 999px;
  line-height: 1.2;
}

.expansion-src-badge--market {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
  color: rgba(191, 219, 254, 0.95);
}

.expansion-src-badge--my {
  background: rgba(34, 197, 94, 0.18);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: rgba(187, 247, 208, 0.95);
}

#expansion-panel-view .expansion-market-results__top-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

#expansion-panel-view .expansion-market-results__price {
  flex-shrink: 0;
  font-size: var(--exp-type-primary-size);
  font-weight: var(--exp-type-primary-weight);
  color: var(--exp-ink-strong);
  white-space: nowrap;
  text-align: right;
  line-height: 1.15;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__meta,
#expansion-panel-view .expansion-market-results__location {
  font-size: 11px;
  line-height: 1.35;
  color: rgba(210, 222, 244, 0.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#expansion-panel-view .expansion-market-results__empty {
  min-height: 96px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(175, 196, 245, 0.28);
  color: rgba(206, 220, 248, 0.7);
  font-size: 12px;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar {
  width: 6px;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28);
}

#expansion-panel-view .expansion-price-legend {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

#expansion-panel-view .expansion-price-legend__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

#expansion-panel-view .expansion-price-legend__title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(148, 163, 184, 0.88);
}

#expansion-panel-view .expansion-price-legend__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
  min-width: 0;
}

#expansion-panel-view .expansion-price-legend__mode {
  font-size: 12px;
  color: rgba(226, 232, 240, 0.84);
  white-space: nowrap;
}

#expansion-panel-view .expansion-price-legend__position {
  font-size: 11px;
  line-height: 1.25;
  color: rgba(201, 214, 230, 0.82);
  max-width: 220px;
}

#expansion-panel-view .expansion-price-legend__track-wrap {
  position: relative;
}

#expansion-panel-view .expansion-price-legend__track {
  height: 8px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.35);
}

/* Mirrors #askbase-bottom-sheet .cluster-inline-scale-marker (50-clusters-layer.js) */
#expansion-panel-view .expansion-price-legend__marker {
  display: none;
  position: absolute;
  top: -3px;
  left: 0%;
  width: 2px;
  height: 14px;
  margin-left: -1px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.45);
  pointer-events: none;
}

#expansion-panel-view .expansion-price-legend__marker.is-visible {
  display: block;
}

#expansion-panel-view .expansion-price-legend__ticks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  margin-top: 4px;
  font-size: 10px;
  color: rgba(15, 23, 42, 0.72);
}

#expansion-panel-view .expansion-price-legend__tick {
  flex: 1 1 0;
  min-width: 0;
  line-height: 1.25;
  color: inherit;
}

#expansion-panel-view .expansion-price-legend__tick--left {
  text-align: left;
}

#expansion-panel-view .expansion-price-legend__tick--center {
  text-align: center;
}

#expansion-panel-view .expansion-price-legend__tick--right {
  text-align: right;
}

#expansion-panel-view .expansion-price-legend__hint {
  font-size: 11px;
  line-height: 1.4;
  color: rgba(148, 163, 184, 0.72);
  margin: 6px 0 0;
}

#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion {
  --expansion-control-height: 28px;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  justify-content: flex-start;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar {
  height: 4px;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion:has(.expansion-price-legend--header)::-webkit-scrollbar {
  height: 6px;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
  border-radius: 999px;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar-track {
  background: transparent;
}

/* Match Clusters #clustersGridSize: askbase-pill + native dropdown in header row */
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select {
  margin-left: 4px;
  min-width: 120px;
  appearance: auto;
  -webkit-appearance: menulist;
  height: var(--expansion-control-height);
  min-height: var(--expansion-control-height);
  padding: 0 10px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(226, 232, 240, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  flex: 0 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select--compact,
#expansionHexScale.expansion-header-scale-select--compact {
  min-width: 0;
  width: auto;
  max-width: 4.75rem;
  padding: 0 4px;
  margin-left: 0;
  field-sizing: content;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: var(--expansion-control-height);
  min-height: var(--expansion-control-height);
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(226, 232, 240, 0.92);
  padding: 0 24px 0 10px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  box-sizing: border-box;
  min-width: 158px;
  max-width: 220px;
  cursor: pointer;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:hover {
  border-color: rgba(148, 163, 184, 0.34);
  background: rgba(255, 255, 255, 0.06);
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:focus,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:focus-visible {
  outline: none;
  border-color: rgba(217, 184, 95, 0.55);
  box-shadow: 0 0 0 1px rgba(217, 184, 95, 0.22);
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select option {
  color: #e2e8f0;
  background: #0f172a;
}
#expansion-panel-view .expansion-header-legend-wrap {
  display: none;
  align-items: center;
  min-width: 0;
  max-width: 280px;
  flex: 0 0 auto;
}
#expansion-panel-view .expansion-header-legend-wrap.is-on {
  display: flex;
  min-width: 220px;
}
#expansion-panel-view .expansion-price-legend--header {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  width: 100%;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__top {
  margin-bottom: 4px;
  gap: 8px;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__title {
  font-size: 10px;
  letter-spacing: 0.05em;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__mode {
  font-size: 10px;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__position {
  font-size: 10px;
  max-width: 170px;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__track {
  height: 7px;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__ticks {
  margin-top: 3px;
  font-size: 9px;
  gap: 4px;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__tick {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
}
#expansion-panel-view .expansion-price-legend--header .expansion-price-legend__hint {
  margin: 4px 0 0;
  font-size: 9px;
  line-height: 1.25;
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
}
/* Match Urban header select focus: restrained gold border, no blue ring (see urban select.askbase-pill:focus) */
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:focus,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(217, 184, 95, 0.45);
}
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select option {
  background: #0f172a;
  color: #e2e8f0;
}

#expansion-panel-view .expansion-pill-toggle {
  height: var(--expansion-control-height);
  min-height: var(--expansion-control-height);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(15, 23, 42, 0.88);
  font-size: 12px;
  font-weight: 600;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
#expansion-panel-view .expansion-pill-toggle:hover {
  background: transparent;
  border-color: transparent;
  color: rgba(15, 23, 42, 0.96);
}
#expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked) {
  background: transparent !important;
  color: rgba(15, 23, 42, 0.94) !important;
  border: 1px solid transparent !important;
}
#expansion-panel-view .expansion-pill-toggle > span:not(.expansion-pill-toggle__box):not(.expansion-favorites-icon) {
  color: inherit;
  font-weight: 600;
}
/* Favorites-only toggle: icon-only star */
#expansion-panel-view .expansion-pill-toggle--favorites {
  min-width: 44px !important;
  width: 44px !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#expansion-panel-view .expansion-pill-toggle--favorites .expansion-pill-toggle__box {
  display: none;
}
#expansion-panel-view .expansion-pill-toggle--favorites .expansion-favorites-icon {
  font-size: 15px;
  line-height: 1;
  color: rgba(15, 23, 42, 0.84);
  margin: 0;
}
#expansion-panel-view .expansion-pill-toggle--favorites.is-favorites-active,
#expansion-panel-view .expansion-pill-toggle--favorites:has(#expansionFavoritesToggle:checked) {
  color: #c2410c !important;
}
#expansion-panel-view .expansion-pill-toggle--favorites.is-favorites-active .expansion-favorites-icon,
#expansion-panel-view .expansion-pill-toggle--favorites:has(#expansionFavoritesToggle:checked) .expansion-favorites-icon {
  color: #c2410c;
}

#expansion-panel-view .expansion-pill-toggle--hot {
  min-width: 44px !important;
  width: 44px !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#expansion-panel-view .expansion-pill-toggle--hot .expansion-pill-toggle__box {
  display: none;
}
#expansion-panel-view .expansion-pill-toggle--hot .expansion-hot-icon .cabinet-hot-icon,
#expansion-panel-view .expansion-pill-toggle--hot .cabinet-hot-icon svg {
  width: 15px;
  height: 15px;
}
#expansion-panel-view .expansion-pill-toggle--hot.is-hot-active,
#expansion-panel-view .expansion-pill-toggle--hot:has(#expansionTopToggle:checked) {
  color: #ca8a04 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 1px 2px rgba(250, 204, 21, 0.32));
}

#expansion-panel-view .expansion-favorites-toolbar-btn {
  min-width: 28px !important;
  width: 28px !important;
  height: var(--expansion-control-height, 28px);
  min-height: var(--expansion-control-height, 28px);
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 auto;
}

#expansion-panel-view .expansion-favorites-toolbar-btn:hover {
  background: transparent !important;
}

#expansion-panel-view .expansion-favorites-toolbar-btn.is-favorites-active,
#expansion-panel-view .expansion-favorites-toolbar-btn:has(#expansionFavoritesToggle:checked) {
  background: transparent !important;
  color: #c2410c !important;
}
#expansion-panel-view .expansion-pill-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
#expansion-panel-view .expansion-pill-toggle__box {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.14);
  display: inline-block;
  position: relative;
  margin: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease;
}
#expansion-panel-view .expansion-pill-toggle input[type="checkbox"]:checked + .expansion-pill-toggle__box {
  background: rgba(217, 184, 95, 0.18);
  border: 1px solid rgba(217, 184, 95, 0.35);
}
#expansion-panel-view .expansion-pill-toggle input[type="checkbox"]:checked + .expansion-pill-toggle__box::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  margin: 0;
  border: none;
  border-radius: 1px;
  background: #E7C86A;
  transform: translate(-50%, -50%);
}
/* Listings toggle only: suppress browser blue focus ring */
#expansion-panel-view #expansionToggleListings:focus,
#expansion-panel-view #expansionToggleListings:focus-visible {
  outline: none;
  box-shadow: none;
}
#expansion-panel-view .expansion-pill-toggle:has(#expansionToggleListings:focus),
#expansion-panel-view .expansion-pill-toggle:has(#expansionToggleListings:focus-visible) {
  outline: none;
  box-shadow: none;
}
#expansion-panel-view .expansion-kv-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
#expansion-panel-view .expansion-kv-item {
  border-radius: 9px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.03);
  padding: 8px;
}
#expansion-panel-view .expansion-kv-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(148, 163, 184, 0.9);
  margin-bottom: 4px;
}
#expansion-panel-view .expansion-kv-value {
  display: block;
  font-size: 12px;
  color: rgba(226, 232, 240, 0.95);
}
#expansion-panel-view .expansion-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
#expansion-panel-view .expansion-filters-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-bottom: 2px;
}
#expansion-panel-view .expansion-saved-filters {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 10px;
  padding: 0 0 8px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
#expansion-panel-view .expansion-saved-filters__row {
  display: flex;
  align-items: center;
  gap: 6px;
}
#expansion-panel-view .expansion-saved-filters__row--toolbar {
  gap: 4px;
}
#expansion-panel-view .expansion-saved-filters__select-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
#expansion-panel-view .expansion-saved-filters__select-wrap .expansion-field-icon {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  color: var(--exp-icon-ink);
  pointer-events: none;
}
#expansion-panel-view .expansion-saved-filters__select-wrap .expansion-field-icon svg {
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  display: block;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
}
#expansion-panel-view .expansion-saved-filters__select,
#expansion-panel-view .expansion-saved-filters__name {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 28px;
  border: none;
  border-radius: 10px;
  background: var(--exp-tile-bg);
  color: var(--exp-ink-body);
  font-size: var(--exp-type-body-size);
  font-weight: var(--exp-type-body-weight);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  box-sizing: border-box;
}
#expansion-panel-view .expansion-saved-filters__select {
  padding: 0 28px 0 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 12px 12px;
  cursor: pointer;
}
#expansion-panel-view .expansion-saved-filters__name {
  padding: 0 9px;
}
#expansion-panel-view .expansion-saved-filters__select:focus,
#expansion-panel-view .expansion-saved-filters__select:focus-visible,
#expansion-panel-view .expansion-saved-filters__name:focus,
#expansion-panel-view .expansion-saved-filters__name:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#expansion-panel-view .expansion-saved-filters__select.is-placeholder,
#expansion-panel-view .expansion-saved-filters__select:invalid {
  color: rgba(15, 23, 42, 0.55);
  font-weight: 550;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__name {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  color: var(--ask-map-chrome-text-strong, #0f172a) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select.is-placeholder {
  color: rgba(15, 23, 42, 0.55) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select:focus,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select:focus-visible,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__name:focus,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__name:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
#expansion-panel-view .expansion-saved-filters__btn {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 8px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  font-size: 12px;
  font-weight: 550;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  outline: none;
  transition: color 0.16s ease, background 0.16s ease;
}
#expansion-panel-view .expansion-saved-filters__btn--icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  color: rgba(15, 23, 42, 0.84);
  background: transparent;
  border: none;
  border-radius: 10px;
}
#expansion-panel-view .expansion-saved-filters__btn--icon svg {
  width: var(--exp-icon-header);
  height: var(--exp-icon-header);
  display: block;
  color: inherit;
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  stroke-opacity: 0.84;
  fill: none;
}
#expansion-panel-view .expansion-saved-filters__btn--icon:hover {
  background: transparent;
  color: rgba(15, 23, 42, 1);
}
#expansion-panel-view .expansion-saved-filters__btn--primary,
#expansion-panel-view .expansion-saved-filters__btn--icon.expansion-saved-filters__btn--primary {
  background: transparent;
  border: none;
  color: rgba(15, 23, 42, 0.84);
}
#expansion-panel-view .expansion-saved-filters__btn--icon.expansion-saved-filters__btn--primary:hover {
  background: transparent;
  color: rgba(15, 23, 42, 1);
}
#expansion-panel-view .expansion-saved-filters__btn--icon.is-compose-open {
  background: transparent;
  border: none;
  color: rgba(15, 23, 42, 1);
  box-shadow: none;
}
#expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
}
#expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn__icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn__icon .cabinet-fav-icon {
  font-size: 15px !important;
  line-height: 1 !important;
}
#expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn:hover {
  color: rgba(15, 23, 42, 1) !important;
  background: transparent !important;
}
#expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn.is-active {
  color: #c2410c !important;
}

/* Beat #askbase-bottom-sheet * light-text cascade on SVG currentColor (same as header toggles) */
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--primary,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--primary *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn * {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px rgba(15, 23, 42, 0.84) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon.is-compose-open,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn--icon.is-compose-open *,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn:hover * {
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn.is-active * {
  color: #c2410c !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn.is-active .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px #c2410c !important;
}
#expansion-panel-view .expansion-saved-filters__compose {
  display: flex;
  align-items: center;
  gap: 6px;
}
#expansion-panel-view .expansion-saved-filters__compose[hidden] {
  display: none !important;
}
#expansion-panel-view .expansion-saved-filters__status {
  font-size: var(--exp-type-label-size);
  color: var(--exp-ink-muted);
  line-height: 1.3;
}
#expansion-panel-view .expansion-saved-filters__status.is-error {
  color: #b91c1c;
}
#expansion-panel-view .expansion-filters-ranges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  grid-column: 1 / -1;
}

/* Hide bulky captions only in the main filter grid — accordion fields keep labels */
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-main .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-main .expansion-field-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field {
  gap: 3px;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field-label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  display: block;
  font-size: var(--exp-type-label-size);
  font-weight: var(--exp-type-label-weight);
  letter-spacing: 0.01em;
  color: var(--exp-ink-muted);
  line-height: 1.2;
}

/* Technical / Other: labels already inside fields (icon + option text) — hide captions */
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field,
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field {
  gap: 0;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field-label,
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field-icon,
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field-icon {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

#expansion-panel-view .expansion-dock-panel--filters .expansion-field,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect {
  position: relative;
  gap: 0;
}

/* Retailers-style glass chips — compact */
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger {
  width: 100%;
  height: var(--exp-chip-height);
  min-height: var(--exp-chip-height);
  max-height: var(--exp-chip-height);
  box-sizing: border-box;
  border-radius: var(--exp-chip-radius);
  border: none;
  background: var(--exp-tile-bg);
  color: var(--exp-ink-body);
  font-size: var(--exp-type-body-size);
  font-weight: var(--exp-type-body-weight);
  line-height: 1;
  padding: 0 9px;
  box-shadow: var(--exp-tile-inset);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background 0.14s ease, color 0.14s ease;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select::-ms-expand {
  display: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input {
  padding-right: 9px;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input[type="number"]::-webkit-outer-spin-button,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select:hover,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input:hover,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:hover {
  background: rgba(252, 253, 253, 0.88);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select:focus,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input:focus,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:focus {
  outline: none;
  border: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  cursor: pointer;
  text-align: left;
  padding-right: 9px;
}
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryLabel,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterLocalityLabel,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterDistrictLabel,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterSourceLabel {
  color: var(--ask-map-chrome-text-strong);
  font-weight: 550;
  opacity: 1;
}
/* Idle filter text = same muted tone as empty input placeholders */
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder #expansionFilterCategoryLabel,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder #expansionFilterLocalityLabel,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder #expansionFilterDistrictLabel,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder #expansionFilterSourceLabel,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryLabel.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterLocalityLabel.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterDistrictLabel.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterSourceLabel.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder,
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder .expansion-date-trigger__label {
  color: rgba(15, 23, 42, 0.55) !important;
  font-weight: 550;
  opacity: 1;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active,
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active .expansion-date-trigger__label,
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder),
#expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder) .expansion-date-trigger__label {
  color: var(--ask-map-chrome-text-strong) !important;
  font-weight: 600;
  opacity: 1;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-filter-caret {
  display: none !important;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__chevron {
  display: inline-flex !important;
  opacity: 0.72;
}

/* Filter chips: borderless glass (select / input / multiselect) */
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger {
  border: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field select:focus,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field input:focus,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:focus,
#expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:focus-visible,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger:focus,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger:focus-visible,
#expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger[aria-expanded="true"] {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

#expansion-panel-view .expansion-filters-accordion {
  margin-top: 8px;
  padding-top: 4px;
  border: none;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
}
#expansion-panel-view .expansion-filters-accordion > summary {
  list-style: none;
  cursor: pointer;
  padding: 0 2px;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--ask-map-chrome-text-strong);
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  user-select: none;
  transition: color 0.14s ease, opacity 0.14s ease;
}
#expansion-panel-view .expansion-filters-accordion > summary:hover {
  background: transparent;
  opacity: 0.82;
}
#expansion-panel-view .expansion-filters-accordion > summary::-webkit-details-marker {
  display: none;
}
#expansion-panel-view .expansion-filters-accordion__label {
  flex: 1 1 auto;
  color: rgba(71, 85, 105, 0.92);
}
#expansion-panel-view .expansion-filters-accordion__chevron {
  flex: 0 0 auto;
  color: rgba(15, 23, 42, 0.55);
  font-size: 11px;
  transition: transform 0.16s ease;
}
#expansion-panel-view .expansion-filters-accordion[open] > summary .expansion-filters-accordion__chevron {
  transform: rotate(180deg);
}
#expansion-panel-view .expansion-filters-accordion__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 6px 8px 8px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}
#expansion-panel-view .expansion-filters-tech-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#expansion-panel-view .expansion-field--source {
  grid-column: auto;
}
#expansion-panel-view .expansion-field--date-range {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
#expansion-panel-view .expansion-filters-main .expansion-field--date-range {
  gap: 0;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 28px;
}
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger {
  width: 100%;
  max-width: none;
  height: 28px;
  min-height: 28px;
  border-radius: 10px;
  border: none;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  color: var(--exp-ink-muted);
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
  text-align: left;
}
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger.is-placeholder,
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger.is-placeholder .expansion-date-trigger__label {
  color: var(--exp-ink-muted);
  font-weight: var(--exp-type-body-weight);
  background: var(--exp-tile-bg);
}
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger.is-active,
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger:not(.is-placeholder),
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger.is-active .expansion-date-trigger__label,
#expansion-panel-view .expansion-filters-main .expansion-field--date-range .expansion-date-trigger:not(.is-placeholder) .expansion-date-trigger__label {
  color: var(--exp-ink-strong);
  font-weight: var(--exp-type-primary-weight);
  background: var(--exp-tile-bg);
}
#expansion-panel-view .expansion-date-trigger__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#expansion-panel-view .expansion-date-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 1;
}
#expansion-panel-view .expansion-date-trigger svg,
#expansion-panel-view .expansion-date-trigger svg rect,
#expansion-panel-view .expansion-date-trigger svg line,
#expansion-panel-view .expansion-date-trigger svg path {
  stroke: currentColor;
  fill: none;
  opacity: 1;
}
#expansion-panel-view .expansion-date-trigger:hover,
#expansion-panel-view .expansion-date-trigger:focus-visible {
  background: rgba(15, 23, 42, 0.04);
  color: #0f172a;
  border: none;
  outline: none;
}
#expansion-panel-view .expansion-date-trigger.is-active {
  color: #0f172a;
  border: none;
  background: transparent;
}

/* Leading icons on Expansion filter controls (calendar language) */
#expansion-panel-view .expansion-filters-main .expansion-field,
#expansion-panel-view .expansion-filters-main .expansion-category-multiselect-trigger,
#expansion-panel-view .expansion-filters-accordion__body .expansion-field {
  position: relative;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon {
  position: absolute;
  left: 9px;
  top: auto;
  bottom: 8px;
  transform: none;
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--exp-icon-ink);
  pointer-events: none;
  z-index: 1;
}
#expansion-panel-view .expansion-filters-main .expansion-field-icon,
#expansion-panel-view .expansion-filters-main .expansion-category-multiselect-trigger .expansion-field-icon {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
#expansion-panel-view .expansion-filters-accordion > summary > .expansion-field-icon {
  position: static;
  left: auto;
  top: auto;
  bottom: auto;
  transform: none;
  flex: 0 0 auto;
  color: var(--exp-icon-ink);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg {
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  display: block;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg rect,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg path,
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg line {
  stroke: currentColor;
  stroke-width: var(--exp-icon-stroke);
  fill: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle[fill="currentColor"],
#expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg [fill="currentColor"] {
  fill: currentColor;
  stroke: none;
}
#expansion-panel-view .expansion-filters-main .expansion-field input,
#expansion-panel-view .expansion-filters-main .expansion-field select,
#expansion-panel-view .expansion-filters-main .expansion-category-multiselect-trigger,
#expansion-panel-view .expansion-filters-accordion__body .expansion-field input,
#expansion-panel-view .expansion-filters-accordion__body .expansion-field select {
  padding-left: 30px !important;
}

#expansion-panel-view .expansion-field--map-span {
  grid-column: 1 / -1;
}

.expansion-date-range-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10050;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  color: #0f172a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.expansion-date-range-overlay.is-open {
  display: flex;
}
.expansion-date-range-overlay-backdrop {
  position: absolute;
  inset: 0;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
}
.expansion-date-range-overlay-panel {
  position: relative;
  z-index: 1;
  width: var(--ask-delete-card-width, min(420px, calc(100vw - 32px)));
  max-width: none;
  padding: var(--ask-delete-card-padding, 20px 18px 16px);
  background: var(--ask-delete-card-bg, #ffffff);
  border: var(--ask-delete-card-border, 0);
  border-radius: var(--ask-delete-card-radius, 14px);
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
  box-sizing: border-box;
  overflow: visible;
}
.expansion-date-range-overlay-header {
  margin-bottom: 12px;
}
.expansion-date-range-overlay-title {
  margin: 0;
  font-size: var(--ask-delete-title-size, 16px);
  font-weight: var(--ask-delete-title-weight, 600);
  line-height: var(--ask-delete-title-line-height, normal);
  color: var(--ask-delete-title-color, #0f172a);
}
.expansion-date-range-overlay-row {
  margin-bottom: 12px;
}
.expansion-date-range-overlay-row:last-of-type {
  margin-bottom: 16px;
}
.expansion-date-range-overlay-label {
  display: block;
  font-size: var(--ask-delete-label-size, 12px);
  font-weight: var(--ask-delete-label-weight, 500);
  color: var(--ask-delete-label-color, rgba(15, 23, 42, 0.62));
  margin-bottom: 6px;
}
.expansion-date-range-overlay-input {
  display: block;
  width: 100%;
  height: var(--ask-delete-input-height, 40px);
  min-height: var(--ask-delete-input-height, 40px);
  box-sizing: border-box;
  border-radius: var(--ask-delete-input-radius, 14px);
  border: 1px solid var(--ask-delete-input-border, rgba(15, 23, 42, 0.12));
  background: var(--ask-delete-input-bg, #ffffff);
  color: #0f172a;
  font-size: 14px;
  padding: 0 12px;
}
.expansion-date-range-overlay-input:focus {
  outline: none;
  box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
  border-color: rgba(15, 23, 42, 0.22);
}
.expansion-date-range-overlay-mode {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}
.expansion-date-range-overlay-actions {
  display: flex;
  gap: var(--ask-delete-actions-gap, 10px);
  justify-content: flex-end;
}
.expansion-date-range-overlay-apply,
.expansion-date-range-overlay-reset {
  box-sizing: border-box;
  height: var(--ask-delete-button-height, 40px);
  min-width: var(--ask-delete-button-min-width, 92px);
  padding: var(--ask-delete-button-padding, 0 16px);
  border-radius: var(--ask-delete-button-radius, 14px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ask-delete-button-size, 14px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  background: var(--ask-delete-neutral-bg, rgba(255, 255, 255, 0.72));
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    transform 0.12s ease;
}
.expansion-date-range-overlay-apply {
  font-weight: var(--ask-delete-danger-weight, 650);
  background: var(--ask-delete-danger-bg, rgba(255, 255, 255, 0.72));
  border-color: var(--ask-delete-danger-border, rgba(15, 23, 42, 0.82));
  color: var(--ask-delete-danger-text, rgba(15, 23, 42, 0.82));
}
.expansion-date-range-overlay-apply:hover,
.expansion-date-range-overlay-reset:hover {
  background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04));
  border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12));
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
}
.expansion-date-range-overlay-apply:active,
.expansion-date-range-overlay-reset:active {
  transform: translateY(1px);
}
.expansion-date-range-overlay-apply:focus,
.expansion-date-range-overlay-reset:focus {
  outline: none;
}
.expansion-date-range-overlay-apply:focus-visible,
.expansion-date-range-overlay-reset:focus-visible {
  box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.62);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:hover {
  color: rgba(15, 23, 42, 0.88);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle .askbase-up-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 22px;
  flex: 0 0 auto;
  pointer-events: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle .askbase-up-switch__track {
  position: relative;
  display: block;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  box-sizing: border-box;
  background: rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle .askbase-up-switch__thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.16),
    0 0 0 1px rgba(15, 23, 42, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:hover .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.18);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle__input:checked + .askbase-up-switch .askbase-up-switch__track {
  background: rgba(217, 184, 95, 0.28);
  border-color: rgba(146, 64, 14, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 0 0 1px rgba(217, 184, 95, 0.12);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle__input:checked + .askbase-up-switch .askbase-up-switch__thumb {
  transform: translateX(14px);
  box-shadow:
    0 1px 3px rgba(146, 64, 14, 0.18),
    0 0 0 1px rgba(217, 184, 95, 0.22);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:hover .expansion-color-by-status-toggle__input:checked + .askbase-up-switch .askbase-up-switch__track {
  background: rgba(217, 184, 95, 0.36);
  border-color: rgba(146, 64, 14, 0.36);
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle__text {
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
  color: inherit;
  letter-spacing: normal;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:has(.expansion-color-by-status-toggle__input:checked) {
  color: #92400e;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-search-area-btn,
#expansion-panel-view .expansion-dock-panel--filters .expansion-header-viz-btn,
#expansion-panel-view .expansion-dock-panel--filters .expansion-favorite-search-btn {
  width: 28px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  border: none;
  color: var(--ask-map-chrome-text);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-search-area-btn__icon,
#expansion-panel-view .expansion-dock-panel--filters .expansion-header-viz-btn__icon,
#expansion-panel-view .expansion-dock-panel--filters .expansion-favorite-search-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: inherit;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-search-area-btn__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
/* Hardcoded path paint (same pattern as Hot flame) — bypasses currentColor cascade */
#expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg path,
#expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  fill-opacity: 1 !important;
  opacity: 1 !important;
  filter: none !important;
}
#expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg path {
  fill: none !important;
  stroke-width: 1.75 !important;
}
#expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  fill: #0f172a !important;
  fill-opacity: 0.84 !important;
  stroke: none !important;
}
#expansion-panel-view #expansionSearchAreaBtn.is-active .expansion-search-area-btn__icon svg path,
#expansion-panel-view #expansionSearchAreaBtn[aria-pressed="true"] .expansion-search-area-btn__icon svg path {
  fill: none !important;
  stroke: #c2410c !important;
  stroke-opacity: 1 !important;
}
#expansion-panel-view #expansionSearchAreaBtn.is-active .expansion-search-area-btn__icon svg circle,
#expansion-panel-view #expansionSearchAreaBtn[aria-pressed="true"] .expansion-search-area-btn__icon svg circle {
  fill: #c2410c !important;
  fill-opacity: 1 !important;
  stroke: none !important;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-favorite-search-btn__icon .cabinet-fav-icon {
  font-size: 15px;
  line-height: 1;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-search-area-btn:hover,
#expansion-panel-view .expansion-dock-panel--filters .expansion-header-viz-btn:hover,
#expansion-panel-view .expansion-dock-panel--filters .expansion-favorite-search-btn:hover {
  background: transparent;
  border: none;
  color: var(--ask-map-chrome-text-strong);
  box-shadow: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-search-area-btn.is-active,
#expansion-panel-view .expansion-dock-panel--filters .expansion-favorite-search-btn.is-active {
  color: #c2410c;
  border: none;
  background: transparent;
  box-shadow: none;
}
#expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__collapse {
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  flex: 0 0 auto;
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 10px 10px;
  border-top: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-filter-apply-btn,
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn {
  appearance: none;
  -webkit-appearance: none;
  flex: 1 1 0;
  min-width: 0;
  height: 28px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.14s ease, border-color 0.14s ease, transform 0.1s ease, box-shadow 0.14s ease;
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-filter-apply-btn {
  border: 1px solid rgba(217, 184, 95, 0.34);
  background: var(--ask-warm-active-bg-strong);
  color: var(--ask-warm-active-text);
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow);
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-filter-apply-btn:hover {
  background: rgba(248, 242, 218, 0.92);
  border-color: rgba(217, 184, 95, 0.46);
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn {
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.88);
  color: var(--ask-map-chrome-text-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn:hover {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(148, 163, 184, 0.40);
}
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer button:active {
  transform: translateY(1px);
}
#expansion-panel-view .expansion-filter-grid--analytics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#expansion-panel-view .expansion-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#expansion-panel-view .expansion-card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#expansion-panel-view .expansion-card-title-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#expansion-panel-view .expansion-favorite-search-btn {
  width: 28px;
  height: 28px;
  border-radius: 0;
  display: inline-grid;
  place-items: center;
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--ask-map-chrome-text);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: color 0.16s ease;
}
#expansion-panel-view .expansion-favorite-search-btn:hover {
  background: transparent;
  border: none;
  color: var(--ask-map-chrome-text-strong);
  box-shadow: none;
  transform: none;
}
#expansion-panel-view .expansion-favorite-search-btn.is-active {
  color: #c2410c;
  border: none;
  background: transparent;
  box-shadow: none;
}
#expansion-panel-view .expansion-favorite-search-btn.is-active:hover {
  color: #c2410c;
  background: transparent;
  border: none;
  box-shadow: none;
  transform: none;
}
#expansion-panel-view .expansion-favorite-search-btn span {
  transform: none;
}
#expansion-panel-view .expansion-field > span:not(.expansion-field-icon) {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(148, 163, 184, 0.88);
}
/* Market listings filters: merge labels into controls */
#expansion-panel-view .expansion-field:has(#expansionFilterOperation) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPropertyType) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterCategory) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterLocality) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterDistrict) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPrecision) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPriceMin) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPriceMax) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPpm2Min) > span:not(.expansion-field-icon),
#expansion-panel-view .expansion-field:has(#expansionFilterPpm2Max) > span:not(.expansion-field-icon) {
  display: none;
}
#expansion-panel-view .expansion-field:has(#expansionFilterOperation),
#expansion-panel-view .expansion-field:has(#expansionFilterPropertyType),
#expansion-panel-view .expansion-field:has(#expansionFilterCategory),
#expansion-panel-view .expansion-field:has(#expansionFilterLocality),
#expansion-panel-view .expansion-field:has(#expansionFilterDistrict),
#expansion-panel-view .expansion-field:has(#expansionFilterPrecision),
#expansion-panel-view .expansion-field:has(#expansionFilterPriceMin),
#expansion-panel-view .expansion-field:has(#expansionFilterPriceMax),
#expansion-panel-view .expansion-field:has(#expansionFilterPpm2Min),
#expansion-panel-view .expansion-field:has(#expansionFilterPpm2Max) {
  gap: 0;
}
#expansion-panel-view .expansion-field input,
#expansion-panel-view .expansion-field select,
#expansion-panel-view .expansion-filter-field .expansion-filter-select,
#expansion-panel-view #expansionFilterCategoryTrigger {
  height: 30px;
  min-height: 30px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(226, 232, 240, 0.72);
  padding: 0 9px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  box-sizing: border-box;
}
#expansion-panel-view .expansion-field input:disabled,
#expansion-panel-view .expansion-field select:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
#expansionFilterLocalityWrap[hidden] {
  display: none !important;
}
#expansion-panel-view .expansion-filter-grid .expansion-filter-field,
#expansion-panel-view .expansion-filter-field {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  width: 100%;
}
#expansion-panel-view .expansion-category-multiselect {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
}
#expansion-panel-view .expansion-category-multiselect-trigger {
  width: 100%;
  min-width: 0;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
#expansion-panel-view .expansion-filter-caret {
  flex: 0 0 auto;
  font-size: 11px;
  line-height: 1;
  color: rgba(15, 23, 42, 0.55);
  pointer-events: none;
}
#expansion-panel-view .expansion-category-multiselect-trigger:hover,
#expansion-panel-view .expansion-category-multiselect-trigger:focus-visible {
  border: none;
  color: var(--ask-map-chrome-text-strong);
  outline: none;
}
#expansion-panel-view .expansion-category-multiselect-trigger[aria-expanded="true"] {
  border: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
/* Multiselect menus — premium sheet: span 2 filter columns (not a skinny float) */
#expansion-panel-view .expansion-category-multiselect-menu,
#expansionFilterCategoryMenu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: auto;
  z-index: 9999;
  width: calc(200% + 5px);
  min-width: 0;
  max-width: none;
  max-height: 220px;
  overflow: auto;
  border-radius: 12px;
  background: rgba(247, 250, 249, 0.98);
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 28px rgba(15, 23, 42, 0.12);
  padding: 6px;
  backdrop-filter: blur(20px) saturate(105%);
  -webkit-backdrop-filter: blur(20px) saturate(105%);
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
  color: var(--ask-map-chrome-text);
  box-sizing: border-box;
}
/* Right-column triggers open leftward so the sheet still covers both columns */
#expansion-panel-view #expansionFilterCategoryWrap .expansion-category-multiselect-menu,
#expansionFilterCategoryMenu {
  left: auto;
  right: 0;
}
/* Place is a full-width row; the search stays inside the filters sheet */
#expansion-panel-view #expansionFilterDistrictWrap {
  grid-column: 1 / -1;
}
#expansion-panel-view #expansionFilterDistrictWrap .expansion-category-multiselect-menu {
  left: 0;
  right: auto;
  width: 100%;
}
/* Sources is left column next to Statuses — menu matches locality */
#expansion-panel-view #expansionFilterSourceWrap .expansion-category-multiselect-menu {
  width: 100%;
  left: 0;
  right: auto;
}
#expansion-panel-view .expansion-otg-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 0 6px;
  padding: 7px 8px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#expansion-panel-view .expansion-otg-group {
  padding: 6px 8px 2px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.55);
}
#expansion-panel-view .expansion-otg-city.is-nested {
  padding-left: 18px;
}
#expansion-panel-view .expansion-otg-kind {
  margin-left: auto;
  font-size: 10px;
  letter-spacing: 0.02em;
  color: rgba(15, 23, 42, 0.45);
}
#expansion-panel-view .expansion-otg-hint {
  padding: 8px;
  font-size: 12px;
  color: rgba(15, 23, 42, 0.55);
}
#expansion-panel-view .expansion-category-multiselect-menu[hidden] {
  display: none !important;
}
#expansion-panel-view .expansion-category-multiselect-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 5px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ask-map-chrome-text);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}
#expansion-panel-view .expansion-category-multiselect-label {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#expansion-panel-view .expansion-category-multiselect-option:hover,
#expansion-panel-view .expansion-category-multiselect-option:focus-visible {
  background: rgba(255, 255, 255, 0.55);
  color: var(--ask-map-chrome-text-strong);
  outline: none;
}
#expansion-panel-view .expansion-category-multiselect-option.is-selected {
  background: rgba(248, 242, 218, 0.88);
  color: var(--ask-map-chrome-text-strong);
  font-weight: 600;
}
#expansion-panel-view .expansion-category-multiselect-checkbox {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1.5px solid rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#expansion-panel-view .expansion-category-multiselect-option.is-selected .expansion-category-multiselect-checkbox {
  background: rgba(217, 184, 95, 0.95);
  border-color: rgba(180, 140, 40, 0.7);
}
#expansion-panel-view .expansion-category-multiselect-option.is-selected .expansion-category-multiselect-checkbox::after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #fff;
  border-width: 0 1.75px 1.75px 0;
  transform: rotate(45deg);
  margin-top: -1px;
}
#expansion-panel-view .expansion-category-multiselect-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}
#expansion-panel-view .expansion-marker-limit-notice {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
}

/* expansion-filter-apply-btn / expansion-reset-filters-btn — sticky footer styles at EOF */
#expansion-panel-view .expansion-pill-toggle--locality {
  white-space: nowrap;
}
#expansion-panel-view .expansion-pill-toggle--locality:has(input:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
#expansion-panel-view .expansion-smart-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
#expansion-panel-view .expansion-smart-item span {
  margin-left: 6px;
  opacity: 0.72;
  font-size: 11px;
}


/* Prevent accidental horizontal scrollbar in bottom sheet / A1 / Expansion */
.askbase-bottom-sheet,
.askbase-bottom-sheet__content,
.askbase-bottom-sheet__body,
#expansion-panel-view,

.askbase-bottom-sheet__controls-row,
.askbase-bottom-sheet__controls-row--expansion {
  overflow-x: visible !important;
}

#expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__body {
  container-type: inline-size;
  container-name: expansion-market;
}
#expansion-panel-view .expansion-metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
#expansion-panel-view #expansionSummaryMetrics {
  display: flex;
  flex-direction: column;
  gap: 6px;
  grid-template-columns: none;
  margin-bottom: 8px;
}
#expansion-panel-view .expansion-metric-band {
  display: grid;
  gap: 6px;
  min-width: 0;
}
#expansion-panel-view .expansion-metric-band--volume {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#expansion-panel-view .expansion-metric-band--area {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#expansion-panel-view .expansion-metric-band--price {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#expansion-panel-view .expansion-metric {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-radius: 10px;
  border: none;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  padding: 6px 7px 5px;
}
#expansion-panel-view #expansionSummaryMetrics {
  gap: 0;
  margin-bottom: 10px;
}
#expansion-panel-view #expansionSummaryMetrics .expansion-metric-band {
  gap: 2px 14px;
  padding: 6px 0;
}
#expansion-panel-view #expansionSummaryMetrics .expansion-metric-band + .expansion-metric-band {
  border-top: 0.5px solid var(--ask-map-chrome-divider, rgba(15, 23, 42, 0.07));
}
#expansion-panel-view #expansionSummaryMetrics .expansion-metric,
#expansion-panel-view #expansionSummaryMetrics .expansion-metric--price {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 4px 0;
}
#expansion-panel-view #expansionSummaryMetrics .expansion-metric-head {
  flex: 1 1 auto;
  min-width: 0;
}
#expansion-panel-view #expansionSummaryMetrics .expansion-metric-value,
#expansion-panel-view #expansionSummaryMetrics .expansion-metric-band--price .expansion-metric-value {
  flex: 0 1 auto;
  max-width: 58%;
  text-align: right;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.03em;
}
#expansion-panel-view .expansion-metric--price {
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
}
#expansion-panel-view .expansion-metric-head {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
#expansion-panel-view .expansion-metric-icon {
  flex: 0 0 var(--exp-icon-field);
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  color: var(--exp-icon-ink);
  line-height: 0;
}
#expansion-panel-view .expansion-metric-icon svg {
  display: block;
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
}
#expansion-panel-view .expansion-metric-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--exp-type-label-size);
  font-weight: var(--exp-type-label-weight);
  letter-spacing: 0.01em;
  color: var(--exp-ink-muted);
  margin-bottom: 0;
}
#expansion-panel-view .expansion-metric-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--exp-type-body-size);
  font-weight: var(--exp-type-primary-weight);
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--exp-ink-strong);
  font-variant-numeric: tabular-nums;
}
#expansion-panel-view .expansion-metric-band--price .expansion-metric-value {
  font-size: var(--exp-type-primary-size);
}
#expansion-panel-view .expansion-market-status {
  margin: 0 0 8px;
}
#expansion-panel-view .expansion-market-status:empty {
  display: none;
}
#expansion-panel-view .expansion-market-status:not(:empty) {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  max-width: 100%;
  padding: 0 7px;
  border-radius: 8px;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  color: var(--exp-ink-muted);
  font-size: 10px;
  font-weight: 550;
  line-height: 1.2;
  white-space: nowrap;
}
#expansion-panel-view .expansion-dist-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
#expansion-panel-view .expansion-dist-col {
  min-width: 0;
  padding: 7px 8px 4px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.03);
  box-shadow: inset 0 0 0 0.5px rgba(15, 23, 42, 0.07);
}
#expansion-panel-view .expansion-dist-title {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: var(--exp-type-label-size);
  font-weight: var(--exp-type-label-weight);
  letter-spacing: 0.01em;
  color: var(--exp-ink-muted);
}
#expansion-panel-view .expansion-dist-title__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#expansion-panel-view .expansion-dist-title__icon {
  flex: 0 0 var(--exp-icon-field);
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
  color: var(--exp-icon-ink);
  line-height: 0;
}
#expansion-panel-view .expansion-dist-title__icon svg {
  display: block;
  width: var(--exp-icon-field);
  height: var(--exp-icon-field);
}
#expansion-panel-view .expansion-bucket-list {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
  max-height: 130px;
  overflow-y: auto;
  font-size: var(--exp-type-label-size);
}
#expansion-panel-view .expansion-bucket-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  border-bottom: 0.5px solid rgba(15, 23, 42, 0.07);
  color: rgba(15, 23, 42, 0.88);
}
#expansion-panel-view .expansion-bucket-list li:last-child {
  border-bottom: none;
}
#expansion-panel-view .expansion-bucket-key {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#expansion-panel-view .expansion-bucket-list li span:last-child,
#expansion-panel-view .expansion-bucket-count {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  border-radius: 7px;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
  color: var(--exp-ink-muted);
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

@container expansion-market (max-width: 300px) {
  #expansion-panel-view .expansion-dist-grid {
    grid-template-columns: 1fr;
  }
  #expansion-panel-view .expansion-metric-icon,
  #expansion-panel-view .expansion-dist-title__icon {
    display: none;
  }
}
#expansion-panel-view .expansion-hex-listings {
  margin-top: 6px;
  max-height: none;
}

#expansion-panel-view .expansion-market-results__item--hex {
  grid-template-columns: 66px minmax(0, 1fr);
}

#expansion-panel-view .expansion-hex-li__open {
  display: none;
}
.leaflet-popup-content .askbase-popup-lite .expansion-ml-preview {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-slot {
  margin-bottom: 6px;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-empty,
.market-listing-panel .market-popup-photo-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  height: 100%;
  border-radius: 8px;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  background: rgba(15, 23, 42, 0.04);
  color: rgba(100, 116, 139, 0.85);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.market-listing-panel .mlp__hero .market-popup-photo-empty,
.market-listing-panel .mlp__hero .mlp__photo-empty {
  min-height: 100% !important;
  height: 100% !important;
  border-radius: 0;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-slot.is-broken-photo,
.market-listing-panel .market-popup-photo-slot.is-broken-photo {
  min-height: 120px;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo {
  position: relative;
  display: block;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-trigger {
  width: 100%;
  height: 180px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(15, 23, 42, 0.45);
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  display: block;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-meta {
  margin-top: 4px;
  font-size: 10px;
  color: #AAB6C7;
  text-align: right;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(2, 6, 23, 0.58);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-nav.is-prev {
  left: 6px;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-nav.is-next {
  right: 6px;
}
.leaflet-popup-content .askbase-popup-lite .market-popup-photo-nav:hover {
  background: rgba(2, 6, 23, 0.76);
}
@media (max-width: 980px) {
  #expansion-panel-view .expansion-kv-grid,
  #expansion-panel-view .expansion-filter-grid,
  #expansion-panel-view .expansion-filter-grid--analytics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #expansion-panel-view .expansion-dist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  #expansion-panel-view .expansion-dock-layout,
  #expansion-panel-view .expansion-shell,
  #expansion-panel-view .expansion-kv-grid,
  #expansion-panel-view .expansion-filter-grid,
  #expansion-panel-view .expansion-filter-grid--analytics,
  #expansion-panel-view .expansion-metrics-grid {
    grid-template-columns: 1fr;
  }
  #expansion-panel-view .expansion-dock-layout {
    flex-wrap: nowrap;
    overflow-x: hidden;
  }
  #expansion-panel-view .expansion-dock-panel--results {
    min-width: 0;
  }
  #expansion-panel-view .expansion-dist-grid {
    grid-template-columns: 1fr;
  }
}

/* Compact urban controls row (28px toolbar, like clusters) */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban {
  --urban-control-height: 28px;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px 0 10px;
  padding-right: 54px; /* keep clear of the close button hit-area */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  position: relative; /* for edge fades */
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
  /* soft edge fade so row doesn't feel "cut off" */
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar {
  height: 3px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.42);
  border-radius: 999px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar-track {
  background: transparent;
}

/* Edge fades (fallback for browsers that ignore mask-image) */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::before,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::after {
  content: "";
  position: sticky;
  top: 0;
  bottom: 0;
  width: 12px;
  pointer-events: none;
  flex: 0 0 12px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::before {
  left: 0;
  background: linear-gradient(to right, rgba(15, 23, 42, 0.35), rgba(15, 23, 42, 0));
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::after {
  right: 0;
  background: linear-gradient(to left, rgba(15, 23, 42, 0.35), rgba(15, 23, 42, 0));
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban label {
  height: var(--urban-control-height);
  min-height: var(--urban-control-height);
  flex: 0 0 auto;
}

/* Base pill visuals — match clusters premium glass */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban label.askbase-pill {
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: #AAB6C7;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill:hover,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban label.askbase-pill:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #E6EDF5;
  border-color: rgba(255, 255, 255, 0.1);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill--active {
  background: rgba(217, 184, 95, 0.16) !important;
  color: #E7C86A !important;
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
}
#urban-panel-view .urban-v2-res-pills {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.urban-mode-switch {
  display: flex;
  gap: 6px;
  margin-left: 8px;
}

.urban-mode-switch button {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.7);
  cursor: pointer;
}

.urban-mode-switch button.active,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban > button[data-mode].active {
  background: rgba(255,255,255,0.15);
  color: #fff;
}

.urban-mode-switch button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Inspect mode — subtle only */
/* Inspect mode — SAFE: do not affect the whole panel background */
#urban-panel-view.urban-mode-inspect .urban-v2-shell__card {
  border-color: rgba(255,255,255,0.10);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06);
}

/*
 * Urban Inspect — typography + row rhythm (Cell Summary, Urban Composition, Drivers / Signals only).
 * Does not affect Radar / Clusters / Cabinet or Urban non-inspect modes.
 */
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test.urban-v2-shell__card,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-composition.urban-v2-shell__card,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-drivers.urban-v2-shell__card {
  justify-content: space-between;
  height: auto !important;
  min-height: 236px !important;
  max-height: none !important;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__body,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-composition__body,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-drivers__body {
  gap: 8px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__header,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-composition__header,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-drivers__header {
  margin-bottom: 8px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__title,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-composition__title,
#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-drivers__title {
  font-size: 16px;
  margin-bottom: 0;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__body .urban-v2-cell-summary__grid.urban-v2-details__grid {
  gap: 0 10px;
  line-height: 1.45;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__body .urban-v2-details__row-label {
  font-size: 15px;
  line-height: 1.45;
  padding-top: 6px;
  padding-bottom: 6px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-retail-card-test__body .urban-v2-details__row-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  padding-top: 6px;
  padding-bottom: 6px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-comp-table__row {
  font-size: 15px;
  line-height: 1.45;
  padding-top: 6px;
  padding-bottom: 6px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-comp-table__count,
#urban-panel-view.urban-mode-inspect .urban-v2-comp-table__pct {
  font-size: 16px;
  font-weight: 500;
}

#urban-panel-view.urban-mode-inspect .urban-v2-comp-table__label {
  font-size: 15px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-comp-insight {
  font-size: 14px;
  line-height: 1.45;
  margin-top: 4px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-drivers__group-title {
  font-size: 13px;
  line-height: 1.35;
  margin-bottom: 6px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-drivers__row,
#urban-panel-view.urban-mode-inspect .urban-v2-drivers__row--leader {
  font-size: 15px;
  line-height: 1.45;
  padding-top: 6px;
  padding-bottom: 6px;
}

#urban-panel-view.urban-mode-inspect .urban-v2-drivers__value {
  font-size: 16px;
  font-weight: 500;
}

#urban-panel-view.urban-mode-inspect .urban-v2-drivers__label {
  font-size: 15px;
}

/* Class select — same surface, remove native look */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill {
  height: var(--urban-control-height);
  min-height: var(--urban-control-height);
  padding: 0 28px 0 10px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6EDF5;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23AAB6C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px 14px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill:focus,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill:focus-visible {
  border-color: rgba(217, 184, 95, 0.45);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill option {
  background: rgba(15, 23, 42, 0.96);
  color: #E6EDF5;
}

/* Conf pill: same "premium translucent" slider look */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  white-space: nowrap;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill span:first-child {
  font-size: 12px;
  color: #AAB6C7;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill input[type="range"] {
  margin-left: 2px;
  width: 110px;
  background: transparent;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2MinConf {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill input[type="range"]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #E7C86A; /* match Clusters slider */
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin-top: -4px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-pill input[type="range"]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #E7C86A; /* match Clusters slider */
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/* Urban V2 Opacity slider: match retail/clusters opacity slider look (track + thumb) */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2Opacity {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  margin-left: 4px;
  width: 90px;
  background: transparent;
  padding: 0;
  display: block;
  height: 12px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2Opacity::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2Opacity::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2Opacity::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E7C86A;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin-top: -4px;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban #urbanV2Opacity::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E7C86A;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-conf-value {
  font-size: 12px;
  font-weight: 600;
  min-width: 22px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Empty checkbox: clusters-style custom checkbox (dark, premium) */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-empty-pill {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  white-space: nowrap;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-empty-pill input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: inline-block;
  position: relative;
  margin: 0 6px 0 0 !important;
  flex: 0 0 auto;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-empty-pill input[type="checkbox"]:checked {
  background: rgba(217, 184, 95, 0.18);
  border: 1px solid rgba(217, 184, 95, 0.35);
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-empty-pill input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background: #E7C86A;
}

/* Icon-only toggle for Buildings points clusters */
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-icon-pill {
  width: var(--urban-control-height);
  min-width: var(--urban-control-height);
  padding: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-icon-pill:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .urban-v2-icon-pill.is-active {
  background: rgba(217, 184, 95, 0.16) !important;
  color: #E7C86A !important;
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
}

#urban-panel-view .urban-v2-multiselect {
  position: relative;
  min-width: 150px;
  height: var(--urban-control-height);
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.05);
}

#urban-panel-view .urban-v2-multiselect__button {
  width: 100%;
  height: 28px;
  border: 0;
  background: transparent;
  color: rgba(241,245,249,.9);
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 0 10px;
  cursor: pointer;
}

#urban-panel-view .urban-v2-multiselect__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1200;
  width: 240px;
  max-height: 220px;
  overflow-y: auto;
  border-radius: 12px;
  border: 1px solid rgba(226,232,240,.14);
  background: rgba(15,23,42,.92);
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  padding: 6px;
}

#urban-panel-view .urban-v2-multiselect__menu.is-hidden {
  display: none;
}

#urban-panel-view .urban-v2-multiselect__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  border-radius: 8px;
  color: rgba(241,245,249,.9);
  font-size: 12px;
}

#urban-panel-view .urban-v2-multiselect__row:hover {
  background: rgba(255,255,255,.06);
}

#urban-panel-view .urban-v2-multiselect__row input[type="checkbox"] {
  accent-color: #facc15;
}

#urban-panel-view .urban-v2-multiselect__divider {
  height: 1px;
  margin: 4px 2px 6px;
  background: rgba(226,232,240,.12);
}

/* Header ↔ body rhythm: match clusters density */
#urban-panel-view .askbase-bottom-sheet__body {
  padding-top: 2px;
  flex: 1 1 auto;
  min-height: 0;
  padding-right: 4px;
  overflow: hidden; /* scroll lives in inner container (Radar-style) */
  display: flex;
  flex-direction: column;
}

.urban-v2-shell__grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
    width: max-content;
    max-width: 100%;
}

/* Layout polish: prevent overly stretched cards */
#urban-panel-view .urban-v2-shell {
  max-width: none;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;   /* Urban scroll root (like #radar-results-grid) */
  overflow-x: hidden;
  position: relative; /* positioning root for scroll-bound drawer */
}

.urban-v2-selected-card {
  /* Compact, non-growing card: must not stretch with drawer */
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
  flex: 0 0 440px !important;
  align-self: flex-start !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.85);
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}

/* Radar parity: selected cell block exists only when there is a selection */
#urban-panel-view .urban-v2-selected-card.is-hidden {
  display: none !important;
}

#urban-panel-view .is-hidden {
  display: none !important;
}

/* Hard-fix parent stretch for selected branch (Urban only) */
#urban-panel-view .urban-v2-shell__grid {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
#urban-panel-view .urban-v2-shell__grid > * {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: flex-start !important;
}
#urban-panel-view .urban-v2-selected-card.urban-v2-shell__card {
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
  flex: 0 0 440px !important;
}
#urban-panel-view .urban-v2-selected-card .urban-v2-shell__card-body {
  width: auto !important;
  max-width: 100% !important;
}

.urban-v2-selected-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 28px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0)
  );
  pointer-events: none;
}

/* Ensure content stays above top highlight */
.urban-v2-selected-card > * {
  position: relative;
  z-index: 1;
}

/* Text styling to match Clusters */
.urban-v2-selected-card .urban-v2-details__row-label,
.urban-v2-selected-card .urban-v2-details__meta-item span,
.urban-v2-selected-card .urban-v2-details__section-title {
  color: rgba(255,255,255,0.5) !important;
}
.urban-v2-selected-card .urban-v2-details__row-value,
.urban-v2-selected-card .urban-v2-details__meta-item,
.urban-v2-selected-card .urban-v2-details__title {
  color: rgba(255,255,255,0.9);
}

/* Edit UI is now a floating drawer; keep main grid unchanged */

#urban-panel-view .urban-v2-cell-summary-card--hidden {
  display: none !important;
}

#urban-panel-view .urban-v2-cell-summary-card__body {
  opacity: 0.92;
  font-size: 11px;
}

#urban-panel-view .urban-v2-cell-summary-placeholder {
  opacity: 0.72;
  font-size: 12px;
}

#urban-panel-view .urban-v2-card-empty-spacer {
  min-height: 1px;
  margin: 0;
  padding: 0;
}

#urban-panel-view .urban-v2-cell-summary__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-bottom: 8px;
}

#urban-panel-view .urban-v2-cell-summary__grid {
  margin-top: 2px;
}

/* Panel B — Urban Composition (500m BI card) */
#urban-panel-view .urban-v2-composition-card--hidden {
  display: none !important;
}

#urban-panel-view .urban-v2-drivers-card--hidden,
#urban-panel-view #urbanV2DriversCard.is-hidden {
  display: none !important;
}

/* Urban Land card — categories + colors (same shell family as Composition) */
#urban-panel-view .urban-land-card.urban-v2-shell__card {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px !important;
  align-self: flex-start !important;
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  color: rgba(255, 255, 255, 0.88);
}
#urban-panel-view .urban-land-card.is-hidden {
  display: none !important;
}
#urban-panel-view .urban-land-card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
#urban-panel-view #urbanParcelsColorToggle {
  font-size: 12px;
  line-height: 1.2;
  padding: 3px 8px;
  min-height: 0;
}
#urban-panel-view #urbanParcelsColorToggle.askbase-pill--active {
  background: rgba(47, 158, 68, 0.28);
  border-color: rgba(245, 196, 0, 0.7);
}
#urban-panel-view .urban-parcels-swatch {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex: 0 0 auto;
  display: none;
}
#urban-panel-view .urban-land-card.is-color-mode .urban-parcels-swatch {
  display: block;
}
#urban-panel-view .urban-land-card.is-color-mode .urban-parcels-cat-label {
  color: var(--parcel-cat, inherit);
}
#urban-panel-view .urban-land-card .urban-v2-shell__card-body,
#urban-panel-view .urban-parcels-multiselect {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 220px;
  overflow: auto;
}
#urban-panel-view .urban-parcels-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(226, 232, 240, 0.92);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
#urban-panel-view .urban-parcels-option:hover,
#urban-panel-view .urban-parcels-option:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  outline: none;
}
#urban-panel-view .urban-parcels-option.is-selected {
  background: rgba(248, 242, 218, 0.16);
  color: #f8fafc;
  font-weight: 600;
}
#urban-panel-view .urban-parcels-checkbox {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1.5px solid rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#urban-panel-view .urban-parcels-option.is-selected .urban-parcels-checkbox {
  background: rgba(217, 184, 95, 0.95);
  border-color: rgba(180, 140, 40, 0.7);
}
#urban-panel-view .urban-parcels-option.is-selected .urban-parcels-checkbox::after {
  content: "";
  width: 4px;
  height: 7px;
  border: solid #fff;
  border-width: 0 1.75px 1.75px 0;
  transform: rotate(45deg);
  margin-top: -1px;
}
#urban-panel-view .urban-parcels-cat-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}
#urban-panel-view #urbanParcelsToggle.askbase-pill--active {
  background: rgba(47, 158, 68, 0.35);
  border-color: rgba(245, 196, 0, 0.7);
}
#urban-panel-view .urban-v2-retail-card-composition.urban-v2-shell__card {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px !important;
  align-self: flex-start !important;
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

#urban-panel-view .urban-v2-retail-card-composition__header {
  margin-bottom: 6px;
}

#urban-panel-view .urban-v2-retail-card-composition__title {
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  color: #e6edf5;
  letter-spacing: 0.01em;
}

#urban-panel-view .urban-v2-retail-card-composition__body {
  font-size: 11px;
  opacity: 0.95;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
}

#urban-panel-view .urban-v2-retail-card-drivers.urban-v2-shell__card {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px !important;
  align-self: flex-start !important;
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

#urban-panel-view .urban-v2-retail-card-drivers__header {
  margin-bottom: 6px;
}

#urban-panel-view .urban-v2-retail-card-drivers__title {
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  color: #e6edf5;
  letter-spacing: 0.01em;
}

#urban-panel-view .urban-v2-retail-card-drivers__body {
  font-size: 11px;
  opacity: 0.95;
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1 1 auto;
  min-height: 0;
}

#urban-panel-view .urban-v2-drivers__group {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

#urban-panel-view .urban-v2-drivers__group-title {
  font-size: 10px;
  line-height: 1.2;
  color: rgba(226, 232, 240, 0.62);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 0;
}

#urban-panel-view .urban-v2-drivers__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  align-items: baseline;
  font-size: 10.5px;
  line-height: 1.25;
}

#urban-panel-view .urban-v2-drivers__row--leader {
  grid-template-columns: auto minmax(12px, 1fr) auto;
  column-gap: 6px;
}

#urban-panel-view .urban-v2-drivers__leader {
  min-height: 1px;
  margin-bottom: 3px;
  align-self: end;
}

#urban-panel-view .urban-v2-drivers__value-pending {
  opacity: 0.55;
}

#urban-panel-view .urban-v2-drivers__label {
  color: rgba(226, 232, 240, 0.76);
}

#urban-panel-view .urban-v2-drivers__value {
  color: rgba(248, 250, 252, 0.96);
  text-align: right;
  font-weight: 500;
}

/* Urban visual prototype: reuse Retail/Clusters analytics card shell */
#urban-panel-view .urban-v2-retail-card-test.urban-v2-shell__card {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px !important;
  align-self: flex-start !important;
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

#urban-panel-view .urban-v2-retail-card-test__header {
  margin-bottom: 6px;
}

#urban-panel-view .urban-v2-retail-card-test__title {
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  color: #e6edf5;
  letter-spacing: 0.01em;
}

#urban-panel-view .urban-v2-retail-card-test__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

#urban-panel-view .urban-v2-retail-card-test__body .urban-v2-cell-summary__badges {
  gap: 4px 6px;
  margin-bottom: 3px;
}

#urban-panel-view .urban-v2-retail-card-test__body .urban-v2-cell-summary__grid.urban-v2-details__grid {
  gap: 1px 8px;
  line-height: 1.2;
}

#urban-panel-view .urban-v2-retail-card-test__body .urban-v2-details__row-label,
#urban-panel-view .urban-v2-retail-card-test__body .urban-v2-details__row-value {
  font-size: 10.3px;
}

#urban-panel-view .urban-v2-retail-card-test__body .urban-v2-details__row-value {
  line-height: 1.15;
}

/* Old .urban-v2-composition-card shell selectors are intentionally not used anymore. */

#urban-panel-view .urban-v2-comp-bar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  margin-bottom: 6px;
}

#urban-panel-view .urban-v2-comp-bar--empty .urban-v2-comp-bar__track {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.04);
}

#urban-panel-view .urban-v2-comp-bar__seg {
  height: 100%;
  min-width: 0;
  flex-shrink: 0;
}

#urban-panel-view .urban-v2-comp-bar__seg--res {
  background: rgba(96, 165, 250, 0.5);
}
#urban-panel-view .urban-v2-comp-bar__seg--com {
  background: rgba(217, 184, 95, 0.48);
}
#urban-panel-view .urban-v2-comp-bar__seg--soc {
  background: rgba(45, 212, 191, 0.42);
}
#urban-panel-view .urban-v2-comp-bar__seg--ind {
  background: rgba(167, 139, 250, 0.45);
}
#urban-panel-view .urban-v2-comp-bar__seg--oth {
  background: rgba(148, 163, 184, 0.42);
}

#urban-panel-view .urban-v2-comp-table {
  display: flex;
  flex-direction: column;
  gap: 3px 0;
  margin-bottom: 6px;
  font-variant-numeric: tabular-nums;
}

#urban-panel-view .urban-v2-comp-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3.2em 2.6em;
  column-gap: 8px;
  align-items: baseline;
  font-size: 11px;
  line-height: 1.25;
}

#urban-panel-view .urban-v2-comp-table__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: rgba(226, 232, 240, 0.78);
  font-weight: 500;
}

#urban-panel-view .urban-v2-comp-table__label-text {
  min-width: 0;
}

#urban-panel-view .urban-v2-comp-table__marker {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

#urban-panel-view .urban-v2-comp-table__marker--res {
  background: rgba(96, 165, 250, 0.5);
}
#urban-panel-view .urban-v2-comp-table__marker--com {
  background: rgba(217, 184, 95, 0.48);
}
#urban-panel-view .urban-v2-comp-table__marker--soc {
  background: rgba(45, 212, 191, 0.42);
}
#urban-panel-view .urban-v2-comp-table__marker--ind {
  background: rgba(167, 139, 250, 0.45);
}
#urban-panel-view .urban-v2-comp-table__marker--oth {
  background: rgba(148, 163, 184, 0.42);
}

#urban-panel-view .urban-v2-comp-table__count,
#urban-panel-view .urban-v2-comp-table__pct {
  text-align: right;
  color: rgba(248, 250, 252, 0.92);
  font-weight: 500;
}

#urban-panel-view .urban-v2-comp-table__pct {
  color: rgba(226, 232, 240, 0.72);
  font-weight: 400;
}

#urban-panel-view .urban-v2-comp-insight {
  margin: 2px 0 0;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(203, 213, 225, 0.88);
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.urban-v2-edit-badge {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(231, 200, 106, 0.95);
  opacity: 0.95;
}

.urban-edit-drawer__title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  color: rgba(226, 232, 240, 0.95);
}

/* ===== Urban Edit Drawer (Clusters-style glass) ===== */
#urban-edit-drawer {
  position: absolute;
  right: 16px;
  top: 16px;   /* inside scrollable content */
  bottom: auto;
  width: 320px;
  max-width: 90vw;
  z-index: 30;

  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 12px;
  overflow: hidden;
}

#urban-edit-drawer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 28px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(
    rgba(255,255,255,0.06),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

#urban-edit-drawer > * {
  position: relative;
  z-index: 1;
}

/* Inputs: unified system look */
#urban-edit-drawer select,
#urban-edit-drawer textarea {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.9);
  border-radius: 8px;
  padding: 8px;
}

#urban-edit-drawer textarea::placeholder {
  color: rgba(255,255,255,0.55);
}

/* Buttons: match Urban/Clusters pill system */
#urban-edit-drawer .askbase-pill {
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.10);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
#urban-edit-drawer .askbase-pill:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.94);
}
/* Primary action (Apply) — gold, not blue */
#urban-edit-drawer .askbase-pill--active {
  background: rgba(217, 184, 95, 0.16) !important;
  border-color: rgba(217, 184, 95, 0.38) !important;
  color: rgba(255, 245, 200, 0.95) !important;
  box-shadow: inset 0 0 0 1px rgba(217, 184, 95, 0.10) !important;
}

@media (max-width: 768px) {
  #urban-edit-drawer {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 12px;
  }
}

.urban-v2-edit-empty {
  opacity: 0.85;
}

.urban-v2-edit-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}

.urban-v2-edit-label {
  font-size: 11px;
  color: rgba(170, 182, 199, 0.95);
}

.urban-v2-edit-note {
  width: 100%;
  border-radius: 9px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6EDF5;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  box-sizing: border-box;
  outline: none;
  resize: vertical;
  min-height: 56px;
}

.urban-v2-edit-note:focus {
  border-color: rgba(217, 184, 95, 0.45);
}

.urban-v2-edit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.urban-v2-shell__card {
    border-radius: 12px;
    padding: 10px 12px;
    background: rgba(15, 23, 42, 0.90);
    border: 1px solid rgba(148, 163, 184, 0.45);
}

.urban-v2-shell__card-title {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.urban-v2-shell__card-body {
    font-size: 12px;
    opacity: 0.75;
}

/* ===== Master address: lightweight map-tooltip popup ===== */
.leaflet-popup-content .askbase-popup-lite {
  margin: 0;
  padding: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 8px 10px;
  min-width: 160px;
  color: #fff;
}
.askbase-popup-lite .popup-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #E6EDF5;
  line-height: 1.3;
}
.askbase-popup-lite .popup-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  opacity: 0.85;
  line-height: 1.4;
}
.askbase-popup-lite .popup-row span:first-child {
  color: #AAB6C7;
}
.askbase-popup-lite .popup-row span:last-child {
  color: #E6EDF5;
  text-align: right;
}
.askbase-popup-lite.land-popup {
  max-width: 340px;
  max-height: 380px;
  overflow: auto;
}
.askbase-popup-lite.land-popup .popup-row {
  align-items: flex-start;
}
.askbase-popup-lite.land-popup .popup-row span:last-child {
  max-width: 200px;
  word-break: break-word;
}
.askbase-popup-lite.land-popup a {
  color: #7dd3fc;
  word-break: break-all;
}

/* Leaflet: transparent wrapper, tip matches lite popup */
.leaflet-popup-content-wrapper:has(.askbase-popup-lite) {
  background: transparent;
  box-shadow: none;
}
.leaflet-popup-content:has(.askbase-popup-lite) {
  margin: 0;
}
.leaflet-popup:has(.askbase-popup-lite) .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.45);
}

/* Market listing side panel + cinematic focus spotlight */
.market-listing-panel {
  position: fixed;
  inset: 0;
  z-index: 9600;
  pointer-events: none;
  --market-focus-x: 60%;
  --market-focus-y: 50%;
}
.market-listing-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 220ms ease;
  background:
    radial-gradient(
      circle 220px at var(--market-focus-x) var(--market-focus-y),
      rgba(255, 255, 255, 0) 0%,
      rgba(15, 23, 42, 0.10) 54%,
      rgba(15, 23, 42, 0.24) 100%
    );
}
.market-listing-panel.is-focus::before {
  opacity: 1;
}
.market-listing-panel__sheet {
  position: absolute;
  left: 10px;
  top: 8px !important;
  bottom: auto !important;
  width: min(720px, 62vw) !important;
  min-width: 580px !important;
  max-width: 760px !important;
  height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
  max-height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
  transform: translateX(calc(-104% - 10px));
  /* height tracks Expansion sheet: #askbase-bottom-sheet transform .24s ease */
  transition: transform 220ms ease, height 0.24s ease, max-height 0.24s ease;
  pointer-events: auto;
  background: var(--ask-map-panel-glass-bg);
  backdrop-filter: var(--ask-map-panel-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur);
  border: 0.5px solid var(--ask-map-panel-glass-border);
  border-radius: var(--ask-map-panel-radius, 22px);
  box-shadow: var(--ask-map-panel-glass-shadow);
  padding: 12px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #0f172a;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.12) transparent;
}
.market-listing-panel__sheet::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.market-listing-panel__sheet::-webkit-scrollbar-track {
  background: transparent;
}
.market-listing-panel__sheet::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.10);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
.market-listing-panel__sheet::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.22);
  border: 1px solid transparent;
  background-clip: padding-box;
}
.market-listing-panel__sheet::before { content: none; }
.market-listing-panel.is-open .market-listing-panel__sheet {
  transform: translateX(0);
}
.market-listing-panel__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 28px;
  padding: 2px 2px 10px;
  position: sticky;
  top: 0;
  z-index: 4;
  background: transparent;
}
.market-listing-panel__topbar-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}
.market-listing-panel__topbar .mlp__topbar-texts {
  min-width: 0;
  flex: 1 1 auto;
  padding-right: 4px;
  text-align: left;
}
.market-listing-panel__topbar .mlp__topbar-texts .mlp__title {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--mlp-ink, #0f172a);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}
.market-listing-panel__topbar .mlp__topbar-texts .mlp__meta {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: var(--mlp-muted, #475569);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.market-listing-panel__topbar .mlp__topbar-cluster {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex: 0 0 auto;
  margin-left: 0;
  padding-top: 1px;
}
.market-listing-panel__topbar .mlp__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}
.market-listing-panel__topbar .mlp__actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  margin-left: 0;
  height: 24px;
}
/* Match cabinet listing header: muted slate glyphs, no chip/circle */
.market-listing-panel__topbar .mlp__actions .favorite-btn,
.market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn,
.market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn,
.market-listing-panel__topbar .mlp__actions .market-listing-top-btn,
.market-listing-panel__topbar .mlp__actions .listing-edit-btn--icon {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #475569 !important;
  opacity: 0.88 !important;
  outline: none !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
  transform: none !important;
  cursor: pointer !important;
  transition: color 0.16s ease, opacity 0.16s ease !important;
  font-size: 0 !important;
}
.market-listing-panel__topbar .mlp__actions .favorite-btn,
.market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn,
.market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn,
.market-listing-panel__topbar .mlp__actions .market-listing-top-btn {
  color: #475569 !important;
  opacity: 1 !important;
}
.market-listing-panel__topbar .mlp__actions .favorite-btn:hover,
.market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn:hover,
.market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn:hover,
.market-listing-panel__topbar .mlp__actions .market-listing-top-btn:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #0f172a !important;
  opacity: 1 !important;
  transform: none !important;
}
/* Close: restore previous size/weight (not muted like action glyphs) */
.market-listing-panel__close {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
  outline: none !important;
  line-height: 0 !important;
  flex: 0 0 auto !important;
  transform: none !important;
  cursor: pointer !important;
  transition: color 0.16s ease !important;
  font-size: 0 !important;
}
.market-listing-panel__close:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
  transform: none !important;
}
.market-listing-panel__topbar .mlp__actions .favorite-btn.is-active,
.market-listing-panel__topbar .mlp__actions .favorite-btn.is-favorite,
.market-listing-panel__topbar .mlp__actions .favorite-btn.favorite-active,
.market-listing-panel__topbar .mlp__actions .favorite-btn[data-favorite="true"] {
  background: rgba(251, 191, 36, 0.16) !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #b45309 !important;
  opacity: 1 !important;
}
.market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn.is-active,
.market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn.is-active,
.market-listing-panel__topbar .mlp__actions .market-listing-top-btn.is-active {
  background: rgba(250, 204, 21, 0.18) !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #ca8a04 !important;
  opacity: 1 !important;
}
.market-listing-panel__topbar .mlp__actions .cabinet-fav-icon {
  font-size: 13px !important;
  line-height: 1 !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}
.market-listing-panel__topbar .mlp__actions .cabinet-fav-icon svg,
.market-listing-panel__topbar .mlp__actions .favorite-btn svg,
.market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn svg,
.market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn svg,
.market-listing-panel__topbar .mlp__actions .market-listing-top-btn svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  color: inherit !important;
}
.market-listing-panel__topbar .mlp__actions .cabinet-hot-icon {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  color: inherit !important;
}
/* Trash/edit/cabinet: same thin glyph size + slate as cabinet btn. */
.market-listing-panel__topbar .mlp__actions .listing-edit-btn--icon {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 0 !important;
  color: #475569 !important;
  opacity: 1 !important;
}
.market-listing-panel__topbar .mlp__actions .listing-edit-btn--icon svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
}
.market-listing-panel__topbar .mlp__actions .listing-edit-btn--icon:hover {
  color: #0f172a !important;
  opacity: 1 !important;
  background: transparent !important;
}
.market-listing-panel__topbar .mlp__actions .listing-delete-header-btn:hover {
  color: #dc2626 !important;
  opacity: 1 !important;
  background: transparent !important;
}
.market-listing-panel__close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  line-height: 0;
  color: inherit;
}
.market-listing-panel__close-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
.market-listing-panel__close-icon svg path {
  stroke: currentColor;
  stroke-width: 2;
}
.market-listing-panel__body {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
/* LEGACY INTERIOR DISABLED — replaced by .mlp premium namespace */

@media (max-width: 1200px) {
  .market-listing-panel__sheet {
    width: min(620px, 72vw) !important;
    min-width: 480px !important;
    max-width: 660px !important;
    max-height: var(--market-listing-panel-max-height, calc(100vh - 64px)) !important;
  }
}
@media (max-width: 980px) {
  .market-listing-panel__sheet {
    width: min(520px, 94vw) !important;
    min-width: 360px !important;
  }
}

/* Market listing photo viewer — light gamma (cabinet listing-photo-viewer parity) */
.market-photo-viewer {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: none;
}
.market-photo-viewer.is-open {
  display: block;
}
.market-photo-viewer-frozen-preview {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* Cabinet listing-photo-viewer has no frozen wash — keep this inert. */
  display: none;
}
.market-photo-viewer-frozen-preview.is-visible {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.market-photo-viewer-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* Canonical dim: ask-delete-dialog.css tokens (same as cabinet photo viewer). */
  background: var(--ask-delete-backdrop-bg);
  backdrop-filter: var(--ask-delete-backdrop-blur);
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur);
}
.market-photo-viewer-dialog {
  position: relative;
  z-index: 2;
  margin: 12px auto 0;
  width: min(920px, calc(100vw - 24px));
  height: calc(100vh - var(--market-photo-viewer-bottom-offset, 140px));
  max-height: calc(100vh - var(--market-photo-viewer-bottom-offset, 140px));
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.market-photo-viewer-main {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.10);
}
.market-photo-viewer-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.market-photo-viewer-thumbs {
  margin-top: 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  flex: 0 0 auto;
  background: transparent;
  border-radius: 10px;
  padding: 6px 0 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.18) transparent;
  border-top: 0;
}
.market-photo-viewer-thumbs::-webkit-scrollbar {
  height: 8px;
}
.market-photo-viewer-thumbs::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
.market-photo-viewer-thumbs::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.market-photo-viewer-thumbs::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.28);
  border: 2px solid transparent;
  background-clip: padding-box;
}
.market-photo-viewer-thumbs::-webkit-scrollbar-thumb:active {
  background: rgba(148, 163, 184, 0.36);
}
.market-photo-viewer-thumb {
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #fff;
  border-radius: 8px;
  width: 74px;
  height: 56px;
  padding: 0;
  overflow: hidden;
  flex: 0 0 auto;
  cursor: pointer;
  opacity: 1;
  transition: box-shadow 120ms ease, border-color 120ms ease;
}
.market-photo-viewer-thumb:hover {
  border-color: rgba(15, 23, 42, 0.28);
}
.market-photo-viewer-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.market-photo-viewer-thumb.is-active {
  opacity: 1;
  border-color: rgba(37, 99, 235, 0.8);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}
/* Close X only on zoom overlay — not on the gallery viewer. */
.market-photo-viewer-close-btn {
  display: none !important;
}
.market-photo-viewer-zoom-btn {
  position: absolute;
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0.92;
  transition: opacity 0.15s ease, transform 0.15s ease;
  top: auto;
  bottom: 14px;
  right: 14px;
  /* Soft halo so the icon stays readable on light and busy photos */
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.55))
    drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
}
.market-photo-viewer-zoom-btn svg {
  width: 22px;
  height: 22px;
  display: block;
  pointer-events: none;
}
.market-photo-viewer-zoom-btn:hover,
.market-photo-viewer-zoom-btn:focus-visible {
  opacity: 1;
  transform: scale(1.06);
  outline: none;
}
.market-photo-viewer-zoom-btn:active {
  transform: scale(0.96);
  opacity: 0.88;
}
.market-photo-viewer-zoom-btn[aria-pressed="true"] {
  opacity: 1;
}
.market-photo-zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  padding: 0 !important;
  background: var(--ask-delete-backdrop-bg) !important;
  backdrop-filter: var(--ask-delete-backdrop-blur);
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur);
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
}
.market-photo-zoom-overlay.is-open {
  display: flex;
}
.market-photo-zoom-stage {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}
.market-photo-zoom-stage.is-dragging {
  cursor: grabbing;
}
.market-photo-zoom-img {
  max-width: 96vw !important;
  max-height: 96vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 14px;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.18);
  transform: translate3d(var(--zoom-x, 0px), var(--zoom-y, 0px), 0) scale(var(--zoom-scale, 1.4));
  transform-origin: center center;
  will-change: transform;
}
.market-photo-zoom-close {
  position: fixed;
  top: 16px;
  right: 18px;
  z-index: 100000;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.78);
  font-size: 0;
  line-height: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 1;
  transition: color 0.15s ease, opacity 0.15s ease;
  filter: none;
}
.market-photo-zoom-close svg {
  width: 22px;
  height: 22px;
  display: block;
  pointer-events: none;
}
.market-photo-zoom-close:hover,
.market-photo-zoom-close:focus-visible {
  color: #0f172a;
  opacity: 1;
  transform: none;
  outline: none;
}
.market-photo-zoom-close:active {
  color: #0f172a;
  opacity: 0.88;
  transform: none;
}
.market-photo-zoom-overlay,
.market-photo-zoom-stage {
  overflow: hidden !important;
}
.market-photo-zoom-overlay * {
  scrollbar-width: none !important;
}
.market-photo-zoom-overlay *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Urban V2: details card */
.urban-v2-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.urban-v2-details__header {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    align-items: center;
}

.urban-v2-details__title {
    font-weight: 600;
    font-size: 12px;
}

.urban-v2-details__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    font-size: 11px;
    opacity: 0.9;
}

.urban-v2-details__meta-item span {
    opacity: 0.7;
}

.urban-v2-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    background: rgba(15,23,42,0.85);
    border: 1px solid rgba(148,163,184,0.6);
}

.urban-v2-badge--private {
    border-color: rgba(96,165,250,0.8);
    color: #dbeafe;
}

.urban-v2-badge--midrise {
    border-color: rgba(52,211,153,0.8);
    color: #dcfce7;
}

.urban-v2-badge--nonres {
    border-color: rgba(249,115,22,0.8);
    color: #ffedd5;
}

.urban-v2-badge--other {
    border-color: rgba(168,85,247,0.8);
    color: #f5f3ff;
}

.urban-v2-badge--unknown {
    border-color: rgba(107,114,128,0.8);
    color: #e5e7eb;
}

.urban-v2-details__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4px 12px;
    font-size: 11px;
}

.urban-v2-details__row-label {
    opacity: 0.7;
}

.urban-v2-details__row-value {
    text-align: right;
}

.urban-v2-details__section-title {
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 11px;
    opacity: 0.8;
}

.urban-v2-details__location {
    font-size: 11px;
    opacity: 0.75;
}

.urban-v2-empty {
    font-size: 12px;
    opacity: 0.8;
}

/* Selected cell empty-state: match Radar (empty block, no helper text)
   Keep DOM/layout stable, but hide helper text robustly across re-renders. */
#urban-panel-view .urban-v2-empty {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}
#urban-panel-view .urban-v2-empty * {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

/* Urban Grid: селект доминирующего класса и число Conf компактнее */
#wsDominantClass {
    height: 24px;
    padding: 2px 6px;
    font-size: 10.5px;
}

#wsMinConfVal {
    width: 26px;
    font-size: 10.5px;
}

    /* =========================
       ANALYZE PANEL (bottom)
       ========================= */
    .askbase-analyze-panel {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2500;

        display: none;
        flex-direction: column;
        gap: 8px;

        padding: 10px;
        border-top: 1px solid rgba(255,255,255,.16);

        background: rgba(15,23,42,.55);
        backdrop-filter: blur(12px);
    }

    .askbase-analyze-panel--open {
        display: flex;
    }

    .askbase-analyze-header {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .askbase-analyze-title {
        font-weight: 700;
        opacity: .95;
    }


     .askbase-analyze-body{
        margin-top: 10px;

        display: grid;
        grid-template-columns: 1fr 1fr 1.2fr 1.3fr; /* 👈 ВАЖНО */
        gap: 10px;

  flex: 1;
  min-height: 0;
  overflow: hidden;
}

    .askbase-analyze-col {
        flex: 1;
        min-width: 320px;

        border-radius: 12px;
        border: 1px solid rgba(255,255,255,.16);
        background: rgba(2,6,23,.35);
        padding: 10px;

        max-height: 42vh;
        overflow: auto;
    }

    .askbase-panel--hidden {
        transform:translateX(-110%);
        opacity:0;
        pointer-events:none;
    }

#askbase-panel {
  pointer-events: auto;
}

#askbase-panel.askbase-panel--open {
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

    .askbase-panel__title-row {
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:10px;
        margin-bottom:6px;
    }
    .askbase-panel__title {
        font-size:18px;
        font-weight:600;
    }
    .askbase-panel__subtitle {
        font-size:12px;
        opacity:0.8;
    }

    .askbase-panel__section {
        margin-top:16px;
    }
    .askbase-panel__section-title {
        font-size:14px;
        margin-bottom:8px;
        opacity:0.85;
    }

/* =========================
   PANEL CLOSE — plain × like Radar bottom sheet
   ========================= */

.askbase-panel__close {
    position: absolute;
    top: 8px;
    right: 8px;
    left: unset;

    width: 28px;
    height: 28px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 0;
    border: none;

    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    color: rgba(15, 23, 42, 0.84);
    cursor: pointer;
    box-shadow: none;
    outline: none;
    opacity: 1;

    z-index: 5;
    transition: color 0.16s ease;
}

.askbase-panel__close-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: inherit;
}

.askbase-panel__close-icon svg {
    width: 16px;
    height: 16px;
    display: block;
}

.askbase-panel__close-icon svg path {
    stroke-width: 1.75;
}

.askbase-panel__close:hover {
    background: transparent;
    border-color: transparent;
    color: rgba(15, 23, 42, 0.94);
    box-shadow: none;
}

.askbase-panel__close:active {
    background: transparent;
    color: rgba(15, 23, 42, 0.94);
}

/* ==== ОБРАНЕ (FAVORITES) ==== */
.askbase-fav-summary {
    font-size: 12px;
    line-height: 1.4;
    color: #9ca3af;
    margin-top: 4px;
    margin-bottom: 6px;
}

.askbase-fav-open-btn {
    width: 100%;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,0.4);
    background: rgba(15,23,42,0.85);
    color: #e5e7eb;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    backdrop-filter: blur(12px);
}

.askbase-fav-open-btn:hover {
    background: rgba(30,64,175,0.9);
}

/* Кнопка открытия левой панели — same Radar glass tokens as .askbase-geo-btn */
    .askbase-panel-toggle {
        position: absolute;
        left: 12px;
        top: 8px;
        z-index: 1100;

        width: 38px;
        height: 38px;

        background: var(--askbase-radar-glass-bg);
        backdrop-filter: var(--askbase-radar-glass-blur);
        -webkit-backdrop-filter: var(--askbase-radar-glass-blur);

        border-radius: 10px;
        border: 1px solid var(--askbase-radar-glass-border);

        display: flex;
        align-items: center;
        justify-content: center;

        cursor: pointer;
        box-shadow: var(--askbase-radar-glass-shadow);

        color: rgba(226, 232, 240, 0.92);
        opacity: 0.95;
        transition:
            opacity 0.15s ease,
            transform 0.1s ease,
            border-color 0.15s ease;
        font-size: 18px;         /* размер "бургер"-иконки ☰ */
        line-height: 1;
        padding: 0;
    }

.askbase-panel-toggle:hover {
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.12);
}

.askbase-panel-toggle:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.45);
    outline-offset: 2px;
}

.askbase-panel-toggle:active {
    transform: scale(.94);
}

    .askbase-panel-toggle--hidden {
        display:none;
    }

    /* ==================== ПИЛЮЛИ ==================== */

    .askbase-pill-row {
        display:flex;
        gap:8px;
        flex-wrap:wrap;
    }

    .askbase-pill {
        padding:6px 12px;
        border-radius:999px;
        cursor:pointer;
        font-size:14px;
        white-space:nowrap;
        user-select:none;

        background: rgba(30, 41, 59, 0.18);
        border: 1px solid rgba(15, 23, 42, 0.95);
        color:#e5e7eb;

        box-shadow: 0 0 0 1px rgba(0,0,0,0.9);
        transition:
            background .18s ease,
            transform .12s ease,
            box-shadow .18s ease,
            color .12s ease;
    }

    .askbase-pill:hover {
        background: rgba(31, 41, 55, 0.85);
        border-color: rgba(15, 23, 42, 1);
        box-shadow:
          0 0 16px rgba(15,23,42,0.9),
          0 0 0 1px rgba(0,0,0,1);
    }

    .askbase-pill--active {
        color:#020617;
        border:none;
        box-shadow:
          0 0 0 1px rgba(15,23,42,0.9),
          0 12px 30px rgba(15,23,42,0.9);
        transform:translateY(-1px);
    }

    /* Спеціальні кольори для активних по шарах (для Метки/Теплова) */

    .askbase-pill--layer-master.askbase-pill--active {
        background:linear-gradient(135deg,#38bdf8,#0ea5e9);
    }
    .askbase-pill--layer-rc.askbase-pill--active {
        background:linear-gradient(135deg,#facc15,#f97316);
    }
    .askbase-pill--layer-mall.askbase-pill--active {
        background:linear-gradient(135deg,#fb923c,#ec4899);
    }
    .askbase-pill--layer-sup.askbase-pill--active {
        background:linear-gradient(135deg,#22d3ee,#a855f7);
    }
     .askbase-pill--layer-osm-retail.askbase-pill--active {
    background: linear-gradient(135deg,#22d3ee,#06b6d4);
    }
    .askbase-pill--layer-land.askbase-pill--active {
        background:linear-gradient(135deg,#4ade80,#22c55e);
    }

/* Рядок шарів — компактный, под узкую панель */
.askbase-layer-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:4px;              /* было 8 */
    margin-bottom:4px;    /* было 6 */
}

/* подпись слоя: максимально узко, но без переноса */
.askbase-layer-label {
    font-size:11px;       /* было 13 */
    flex: 0 0 auto;
    white-space: nowrap;
    max-width: 110px;     /* чтобы в 220px всё уместилось */
    overflow: hidden;
    text-overflow: ellipsis; /* длинное “Retailers” аккуратно обрежется */
}

/* блок pill’ов справа */
.askbase-layer-pills {
    display:flex;
    gap:4px;              /* было 6 */
    flex: 0 0 auto;
}

    /* ==================== ЛЕГЕНДА ШАРІВ ==================== */

    .askbase-legend {
        display:flex;
        flex-wrap:wrap;
        gap:6px 10px;
        font-size:12px;
        margin-top:4px;
    }
    .askbase-legend-item {
        display:flex;
        align-items:center;
        gap:4px;
        opacity:0.9;
    }
    .askbase-legend-color {
        width:10px;
        height:10px;
        border-radius:50%;
        box-shadow:0 0 8px rgba(15,23,42,0.9);
    }
    .askbase-legend-color--master { background:#0ea5e9; }
    .askbase-legend-color--rc { background:#facc15; }
    .askbase-legend-color--mall { background:#c084fc; }
    .askbase-legend-color--sup { background:#a855f7; }
    .askbase-legend-color--land { background:#22c55e; }

    @media (max-width: 640px) {
        /* левая панель на мобилке чуть уже */
        .askbase-panel {
            width: 86vw;
        }

        /* Bottom locate/compass inset comes from --ask-map-bottom-controls-inset
           (safe-area + dynamic viewport), not a hard-coded toolbar height. */

        /* правую колонку кнопок тоже чуть выше,
           чтобы жёлтая гео-кнопка гарантированно влезла */
        .leaflet-top.leaflet-right .askbase-right-panel {
            margin-top: 0;
            margin-right: 0;
        }

        /* уменьшаем расстояние между кнопками на узком экране */
        .askbase-right-panel {
            gap: 6px;
        }
    }

/* ССЫЛКА НА КАБИНЕТ */

    .askbase-account-link {
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:8px 14px;
        margin-top:6px;
        border-radius:999px;
        font-size:13px;
        text-decoration:none;
        background:rgba(239, 68, 68, 0.12);
        color:#fecaca;
        border:1px solid rgba(248, 113, 113, 0.6);
        box-shadow:0 10px 22px rgba(127, 29, 29, 0.55);
        cursor:pointer;
        transition:
            background .18s ease,
            box-shadow .18s ease,
            transform .12s ease,
            color .12s ease,
            border-color .18s ease;
    }
    .askbase-account-link:hover {
        background:rgba(248, 113, 113, 0.25);
        border-color:rgba(252, 165, 165, 0.95);
        color:#fee2e2;
        transform:translateY(-1px);
        box-shadow:
          0 16px 35px rgba(127, 29, 29, 0.75),
          0 0 0 1px rgba(15,23,42,0.9);
    }
    .askbase-account-link__arrow {
        font-size:14px;
        opacity:0.9;
    }

    /* Бейдж режима редактора ЖК */
    .askbase-editor-badge {
        margin-top: 10px;
        padding: 6px 10px;
        border-radius: 999px;
        font-size: 11px;

        display: inline-flex;
        align-items: center;
        gap: 6px;

        background: linear-gradient(135deg,
            rgba(34,197,94,0.20),
            rgba(129,140,248,0.18)
        );
        border: 1px solid rgba(52,211,153,0.55);
        box-shadow:
            0 0 0 1px rgba(15,23,42,0.9),
            0 10px 25px rgba(15,23,42,0.9);

        color: #e5e7eb;
    }
    .askbase-editor-badge-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #22c55e;
        box-shadow: 0 0 10px rgba(34,197,94,0.9);
    }

    /* 🔵 Легенда статусов ЖК */

    .rc-legend {
        position: absolute;
        right: 18px;
        bottom: 18px;

        backdrop-filter: blur(22px);
        background: rgba(15,23,42,0.22);
        border-radius: 14px;
        padding: 10px 12px;
        color: #e5e7eb;
        font-size: 12px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.35);
        border: none;
        z-index: 900;
    }

    .rc-legend-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 6px;
    }
    .rc-legend-title {
        font-weight: 600;
        font-size: 13px;
        margin: 0;
    }
    .rc-legend-close {
        background: transparent;
        border: none;
        color: #e5e7eb;
        font-size: 16px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
        width: 22px;
        height: 22px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .rc-legend-close:hover {
        background: rgba(56,189,248,0.25);
    }

    .rc-legend-item {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 4px;
    }
    .rc-legend-icon {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #facc15;
        box-shadow: 0 0 3px rgba(0,0,0,0.6);
        flex-shrink: 0;
    }
    .rc-finished {
        background: #facc15;
    }
    .rc-building {
        background: #22c55e;
    }
    .rc-frozen {
        background: #111827;
    }
    .rc-project {
        background: #3b82f6;
    }
    .rc-unknown {
        background: #ffffff;
    }

/* Кнопка "Особистий кабінет" — неон зелено-фіолетовий */
.askbase-account-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    padding: 12px 18px;
    margin-top: 14px;

    border-radius: 16px;
    text-decoration: none;
    cursor: pointer;

    /* затемнённый, полупрозрачный фон */
    background: rgba(15, 23, 42, 0.82);
    color: #e5e7eb;

    /* неоновое свечение зелено-фиолетовое */
    box-shadow:
        0 18px 40px rgba(34, 197, 94, 0.35),
        0 0 26px rgba(129, 140, 248, 0.35);

    /* тонкая внутренняя рамка */
    border: 1px solid rgba(148, 163, 184, 0.35);

    font-size: 14px;
    font-weight: 500;

    transition:
        transform 0.16s ease,
        box-shadow 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease;
}

/* градиентная подсветка снизу — зелёно-фиолетовый */
.askbase-account-link::after {
    content: "";
    position: absolute;
    inset: 92% 14px -6px 14px; /* тонкий “блик” под кнопкой */
    border-radius: 999px;
    background: linear-gradient(90deg, #22c55e, #4ade80, #6366f1);
    opacity: 0.7;
    filter: blur(10px);
    pointer-events: none;
    transition: opacity 0.18s ease, filter 0.18s ease;
}

/* стрелка */
.askbase-account-link__arrow {
    font-size: 16px;
    opacity: 0.9;
}

/* hover-эффект: чуть ярче, но без ядовитой подсветки */
.askbase-account-link:hover {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow:
        0 20px 45px rgba(34, 197, 94, 0.45),
        0 0 32px rgba(129, 140, 248, 0.45);
    transform: translateY(-1px);
}

.askbase-account-link:hover::after {
    opacity: 0.95;
    filter: blur(12px);
}

/* =========================
   GEO / TOOLBAR ICON BUTTONS — same surface tokens as .askbase-bottom-sheet
   (excludes Map/Earth: .askbase-basemap-toggle / .askbase-basemap-pill)
   ========================= */
/* While panning/zooming: skip live backdrop blur over WebGL. */
body.ask-map-interacting .askbase-geo-btn,
body.ask-map-interacting .askbase-geo-btn:hover,
body.ask-map-interacting .askbase-geo-btn.askbase-geo-btn--active,
body.ask-map-interacting #panel-open-btn,
body.ask-map-interacting #top-search-btn,
body.ask-map-interacting #askbase-account-top-btn,
body.ask-map-interacting #locate-me-btn-bottom,
body.ask-map-interacting #askbase-north-btn-bottom,
body.ask-map-interacting .ask-map-mode-current {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: none !important;
}

.askbase-geo-btn {
    width: 36px;
    height: 36px;

    background: var(--ask-map-btn-glass-bg);
    backdrop-filter: var(--ask-map-btn-glass-blur);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);

    border-radius: 10px;
    border: 0.5px solid var(--ask-map-btn-glass-border);

    display: inline-flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;
    box-shadow: var(--ask-map-btn-glass-shadow);

    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
    opacity: var(--ask-map-btn-icon-opacity);

    transition:
        background 0.18s ease,
        backdrop-filter 0.18s ease,
        -webkit-backdrop-filter 0.18s ease,
        opacity 0.18s ease,
        color 0.18s ease,
        transform 0.12s ease;
}

.askbase-geo-btn svg {
    opacity: 0.92;
    filter: drop-shadow(0 0.5px 0 rgba(255, 255, 255, 0.65));
}

.askbase-geo-btn:hover {
    background: var(--ask-map-btn-glass-bg-hover);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    opacity: var(--ask-map-btn-icon-opacity-hover);
}

.askbase-geo-btn.askbase-geo-btn--active {
    background: var(--ask-map-btn-glass-bg-active);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    border: none;
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
    opacity: 1;
    box-shadow: none;
}

.askbase-geo-btn.askbase-geo-btn--active svg {
    opacity: 1;
}

/* Ensure the labels toggle's ON state is visually obvious on load. */
.askbase-right-panel #userpoints-toggle-btn.askbase-geo-btn--active {
    opacity: 1;
    background: var(--ask-map-btn-glass-bg-active);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    border: none;
    box-shadow: none;
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
}

.askbase-geo-btn:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.45);
    outline-offset: 2px;
}

.askbase-geo-btn:active {
    transform: translateY(1px);
}

.askbase-geo-btn svg {
    width: 20px;
    height: 20px;
    display: block;
}

.askbase-geo-stack-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Фотометка — bottom-right (swapped with ticker toggle). */
#ask-field-object-wrap.ask-field-object-chrome {
  position: fixed;
  left: auto;
  right: calc(var(--ask-map-control-edge, 12px) + env(safe-area-inset-right, 0px));
  bottom: var(--ask-map-ticker-bottom, var(--ask-map-bottom-controls-inset));
  z-index: 9100;
  width: var(--ask-map-right-rail-width, 36px);
  height: var(--ask-map-right-rail-width, 36px);
  margin: 0;
  padding: 0;
  pointer-events: auto;
}

#ask-map-chrome-host #ask-field-object-btn {
  position: relative;
  width: var(--ask-map-right-rail-width, 36px);
  height: var(--ask-map-right-rail-width, 36px);
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== Compact camera panel: one toggle + Zoom/Tilt slider ===== */
/* Class-based so index (#askbase-zoom-control) and cabinet embeds share look. */
.askbase-zoom-control {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  overflow: visible !important;
  pointer-events: auto;
  box-sizing: border-box;
}

#askbase-zoom-control.askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers) {
  position: fixed;
  left: calc(var(--ask-map-control-edge, 12px) + env(safe-area-inset-left, 0px));
  /* Match #panel-open-btn (38px). 50dvh = visual mid on mobile (not layout 100vh). */
  top: 50%;
  top: 50dvh;
  transform: translateY(-50%);
  z-index: 6200;
  width: 38px;
  height: 38px;
}

.askbase-zoom-control .askbase-zoom-toggle {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 10px;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
  box-sizing: border-box;
}

.askbase-zoom-control .askbase-zoom-toggle svg {
  width: 20px;
  height: 20px;
  display: block;
}

.askbase-zoom-control .askbase-zoom-panel {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 38px;
  padding: 6px 0 8px;
  border-radius: 12px;
  background: var(--ask-map-btn-glass-bg, rgba(255, 255, 255, 0.78));
  border: 0.5px solid var(--ask-map-btn-glass-border, rgba(148, 163, 184, 0.35));
  box-shadow: var(--ask-map-btn-glass-shadow, 0 8px 20px rgba(15, 23, 42, 0.12));
  backdrop-filter: var(--ask-map-btn-glass-blur, blur(12px));
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur, blur(12px));
  box-sizing: border-box;
}

.askbase-zoom-control.is-open .askbase-zoom-panel {
  display: flex !important;
}

.askbase-zoom-control .askbase-camera-mode-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.askbase-zoom-control .askbase-camera-mode-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.78));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.72;
  font-size: 0;
  line-height: 0;
  transition: background 0.14s ease, color 0.14s ease, opacity 0.14s ease;
}

.askbase-zoom-control .askbase-camera-mode-btn svg {
  width: 14px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
}

.askbase-zoom-control .askbase-camera-mode-btn:hover {
  opacity: 1;
  background: rgba(148, 163, 184, 0.16);
}

.askbase-zoom-control .askbase-camera-mode-btn.is-active {
  opacity: 1;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
  background: rgba(217, 184, 95, 0.22);
}

.askbase-zoom-control .askbase-camera-mode-btn.is-disabled,
.askbase-zoom-control .askbase-camera-mode-btn:disabled {
  opacity: 0.34;
  cursor: default;
  pointer-events: none;
}

.askbase-zoom-control .askbase-zoom-slider-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  overflow: visible;
}

.askbase-zoom-control .askbase-zoom-slider {
  -webkit-appearance: slider-vertical;
  appearance: slider-vertical;
  writing-mode: vertical-lr;
  direction: rtl;
  width: 18px !important;
  max-width: 18px !important;
  height: 104px !important;
  margin: 0;
  padding: 0;
  background: transparent;
  cursor: ns-resize;
  accent-color: rgba(15, 23, 42, 0.72);
}

.askbase-zoom-control .askbase-zoom-slider:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.45);
  outline-offset: 2px;
}

.askbase-zoom-control .askbase-zoom-slider::-webkit-slider-runnable-track {
  width: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.55);
}

.askbase-zoom-control .askbase-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  margin-left: -5.5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  border: 0.5px solid rgba(148, 163, 184, 0.55);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
  cursor: grab;
}

.askbase-zoom-control .askbase-zoom-slider:active::-webkit-slider-thumb {
  cursor: grabbing;
}

.askbase-zoom-control .askbase-zoom-slider::-moz-range-track {
  width: 3px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.55);
}

.askbase-zoom-control .askbase-zoom-slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  border: 0.5px solid rgba(148, 163, 184, 0.55);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
  cursor: grab;
}

/* Variant 2: Expansion glass capsule, custom champagne rail, value on thumb */
.askbase-zoom-control--v2 .askbase-zoom-panel {
  gap: 0;
  width: 44px;
  padding: 4px 0 6px;
  border-radius: var(--ask-map-panel-radius, 22px);
  background: var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.78));
  border: 0.5px solid var(--ask-map-surface-glass-border, rgba(255, 255, 255, 0.36));
  box-shadow: var(--ask-map-surface-glass-shadow, 0 8px 28px rgba(15, 23, 42, 0.05));
  backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
}
.askbase-zoom-control--v2 .askbase-zoom-step {
  width: 36px;
  height: 30px;
  min-width: 36px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.72);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, opacity 0.14s ease;
}
.askbase-zoom-control--v2 .askbase-zoom-step svg {
  width: 15px;
  height: 15px;
  display: block;
}
.askbase-zoom-control--v2 .askbase-zoom-step:hover {
  color: var(--ask-warm-active-icon, #d9b85f);
}
.askbase-zoom-control--v2 .askbase-zoom-step.is-disabled,
.askbase-zoom-control--v2 .askbase-zoom-step:disabled {
  opacity: 0.32;
  pointer-events: none;
}
.askbase-zoom-control--v2 .askbase-zoom-slider-wrap {
  --ask-zoom-fill: 50%;
  --ask-zoom-t: 0.5;
  position: relative;
  width: 36px;
  height: 132px;
  margin: 0 auto;
}
.askbase-zoom-control--v2 .askbase-zoom-ticks {
  display: none;
  position: absolute;
  left: 50%;
  top: 14px;
  bottom: 14px;
  width: 14px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.askbase-zoom-control--v2 .askbase-zoom-tick {
  position: absolute;
  left: 0;
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background: rgba(217, 184, 95, 0.38);
  transform: translateY(50%);
}
.askbase-zoom-control--v2 .askbase-zoom-rail {
  position: absolute;
  left: 50%;
  top: 14px;
  bottom: 14px;
  width: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  box-shadow: inset 0 0 0 0.5px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.askbase-zoom-control--v2 .askbase-zoom-rail::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--ask-zoom-fill, 50%);
  border-radius: inherit;
  background: #d9b85f;
}
.askbase-zoom-control--v2 .askbase-zoom-slider {
  position: relative;
  z-index: 2;
  width: 36px !important;
  max-width: 36px !important;
  height: 132px !important;
  -webkit-appearance: none;
  appearance: none;
  accent-color: transparent;
  background: transparent;
}
.askbase-zoom-control--v2 .askbase-zoom-slider::-webkit-slider-runnable-track {
  width: 36px;
  border-radius: 0;
  background: transparent;
}
.askbase-zoom-control--v2 .askbase-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 22px;
  margin-left: 0;
  border-radius: 999px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.askbase-zoom-control--v2 .askbase-zoom-slider::-moz-range-track {
  width: 36px;
  border-radius: 0;
  background: transparent;
}
.askbase-zoom-control--v2 .askbase-zoom-slider::-moz-range-thumb {
  width: 28px;
  height: 22px;
  border-radius: 999px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.askbase-zoom-control--v2 .askbase-zoom-thumb {
  position: absolute;
  left: 50%;
  bottom: calc(14px + (100% - 28px) * var(--ask-zoom-t, 0.5));
  transform: translate(-50%, 50%);
  z-index: 3;
  pointer-events: none;
  min-width: 28px;
  height: 22px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72));
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
}
.askbase-zoom-control--v2 .askbase-zoom-readout {
  min-height: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
  user-select: none;
}
.askbase-zoom-control--v2 .askbase-camera-mode-row {
  padding-top: 4px;
  margin-top: 2px;
  border-top: 0.5px solid rgba(15, 23, 42, 0.08);
  gap: 2px;
}
.askbase-zoom-control--v2 .askbase-camera-mode-btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 10px;
  color: rgba(15, 23, 42, 0.72);
}
.askbase-zoom-control--v2 .askbase-camera-mode-btn:hover {
  background: var(--ask-warm-active-bg, rgba(217, 184, 95, 0.11));
  color: var(--ask-warm-active-icon, #d9b85f);
}
.askbase-zoom-control--v2 .askbase-camera-mode-btn.is-active {
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72));
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
  box-shadow: var(--ask-warm-active-inset);
}
.askbase-zoom-control--v2 .askbase-camera-mode-btn svg {
  width: 13px;
  height: 13px;
}
.askbase-zoom-control--v2 .askbase-camera-mode-btn[aria-label="Tilt angle"] svg {
  width: 15px;
  height: 15px;
}

body.ask-map-mode-3d #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers),
body.ask-map-mode-3d #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers) .askbase-zoom-toggle {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9100 !important;
}

/* Index map control stays hidden in cabinet; embedded shell controls stay visible */
body.ask-app-mode-cabinet #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers),
body.ask-map-chrome-collapsed #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.askbase-zoom-control.askbase-zoom-control--embedded {
  position: absolute !important;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 28;
  right: auto;
  bottom: auto;
  width: var(--ask-map-right-rail-width, 36px);
  height: var(--ask-map-right-rail-width, 36px);
}

.askbase-zoom-control.askbase-zoom-control--embedded .askbase-zoom-toggle {
  width: var(--ask-map-right-rail-width, 36px);
  height: var(--ask-map-right-rail-width, 36px);
  min-width: var(--ask-map-right-rail-width, 36px);
  min-height: var(--ask-map-right-rail-width, 36px);
}

/* Cabinet map shells: keep camera chrome above map canvas */
.listing-detail-map-shell .askbase-zoom-control--embedded,
.retail-stores-map-shell .askbase-zoom-control--embedded {
  z-index: 30;
}

.askbase-locate-wrap {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    overflow: visible !important;
}

.leaflet-bottom.leaflet-left,
.leaflet-bottom.leaflet-left .leaflet-control,
.askbase-locate-wrap {
    overflow: visible !important;
}

.askbase-locate-modes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(-8px);
    margin-left: 0;
    padding: 0;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 999px;
    background: var(--ask-map-btn-glass-bg, rgba(255, 255, 255, 0.72));
    border: 0.5px solid var(--ask-map-btn-glass-border, rgba(148, 163, 184, 0.35));
    box-shadow: var(--ask-map-btn-glass-shadow, 0 8px 20px rgba(15, 23, 42, 0.12));
    backdrop-filter: var(--ask-map-btn-glass-blur, blur(12px));
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur, blur(12px));
    transition:
        max-width 0.22s ease,
        opacity 0.18s ease,
        transform 0.22s ease,
        margin 0.22s ease,
        padding 0.22s ease;
    z-index: 1001;
}

.askbase-locate-modes.askbase-locate-modes--open {
    max-width: 120px;
    opacity: 1;
    transform: translateX(0);
    margin-left: 8px;
    padding: 4px;
    pointer-events: auto;
}

.askbase-locate-mode {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 0.5px solid rgba(15, 23, 42, 0.10);
    background: rgba(255, 255, 255, 0.55);
    color: var(--ask-map-chrome-text, #334155);
    cursor: pointer;
    line-height: 0;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        opacity 0.15s ease;
}

.askbase-locate-mode-icon {
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    flex-shrink: 0;
}

.askbase-locate-mode:hover {
    background: rgba(255, 255, 255, 0.88);
    color: var(--ask-map-chrome-text-strong, #0f172a);
    border-color: rgba(15, 23, 42, 0.16);
}

.askbase-locate-mode.askbase-locate-mode--active,
#locate-me-btn-bottom.askbase-geo-btn--menu-open {
    background: var(--ask-map-btn-glass-bg-active, rgba(255, 255, 255, 0.94)) !important;
    color: var(--ask-map-chrome-text-strong, #0f172a) !important;
    border-color: var(--ask-map-chrome-hover-border, rgba(148, 163, 184, 0.55)) !important;
    opacity: 1 !important;
}

body.ask-pick-coords-mode,
body.ask-pick-coords-mode .leaflet-container,
body.ask-pick-coords-mode .maplibregl-canvas-container,
body.ask-pick-coords-mode .maplibregl-canvas {
    cursor: crosshair !important;
}

/* Coord popup — same glass chrome as cadastral parcel popup */
.ask-cadastral-popup.ask-coord-popup {
    min-width: 200px;
    max-width: min(280px, calc(100vw - 24px));
}

.ask-coord-popup .ask-coord-copy-btn {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.ask-coord-popup .ask-coord-popup__row {
    grid-template-columns: minmax(88px, 34%) 1fr;
}

.ask-coord-popup .ask-coord-copy-btn:hover .ask-coord-copy-values {
    color: rgba(15, 23, 42, 1);
}

.ask-coord-popup .ask-coord-copy-values {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.leaflet-popup.ask-coord-popup-wrap .leaflet-popup-content-wrapper,
.leaflet-popup.ask-coord-popup-wrap .leaflet-popup-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.leaflet-popup.ask-coord-popup-wrap .leaflet-popup-tip {
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
}

.maplibregl-popup.ask-coord-popup-wrap .maplibregl-popup-content {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}

.askbase-geo-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.askbase-compass-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: none;
}

body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-left {
    bottom: var(--ask-map-bottom-controls-inset) !important;
    left: var(--ask-map-control-edge) !important;
    margin: 0 !important;
}

body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-right {
    bottom: var(--ask-map-bottom-controls-inset) !important;
    right: var(--ask-map-control-edge) !important;
    margin: 0 !important;
    transition: bottom 0.24s ease;
}

body:not(.ask-map-mode-3d) #locate-me-btn-bottom,
body:not(.ask-map-mode-3d) #askbase-north-btn-bottom {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 9100 !important;
}

.leaflet-control-zoom {
    display: none !important;
}

/* === Map FX ticker — same glass chrome as map control buttons === */
:root {
    --ask-map-ticker-h: 32px;
    --ask-map-ticker-gap: 8px;
    /* Left inset: room for ticker toggle (now bottom-left). */
    --ask-map-ticker-side: calc(
        var(--ask-map-control-edge, 12px)
        + var(--ask-map-ticker-h)
        + var(--ask-map-ticker-gap)
    );
    /* Desktop: bottom-controls-inset (includes vh−dvh). Mobile: no vh−dvh;
       JS may override --ask-map-ticker-bottom from locate getBoundingClientRect. */
    --ask-map-ticker-bottom: var(--ask-map-bottom-controls-inset);
}

.ask-map-ticker {
    position: fixed;
    left: var(--ask-map-ticker-side);
    /* Leave room for phototag at the far-right control edge. */
    right: calc(
        var(--ask-map-control-edge, 12px)
        + var(--ask-map-right-rail-width, 36px)
        + var(--ask-map-ticker-gap)
    );
    bottom: var(--ask-map-ticker-bottom);
    z-index: 9050;
    height: var(--ask-map-ticker-h);
    pointer-events: none;
    contain: layout style paint;
    opacity: 1;
    transition: opacity 0.22s ease;
}

.ask-map-ticker[hidden],
.ask-map-ticker.is-off {
    display: none !important;
}

body.ask-app-mode-cabinet .ask-map-ticker,
body.ask-app-mode-cabinet-active .ask-map-ticker,
body.ask-app-mode-cabinet .ask-map-ticker-toggle,
body.ask-app-mode-cabinet-active .ask-map-ticker-toggle {
    display: none !important;
}

.ask-map-ticker__shell {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ask-map-btn-glass-bg);
    border: 0.5px solid var(--ask-map-btn-glass-border);
    box-shadow: var(--ask-map-btn-glass-shadow);
    backdrop-filter: var(--ask-map-btn-glass-blur);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
    font-family: "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
}

.ask-map-ticker__viewport {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 36px,
        #000 calc(100% - 36px),
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 36px,
        #000 calc(100% - 36px),
        transparent 100%
    );
}

.ask-map-ticker__track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: max-content;
    height: 100%;
    animation: ask-map-ticker-marquee 55s linear infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.ask-map-ticker.is-paused .ask-map-ticker__track {
    animation-play-state: paused;
}

.ask-map-ticker__seg {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0 40px;
    gap: 0;
}

.ask-map-ticker__item {
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.80));
    font-weight: 500;
    text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.55);
}

.ask-map-ticker__item--primary {
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
    font-weight: 650;
    letter-spacing: -0.015em;
}

.ask-map-ticker__item--muted {
    /* Ticker sits on a translucent chrome bar over map tiles, so the muted
       item needs a darker ink than slate-500 to clear 4.5:1. */
    color: var(--ask-map-chrome-text-muted, rgba(51, 65, 85, 0.95));
    font-weight: 500;
}

.ask-map-ticker__sep {
    display: inline-block;
    margin: 0 0.85em;
    color: var(--ask-map-chrome-sep, rgba(15, 23, 42, 0.32));
    font-weight: 500;
    transform: translateY(-0.5px);
    text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.45);
}

.ask-map-ticker__sep::before {
    content: "·";
}

/* Premium on/off control — bottom-left (swapped with phototag). */
.ask-map-ticker-toggle {
    position: fixed;
    left: calc(var(--ask-map-control-edge, 12px) + env(safe-area-inset-left, 0px));
    right: auto;
    bottom: var(--ask-map-ticker-bottom);
    z-index: 9051;
    width: var(--ask-map-ticker-h);
    height: var(--ask-map-ticker-h);
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 0.5px solid var(--ask-map-btn-glass-border);
    background: var(--ask-map-btn-glass-bg);
    box-shadow: var(--ask-map-btn-glass-shadow);
    backdrop-filter: var(--ask-map-btn-glass-blur);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.80));
    cursor: pointer;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition:
        background 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        backdrop-filter 0.18s ease,
        -webkit-backdrop-filter 0.18s ease,
        transform 0.12s ease,
        opacity 0.18s ease;
}

.ask-map-ticker-toggle__glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.ask-map-ticker-toggle:hover {
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
    background: var(--ask-map-btn-glass-bg-hover);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    border-color: var(--ask-map-chrome-hover-border, rgba(255, 255, 255, 0.42));
}

.ask-map-ticker-toggle:active {
    transform: scale(0.96);
}

.ask-map-ticker-toggle:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.35);
    outline-offset: 2px;
}

.ask-map-ticker-toggle[aria-pressed="true"] {
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
    border-color: var(--ask-map-chrome-hover-border, rgba(255, 255, 255, 0.42));
    background: var(--ask-map-btn-glass-bg-active);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    box-shadow: var(--ask-map-btn-glass-shadow);
}

.ask-map-ticker-toggle[aria-pressed="false"] {
    opacity: 0.88;
    color: rgba(100, 116, 139, 0.88);
}

/* 3D: no backdrop-filter over WebGL (same as other map chrome buttons). */
body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-map-ticker__shell,
body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-map-ticker-toggle {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--ask-map-chrome-text) !important;
}

body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-map-ticker-toggle:hover,
body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-map-ticker-toggle[aria-pressed="true"] {
    background: rgba(255, 255, 255, 0.32) !important;
    color: var(--ask-map-chrome-text-strong) !important;
}@keyframes ask-map-ticker-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .ask-map-ticker__track {
        animation: none;
        transform: none;
        width: 100%;
        justify-content: center;
    }
    .ask-map-ticker__seg:nth-child(n + 2) {
        display: none;
    }
    .ask-map-ticker__seg {
        padding: 0 18px;
    }
    .ask-map-ticker__viewport {
        mask-image: none;
        -webkit-mask-image: none;
    }
    .ask-map-ticker-toggle {
        transition: none;
    }
}

/* Mobile: same row as locate/compass. Do NOT use 100vh−100dvh — iOS Safari
   already anchors position:fixed to the visual viewport (double-lift). */
@media (max-width: 768px) {
    :root {
        --ask-map-ticker-h: 30px;
        --ask-map-ticker-gap: 6px;
        --ask-map-ticker-side: calc(
            var(--ask-map-control-edge, 10px)
            + var(--ask-map-ticker-h)
            + var(--ask-map-ticker-gap)
        );
        --ask-map-ticker-bottom: calc(
            var(--ask-map-control-edge, 10px)
            + env(safe-area-inset-bottom, 0px)
        );
    }

    .ask-map-ticker__shell {
        font-size: 11.5px;
    }

    .ask-map-ticker__viewport {
        mask-image: linear-gradient(
            90deg,
            transparent 0,
            #000 18px,
            #000 calc(100% - 18px),
            transparent 100%
        );
        -webkit-mask-image: linear-gradient(
            90deg,
            transparent 0,
            #000 18px,
            #000 calc(100% - 18px),
            transparent 100%
        );
    }

    .ask-map-ticker__seg {
        padding: 0 22px;
    }
}

/* === Map chrome collapse handle removed (controls always visible) === */
.ask-map-chrome-drawer,
.ask-map-chrome-handle {
  display: none !important;
}

body.ask-map-chrome-collapsed #panel-open-btn,
body.ask-map-chrome-collapsed #askbaseTopSearch,
body.ask-map-chrome-collapsed #top-search-flyout,
body.ask-map-chrome-collapsed #top-search-btn,
body.ask-map-chrome-collapsed #askbase-account-top-btn,
body.ask-map-chrome-collapsed #askbase-profile-link,
body.ask-map-chrome-collapsed #ask-map-mode-switcher,
body.ask-map-chrome-collapsed .ask-map-mode-switcher,
body.ask-map-chrome-collapsed #askMapModeRail,
body.ask-map-chrome-collapsed .askbase-basemap-toggle,
body.ask-map-chrome-collapsed .askbase-right-panel,
body.ask-map-chrome-collapsed .askbase-radar-clusters-block,
body.ask-map-chrome-collapsed #askbase-ruler-btn,
body.ask-map-chrome-collapsed #askbase-radar-btn,
body.ask-map-chrome-collapsed #askbase-clusters-btn,
body.ask-map-chrome-collapsed #askbase-urban-btn,
body.ask-map-chrome-collapsed #askbase-expansion-btn,
body.ask-map-chrome-collapsed #askbase-userpoints-btn,
body.ask-map-chrome-collapsed #userpoints-toggle-btn,
body.ask-map-chrome-collapsed #askbase-panel,
body.ask-map-chrome-collapsed #askbase-userpoints-modes,
body.ask-map-chrome-collapsed .askbase-ruler-modes,
body.ask-map-chrome-collapsed #askbase-bottom-sheet,
body.ask-map-chrome-collapsed #askbase-sheet-close,
body.ask-map-chrome-collapsed #locate-me-btn-bottom,
body.ask-map-chrome-collapsed .leaflet-top,
body.ask-map-chrome-collapsed .leaflet-bottom.leaflet-left {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.ask-map-mode-3d .leaflet-bottom.leaflet-left {
    bottom: var(--ask-map-bottom-controls-inset) !important;
    left: var(--ask-map-control-edge) !important;
    margin: 0 !important;
}

body.ask-map-mode-3d .leaflet-bottom.leaflet-right {
    bottom: var(--ask-map-bottom-controls-inset) !important;
    right: var(--ask-map-control-edge) !important;
    margin: 0 !important;
    transition: bottom 0.24s ease;
}

/* Панель режимів лінійки — Radar / bottom-sheet glass family; vertical: syncRulerToolsPanelPosition() */
.askbase-ruler-modes {
    position: fixed;
    right: 52px;

    display: none;               /* ховаємо за замовчуванням */
    align-items: center;
    gap: 4px;

    padding: 4px 6px;
    border-radius: 999px;
    overflow: hidden;

    /* Tokens: .askbase-bottom-sheet */
    background: var(--askbase-radar-glass-bg);
    backdrop-filter: var(--askbase-radar-glass-blur);
    -webkit-backdrop-filter: var(--askbase-radar-glass-blur);
    border: 1px solid var(--askbase-radar-glass-border);
    box-shadow: var(--askbase-radar-glass-shadow);
    z-index: 1000;
}

.askbase-ruler-modes::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 18px;
    pointer-events: none;
    background: linear-gradient(
        rgba(255, 255, 255, 0.06),
        rgba(255, 255, 255, 0.00)
    );
    border-radius: 999px 999px 0 0;
    z-index: 0;
}

/* коли лінійка увімкнена — панель показуємо */
.askbase-ruler-modes.askbase-ruler-modes--open {
    display: inline-flex;
}

/* Chip surfaces aligned with .askbase-radar-radius-pill */
.askbase-ruler-mode {
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.55);
    color: rgba(226, 232, 240, 0.88);

    line-height: 0;

    cursor: pointer;
    padding: 0;
    outline: none;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}

.askbase-ruler-mode-icon {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    pointer-events: none;
}

.askbase-ruler-mode-icon [stroke="none"] {
    stroke: none;
}

.askbase-ruler-mode:hover {
    background: rgba(15, 23, 42, 0.80);
    border-color: rgba(148, 163, 184, 0.55);
}

.askbase-ruler-mode--active {
    background: #FFE27A;
    color: #111827;
    border-color: rgba(250, 204, 21, 0.85);
    font-weight: 500;
}

/* ===== Measure popup / save bar (ruler) — radar glass ===== */
.askbase-measure-popup-leaflet .leaflet-popup-content-wrapper {
  padding: 0;
  background: transparent;
  border-radius: 14px;
  box-shadow: none;
  border: none;
}

.askbase-measure-popup-leaflet .leaflet-popup-content {
  margin: 0;
}

.askbase-measure-popup-leaflet .leaflet-popup-tip {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.askbase-measure-popup-leaflet .leaflet-popup-close-button {
  display: none;
}

.askbase-measure-popup-leaflet .askbase-measure-popup {
  position: relative;
  overflow: hidden;
  padding: 7px 10px;
  border-radius: 14px;
  background: var(--askbase-radar-glass-bg, linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ));
  backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  border: 1px solid var(--askbase-radar-glass-border, rgba(255, 255, 255, 0.08));
  box-shadow: var(--askbase-radar-glass-shadow, 0 12px 30px rgba(0, 0, 0, 0.35));
}

.askbase-measure-popup-leaflet .askbase-measure-popup::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 18px;
  pointer-events: none;
  background: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.00)
  );
  border-radius: 14px 14px 0 0;
}

.askbase-measure-popup {
  display: flex;
  align-items: center;
  gap: 6px;
}

.askbase-measure-popup-text {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(226, 232, 240, 0.95);
  white-space: nowrap;
  letter-spacing: -0.01em;
}

path.askbase-measure-circle--draggable,
.askbase-measure-circle--draggable {
  cursor: grab !important;
}

.leaflet-dragging path.askbase-measure-circle--draggable {
  cursor: grabbing !important;
}

.askbase-measure-save,
.askbase-measure-cancel {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.06);
  outline: none;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.askbase-measure-save {
  font-size: 13px;
  line-height: 1;
  color: rgba(231, 200, 106, 0.96);
}

.askbase-measure-save::before {
  content: none;
}

.askbase-measure-save:hover {
  background: rgba(217, 184, 95, 0.16);
  border-color: rgba(217, 184, 95, 0.34);
  color: rgba(250, 240, 210, 0.98);
  box-shadow: inset 0 0 0 1px rgba(217, 184, 95, 0.1);
}

.askbase-measure-save-bar {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 1200;
  pointer-events: auto;
}

.askbase-measure-save-bar-inner {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 14px;
  background: var(--askbase-radar-glass-bg, linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ));
  backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  border: 1px solid var(--askbase-radar-glass-border, rgba(255, 255, 255, 0.08));
  box-shadow: var(--askbase-radar-glass-shadow, 0 12px 30px rgba(0, 0, 0, 0.35));
}

.askbase-measure-save-bar-inner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 18px;
  pointer-events: none;
  background: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.00)
  );
  border-radius: 14px 14px 0 0;
}

.askbase-measure-cancel {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: rgba(201, 210, 222, 0.95);
}

.askbase-measure-cancel:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(230, 237, 245, 0.98);
}

/* Map popups — same glass as .askbase-bottom-sheet (radar panel) */
.maplibregl-popup.ask-3d-popup-wrap .maplibregl-popup-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 14px;
}

/* Transport glyph icons v3 — colored SVG, no background tile */
.leaflet-marker-icon.ask-transport-glyph-wrap {
  background: transparent !important;
  border: 0 !important;
}

.ask-transport-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  pointer-events: none;
  filter:
    drop-shadow(0 0 1.5px rgba(255, 255, 255, 1))
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.95))
    drop-shadow(0 2px 5px rgba(15, 23, 42, 0.28));
}

/* Metro “M”: no white disc — letter with outline contrast only */
.ask-transport-glyph--metro,
.ask-transport-glyph--metro_red,
.ask-transport-glyph--metro_blue,
.ask-transport-glyph--metro_green {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  filter:
    drop-shadow(0 0 0.6px rgba(255, 255, 255, 0.75))
    drop-shadow(0 1px 2px rgba(15, 23, 42, 0.28));
}

.ask-transport-glyph svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ask-transport-glyph--minor {
  opacity: 0.52;
}

.leaflet-marker-icon.ask-transport-glyph-wrap:hover .ask-transport-glyph {
  opacity: 1;
  transform: scale(1.1);
  filter:
    drop-shadow(0 0 1.5px rgba(255, 255, 255, 1))
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.95))
    drop-shadow(0 3px 6px rgba(15, 23, 42, 0.28));
}

.maplibregl-popup.ask-3d-transport-tooltip .maplibregl-popup-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: var(--ask-map-surface-radius, 16px);
  color: rgba(15, 23, 42, 0.92);
  white-space: normal;
}

.maplibregl-popup.ask-3d-poi-tooltip .maplibregl-popup-content {
  padding: 6px 10px;
  background: #fff;
  color: #222;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
  font-size: 12px;
  line-height: 1.4;
  max-width: 240px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.maplibregl-popup.ask-3d-poi-tooltip .maplibregl-popup-tip {
  border-top-color: #fff;
}

.maplibregl-popup.ask-3d-poi-tooltip.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: #fff;
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-transport-tooltip .maplibregl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.94);
}

.maplibregl-popup.ask-3d-transport-tooltip.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.94);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap .maplibregl-popup-tip {
  border-top-color: rgba(15, 23, 42, 0.48);
}

.maplibregl-popup.ask-3d-popup-wrap.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: rgba(15, 23, 42, 0.48);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  border-right-color: rgba(15, 23, 42, 0.48);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  border-left-color: rgba(15, 23, 42, 0.48);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap .maplibregl-popup-close-button {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #c9d2de;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  right: 5px;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.maplibregl-popup.ask-3d-popup-wrap .maplibregl-popup-close-button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6edf5;
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap .maplibregl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.94);
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.94);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  border-right-color: rgba(255, 255, 255, 0.94);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  border-left-color: rgba(255, 255, 255, 0.94);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap .maplibregl-popup-close-button {
  background: rgba(255, 255, 255, 0.72);
  border: 0.5px solid rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.62);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.maplibregl-popup.ask-3d-popup-wrap.ask-retail-popup-wrap .maplibregl-popup-close-button:hover {
  background: rgba(255, 255, 255, 0.95);
  color: rgba(15, 23, 42, 0.88);
  border-color: rgba(15, 23, 42, 0.18);
}

.leaflet-popup-content-wrapper:has(.ask-premium-map-popup) {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 14px;
}

.leaflet-popup-content:has(.ask-premium-map-popup) {
  margin: 0;
  min-width: 0;
  max-width: 220px;
}

.leaflet-popup-tip:has(+ .leaflet-popup-content-wrapper .ask-premium-map-popup),
.leaflet-container:has(.ask-premium-map-popup) .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.48);
  box-shadow: none;
}

.ask-premium-map-popup {
  position: relative;
  overflow: hidden;
  padding: 7px 28px 7px 10px;
  border-radius: 14px;
  background: var(--askbase-radar-glass-bg, linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ));
  backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur, blur(12px));
  border: 1px solid var(--askbase-radar-glass-border, rgba(255, 255, 255, 0.08));
  box-shadow: var(--askbase-radar-glass-shadow, 0 12px 30px rgba(0, 0, 0, 0.35));
  color: rgba(226, 232, 240, 0.95);
  font-size: 12px;
  line-height: 1.35;
  max-width: 220px;
}

.ask-premium-map-popup::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 18px;
  pointer-events: none;
  background: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.00)
  );
  border-radius: 14px 14px 0 0;
}

.ask-premium-map-popup__eyebrow {
  position: relative;
  z-index: 1;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.68);
  margin-bottom: 2px;
}

.ask-premium-map-popup__title {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.95);
  margin-bottom: 4px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ask-premium-map-popup__value {
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 600;
  color: rgba(203, 213, 225, 0.88);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}

.ask-premium-map-popup__meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 0;
}

.ask-premium-map-popup__pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(15, 23, 42, 0.55);
  color: rgba(226, 232, 240, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ask-premium-map-popup__pill--new {
  background: rgba(70, 110, 170, 0.35);
  border-color: rgba(96, 165, 250, 0.4);
  color: rgba(219, 234, 254, 0.95);
}

.ask-premium-map-popup__pill--processing,
.ask-premium-map-popup__pill--in_progress {
  background: rgba(140, 120, 60, 0.35);
  border-color: rgba(250, 204, 21, 0.45);
  color: rgba(254, 243, 199, 0.95);
}

.ask-premium-map-popup__pill--waiting {
  background: rgba(150, 90, 80, 0.35);
  border-color: rgba(248, 113, 113, 0.45);
  color: rgba(254, 226, 226, 0.95);
}

.ask-premium-map-popup__pill--done {
  background: rgba(80, 140, 110, 0.35);
  border-color: rgba(74, 222, 128, 0.45);
  color: rgba(220, 252, 231, 0.95);
}

.ask-premium-map-popup__pill--archived {
  background: rgba(70, 78, 90, 0.75);
  border-color: rgba(100, 116, 139, 0.45);
  color: rgba(203, 213, 225, 0.9);
}

.ask-premium-map-popup__meta-line {
  position: relative;
  z-index: 1;
  font-size: 10px;
  color: rgba(203, 213, 225, 0.68);
  margin-top: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ask-premium-map-popup__comment {
  position: relative;
  z-index: 1;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 10px;
  color: rgba(203, 213, 225, 0.82);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

/* ===== РЕЖИМЫ МОИХ МЕТОК (Labels / filters flyout) ===== */
/* position fixed in CSS; top/right/bottom/left/inset from syncUserpointsModesPanelPosition() only */

.askbase-userpoints-modes {
    position: fixed;

    display: none;
    flex-direction: column;
    gap: 8px;

    padding: 12px 12px 10px;
    width: 360px;
    max-width: 360px;
    box-sizing: border-box;

    /* Tokens: .askbase-bottom-sheet */
    background: var(--askbase-radar-glass-bg);
    backdrop-filter: var(--askbase-radar-glass-blur);
    -webkit-backdrop-filter: var(--askbase-radar-glass-blur);
    border: 1px solid var(--askbase-radar-glass-border);
    border-radius: 12px;
    box-shadow: var(--askbase-radar-glass-shadow);

    color: rgba(226, 232, 240, 0.95);
    font-size: 11px;
    z-index: 3000;

    /* Room for bottom radar/sheet; top offset is JS-driven */
    max-height: calc(100vh - 320px);
    overflow: hidden;
}

/* Tools row: toggle + measure modes + ruler — top of labels panel */
.askbase-userpoints-group--tools {
    margin: 0;
    padding: 0;
}

.askbase-userpoints-tools-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.askbase-userpoints-modes .askbase-ruler-modes {
    position: static;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    transform: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    z-index: auto;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.askbase-userpoints-modes .askbase-ruler-modes::before {
    display: none;
}

.askbase-userpoints-modes #userpoints-toggle-btn {
    flex: 0 0 auto;
    position: relative;
}

/* Top gloss — keep inside border box so visual top matches getBoundingClientRect().top */
.askbase-userpoints-modes::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 28px;
    pointer-events: none;
    background: linear-gradient(
        rgba(255, 255, 255, 0.06),
        rgba(255, 255, 255, 0.00)
    );
    border-radius: 12px 12px 0 0;
}

/* ===== Unified map save sheet (measure + marker) — compact premium + dim ===== */
.askbase-map-save-sheet {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 12px 20px;
  box-sizing: border-box;
  pointer-events: auto;
}

.askbase-map-save-sheet[hidden] {
  display: none !important;
}

.askbase-map-save-sheet__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  cursor: pointer;
}

.askbase-map-save-sheet__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(280px, calc(100vw - 24px));
  padding: 12px 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.82);
  box-sizing: border-box;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.askbase-map-save-sheet--marker .askbase-map-save-sheet__card {
  width: min(320px, calc(100vw - 24px));
}

.askbase-map-save-sheet__eyebrow {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.55);
  line-height: 1.2;
}

.askbase-map-save-sheet__value,
.askbase-map-save-sheet__heading {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  color: #0f172a;
}

.askbase-map-save-sheet__heading {
  font-size: 14px;
}

.askbase-map-save-sheet__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.askbase-map-save-sheet__label {
  font-size: 10px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.55);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
}

.askbase-map-save-sheet__input,
.askbase-map-save-sheet__textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  padding: 7px 10px;
  min-height: 32px;
  outline: none;
  font-family: inherit;
  resize: vertical;
}

.askbase-map-save-sheet__textarea {
  min-height: 52px;
  padding-top: 8px;
}

.askbase-map-save-sheet__input:focus,
.askbase-map-save-sheet__textarea:focus {
  border-color: rgba(15, 23, 42, 0.28);
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.06);
}

.askbase-map-save-sheet__actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 2px;
}

.askbase-map-save-sheet__btn,
.askbase-map-save-sheet .askbase-measure-save,
.askbase-map-save-sheet .askbase-measure-cancel {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  min-width: 0;
  height: 32px;
  width: auto !important;
  padding: 0 12px !important;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.askbase-map-save-sheet__btn--secondary,
.askbase-map-save-sheet .askbase-measure-cancel {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  color: rgba(15, 23, 42, 0.82) !important;
}

.askbase-map-save-sheet__btn--secondary:hover,
.askbase-map-save-sheet .askbase-measure-cancel:hover {
  background: rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
}

.askbase-map-save-sheet__btn--primary,
.askbase-map-save-sheet .askbase-measure-save {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.82) !important;
  color: #0f172a !important;
}

.askbase-map-save-sheet__btn--primary:hover:not(:disabled),
.askbase-map-save-sheet .askbase-measure-save:hover {
  background: rgba(15, 23, 42, 0.04) !important;
}

.askbase-map-save-sheet__btn--primary:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ===== Add marker modal — light delete/viewer dialog family ===== */
.askbase-marker-create-modal {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}

.askbase-marker-create-modal--hidden {
    display: none !important;
}

.askbase-marker-create-modal__backdrop {
    position: absolute;
    inset: 0;
    background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
    backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
    -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
}

.askbase-marker-create-modal__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--ask-delete-card-width, min(420px, calc(100vw - 32px)));
    padding: var(--ask-delete-card-padding, 20px 18px 16px);
    border-radius: var(--ask-delete-card-radius, 14px);
    box-sizing: border-box;
    background: var(--ask-delete-card-bg, #ffffff);
    border: var(--ask-delete-card-border, 0);
    box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
    color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
}

.askbase-marker-create-modal__dialog::before {
    content: none;
    display: none;
}

.askbase-marker-create-modal__title {
    margin: 0 0 4px;
    font-size: var(--ask-delete-title-size, 16px);
    font-weight: var(--ask-delete-title-weight, 600);
    line-height: var(--ask-delete-title-line-height, normal);
    letter-spacing: 0;
    color: var(--ask-delete-title-color, #0f172a);
    position: relative;
    z-index: 1;
}

.askbase-marker-create-modal__subtitle {
    margin: 0 0 14px;
    font-size: var(--ask-delete-description-size, 13px);
    font-weight: var(--ask-delete-description-weight, 400);
    line-height: var(--ask-delete-description-line-height, 1.4);
    color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
    position: relative;
    z-index: 1;
}

.askbase-marker-create-modal__field {
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.askbase-marker-create-modal__label {
    display: block;
    font-size: var(--ask-delete-label-size, 12px);
    font-weight: var(--ask-delete-label-weight, 500);
    color: var(--ask-delete-label-color, rgba(15, 23, 42, 0.62));
    margin-bottom: 6px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.askbase-marker-create-modal__input,
.askbase-marker-create-modal__textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--ask-delete-input-radius, 14px);
    border: 1px solid var(--ask-delete-input-border, rgba(15, 23, 42, 0.12));
    background: var(--ask-delete-input-bg, #ffffff);
    color: var(--ask-delete-title-color, #0f172a);
    font-size: 14px;
    padding: 10px 12px;
    min-height: var(--ask-delete-input-height, 40px);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.askbase-marker-create-modal__textarea {
    min-height: 84px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.4;
}

.askbase-marker-create-modal__input::placeholder,
.askbase-marker-create-modal__textarea::placeholder {
    color: rgba(15, 23, 42, 0.38);
}

.askbase-marker-create-modal__input:focus,
.askbase-marker-create-modal__textarea:focus {
    border-color: rgba(15, 23, 42, 0.28);
    box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
}

.askbase-marker-create-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: var(--ask-delete-actions-gap, 10px);
    margin-top: 16px;
    position: relative;
    z-index: 1;
}

.askbase-marker-create-modal__btn {
    min-height: var(--ask-delete-button-height, 40px);
    min-width: var(--ask-delete-button-min-width, 92px);
    padding: var(--ask-delete-button-padding, 0 16px);
    border-radius: var(--ask-delete-button-radius, 14px);
    font-size: var(--ask-delete-button-size, 14px);
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        opacity 0.15s ease;
}

.askbase-marker-create-modal__btn--secondary {
    background: var(--ask-delete-neutral-bg, rgba(255, 255, 255, 0.72));
    border-color: var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
    color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
}

.askbase-marker-create-modal__btn--secondary:hover {
    background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04));
    border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12));
}

.askbase-marker-create-modal__btn--primary {
    background: var(--ask-action-bg, rgba(255, 255, 255, 0.72));
    border-color: var(--ask-action-border, rgba(15, 23, 42, 0.82));
    color: var(--ask-action-text, rgba(15, 23, 42, 0.82));
    font-weight: var(--ask-action-weight, 650);
}

.askbase-marker-create-modal__btn--primary:hover:not(:disabled) {
    background: var(--ask-action-hover-bg, rgba(15, 23, 42, 0.04));
    border-color: var(--ask-action-hover-border, rgba(15, 23, 42, 0.12));
}

.askbase-marker-create-modal__btn--primary:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Заголовки секций — STYLE 1 */
.askbase-userpoints-group-title {
    font-size: 11px;
    font-weight: 500;
    color: rgba(170, 182, 196, 0.95);
    letter-spacing: 0.02em;
}

/* когда панель открыта */
.askbase-userpoints-modes--open {
    display: flex;
}

/* группы внутри панели */
.askbase-userpoints-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.askbase-userpoints-group + .askbase-userpoints-group {
    border-top: 1px solid rgba(200, 210, 220, 0.1);
    padding-top: 8px;
    margin-top: 4px;
}

/* заголовки групп — тот же тон, что compact section titles */
.askbase-userpoints-group-title {
    margin-bottom: 2px;
}

/* строка с “пилюлями” */
.askbase-userpoints-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* кнопки-режимы — STYLE 1 Graphite Teal */
.askbase-userpoints-mode {
    padding: 4px 9px;
    min-height: 22px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;

    background: rgba(36, 44, 56, 0.85);
    border: 1px solid rgba(200, 210, 220, 0.08);
    color: rgba(236, 240, 244, 0.92);

    transition: background 0.15s ease, border-color 0.15s ease;
}

.askbase-userpoints-mode:hover {
    background: rgba(46, 58, 72, 0.9);
}

/* активный режим — STYLE 1 teal */
.askbase-userpoints-mode--active {
    background: rgba(70, 130, 150, 0.35);
    border-color: rgba(110, 170, 190, 0.4);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(110, 170, 190, 0.2);
}

/* ===============================
   UserPoints — статусные кнопки
   Канон: ASK_LISTING_STATUS_COLORS / cabinet Status badges
   =============================== */

.askbase-userpoints-mode--status-new {
    background: rgba(245, 158, 11, 0.14);
    border-color: transparent;
    color: rgba(15, 23, 42, 0.78);
}

.askbase-userpoints-mode--status-processing {
    background: rgba(34, 197, 94, 0.12);
    border-color: transparent;
    color: rgba(15, 23, 42, 0.78);
}

.askbase-userpoints-mode--status-waiting {
    background: rgba(96, 165, 250, 0.12);
    border-color: transparent;
    color: rgba(15, 23, 42, 0.78);
}

.askbase-userpoints-mode--status-done {
    background: rgba(239, 68, 68, 0.12);
    border-color: transparent;
    color: rgba(15, 23, 42, 0.78);
}

.askbase-userpoints-mode--status-archived {
    background: rgba(148, 163, 184, 0.12);
    border-color: transparent;
    color: rgba(15, 23, 42, 0.72);
}

/* Hover — мягкое усиление */
.askbase-userpoints-mode--status-new:hover,
.askbase-userpoints-mode--status-processing:hover,
.askbase-userpoints-mode--status-waiting:hover,
.askbase-userpoints-mode--status-done:hover,
.askbase-userpoints-mode--status-archived:hover {
    filter: brightness(1.04);
}

/* Активное состояние Type/Layer (не Status) */
.askbase-userpoints-mode.askbase-userpoints-mode--active:not([class*="askbase-userpoints-mode--status-"]) {
    box-shadow: 0 0 0 1px rgba(110, 170, 190, 0.2);
}

/* Right panel — status row only: одна линия, без агрессивного shrink (читаемость сохранена) */
.askbase-userpoints-row--status {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
}
.askbase-userpoints-row--status .askbase-userpoints-mode {
    min-height: 22px;
    padding: 2px 7px;
    font-size: 11px;
    border-radius: 6px;
    white-space: nowrap;
    flex: 0 0 auto;
}

    /* ===== ГРУППЫ МОИХ МЕТОК — чипы с чекбоксом ===== */

    /* контейнер с группами */
    .askbase-userpoints-groups-row {
        margin-top: 6px;

        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;

        /* никакого своего фона и рамки, живём внутри общей панели */
        background: transparent;
        border: none;
        box-shadow: none;
    }

    /* одна группа — компактный прямоугольный чип */
    .askbase-userpoints-group-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;

        padding: 3px 8px;
        border-radius: 6px;

        border: 1px solid rgba(148, 163, 184, 0.55);
        background: rgba(15, 23, 42, 0.40);

        font-size: 11px;
        color: #e5e7eb;
        white-space: nowrap;

        cursor: pointer;
    }

    /* сам чекбокс — миниатюрный, в общем стиле формы */
    .askbase-userpoints-group-chip input[type="checkbox"] {
        margin: 0;
        width: 12px;
        height: 12px;
        accent-color: #6366f1; /* фиолетовый как у остальных элементов */
    }

    .askbase-userpoints-group-chip span {
        line-height: 1.2;
    }

/* ===== /РЕЖИМЫ МОИХ МЕТОК ===== */

    /* мини-панель справа под переключателем слоёв */
    .askbase-right-panel {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

/* Right tool rail sits in leaflet-top-right; top strip stays left of it. */
.leaflet-top.leaflet-right .askbase-right-panel {
    margin-top: 0;
    margin-right: 0;
}

/* "выключенная" кнопка (когда мої точки скрыты) */
.askbase-geo-btn--off {
    opacity: 0.4;
}

/* ===== 📡 RADAR FLYOUT (настройки радара) ===== */
.askbase-radar-flyout {
    position: absolute;
    top: 8px;                 /* на уровне кнопки */
    right: 64px;              /* как у поиска */

    display: flex;
    flex-direction: column;
    gap: 8px;

    padding: 12px 14px;
    border-radius: 18px;

    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.55);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);

    min-width: 280px;
    max-width: 320px;

    transform: translateX(12px);
    opacity: 0;
    pointer-events: none;
    transition: transform .18s ease, opacity .18s ease;
    z-index: 3000;
}

.askbase-radar-flyout--hidden {
    transform: translateX(12px);
    opacity: 0;
    pointer-events: none;
}

.askbase-radar-flyout:not(.askbase-radar-flyout--hidden) {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

/* элементы внутри радара */
.askbase-radar-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.askbase-radar-row label {
    font-size: 12px;
    color: rgba(203, 213, 225, 0.9);
}

.askbase-radar-row select {
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.65);
    background: rgba(15, 23, 42, 0.75);
    color: #e5e7eb;
    padding: 0 12px;
    font-size: 13px;
}

/* ===== Map mode buttons — Helsinki: Expansion on; Urban/Clusters/Radar off ===== */
body.ask-map-ui-profile-helsinki #askbase-urban-btn,
body.ask-map-ui-profile-helsinki #askbase-clusters-btn,
body.ask-map-ui-profile-helsinki #askbase-radar-btn {
    display: none !important;
}

.askbase-radar-clusters-block {
    position: fixed;
    right: var(--ask-map-right-rail-inset);
    width: var(--ask-map-right-rail-width);
    /* Fixed offset (legacy 38vh / 260px) — intentionally NOT tied to live sheet height,
       so raising Radar/Clusters/Urban to Expansion height does not move these buttons. */
    bottom: calc(max(38vh, 260px) + 24px + 10px + env(safe-area-inset-bottom, 0px));
    z-index: 9100;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
    pointer-events: auto;
}
.askbase-radar-clusters-block #askbase-expansion-btn {
    order: 0;
}

.askbase-radar-clusters-block #askbase-clusters-btn {
    order: 1;
}

.askbase-radar-clusters-block #askbase-urban-btn {
    order: 2;
}

.askbase-radar-clusters-block #askbase-radar-btn {
    order: 3;
}

#askbase-urban-btn {
    color: #60A5FA;
}
/* Analytics block: active = subtle ghost highlight */
.askbase-radar-clusters-block .askbase-geo-btn.askbase-geo-btn--active {
    background: var(--ask-map-btn-glass-bg-active);
    border: none;
    box-shadow: none;
}

/* ==== POPUP CARD MODERN BLUR ==== */
.leaflet-popup-content-wrapper {
  background: rgba(11, 15, 25, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.85);
  color: #e5e7eb;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.leaflet-popup-content {
  margin: 10px 12px;
  font-size: 13px;
  line-height: 1.4;
}

.leaflet-popup-tip {
  background: rgba(11, 15, 25, 0.92);
}

/* Шапка карточки */
.popup-mall-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 8px;
}

.popup-mall-type {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a855f7;
}

.popup-mall-title {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.popup-mall-address {
  font-size: 12px;
  color: #9ca3af;
}

/* Фото-блок */
.mall-photo-wrapper {
  margin: 8px 0 4px;
  border-radius: 12px;
  overflow: hidden;
}

.mall-photo-main img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.mall-photo-thumbs {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}

.mall-photo-thumbs img {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.mall-photo-thumbs img:hover {
  opacity: 1;
  transform: translateY(-1px);
}

/* ==== POPUP: ТОРГОВІ ЦЕНТРИ ==== */

.mall-popup {
  width: 280px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", sans-serif;
  color: #e5e7eb;
}

.mall-popup-photo-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  height: 140px;
  background: radial-gradient(circle at 20% 0%, #4c1d95, #020617);
}

/* Фото */
.mall-popup-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.1);
}

/* Тёмный градиент + лёгкий блюр поверх фото */
.mall-popup-photo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.75),
    rgba(15, 23, 42, 0.2)
  );
  backdrop-filter: blur(0.5px);
}

/* Шапка с названием и адресом */
.mall-popup-header {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
}

.mall-popup-title {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 2px;
  color: #f9fafb;
}

.mall-popup-address {
  font-size: 12px;
  color: #d1d5db;
}

/* Тело попапа */
.mall-popup-body {
  margin-top: 10px;
}

/* GBA / GLA */
.mall-popup-stats {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.mall-popup-stat {
  flex: 1;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.3);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mall-popup-stat .label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9ca3af;
}

.mall-popup-stat .value {
  font-size: 13px;
  font-weight: 600;
  color: #e5e7eb;
}

/* Кнопка "в обране" можно оставить твою или чуть подкрутить */
.mall-popup .popup-fav-btn {
  margin-top: 4px;
  width: 100%;
  border-radius: 999px;
}

/* === FIX: Retail multi-brand text color === */
#retailBrandDropdown {
  color: #0b1220;
}

#retailBrandDropdown .rbm-name,
#retailBrandDropdown .rbm-count {
  color: #0b1220;
}

#retailBrandDropdown input[type="checkbox"] {
  accent-color: #f97316;
} 

/* === FIX: Retail categories dropdown text visibility === */
#retailClassDropdown {
  color: #0b1220 !important;
  background: rgba(255,255,255,0.92) !important;
}

#retailClassDropdown,
#retailClassDropdown * {
  color: #0b1220 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#retailClassDropdown label,
#retailClassDropdown .rbm-name,
#retailClassDropdown .rbm-count {
  color: #0b1220 !important;
}

/* OSM Retail brand dropdown — typography in unified retail-filter-option block */
#osmRetailBrandDropdown label {
    color: var(--retail-text-primary, #172033);
}

/* Чтоб галочка была видна и в твоём стиле */
#osmRetailBrandDropdown input[type="checkbox"] {
    accent-color: #38bdf8;
}

/* ===== Retail analyze circle glow ===== */
.leaflet-interactive.retail-analyze-circle {
  filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.55))
          drop-shadow(0 0 14px rgba(250, 204, 21, 0.35));
}

/* ===== FIX: prevent horizontal layout shift ===== */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* карта всегда на весь экран */
#map {
  position: fixed;
  inset: 0;
}

/* панели не должны расширять страницу */
.askbase-panel {
  max-width: calc(100vw - 24px);
}

/* анализ: таблицы/контент не должны раздвигать страницу */
#retailAnalyzeResult,
#masterStatsTable,
#retailAnalyzeTable {
  max-width: 100%;
  overflow-x: auto;
}

/* если внутри рисуются таблицы */
#retailAnalyzeResult table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}

#retailAnalyzeResult th,
#retailAnalyzeResult td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =========================
   BASEMAP TOGGLE (pill switch)
   ========================= */
.askbase-basemap-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2600;

  display: flex;
  align-items: center;

  height: 26px;
  padding: 2px 3px;
  border-radius: 8px;

  background: rgba(10, 14, 26, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);

  overflow: hidden;
}

/* Hidden: legacy Map/Earth switch remains in DOM for compatibility. */
#askbaseBasemapToggle {
  display: none !important;
}

.ask-map-mode-switcher.ask-map-mode-dropdown {
  position: relative;
  top: auto;
  right: auto;
  z-index: 1;
  display: block;
  flex: 0 0 auto;
  padding: 0;
  gap: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ask-map-mode-rail {
  position: fixed;
  right: var(--ask-map-right-rail-inset);
  top: var(--ask-map-right-rail-tools-top);
  bottom: auto;
  z-index: 6200;
  pointer-events: auto;
  transition: none;
}

.ask-map-mode-rail .ask-map-mode-current {
  width: var(--ask-map-right-rail-width);
  min-width: var(--ask-map-right-rail-width);
  height: var(--ask-map-right-rail-width);
  padding: 0;
  gap: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}

.ask-map-mode-rail .ask-map-mode-current-label,
.ask-map-mode-rail .ask-map-mode-current-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.ask-map-mode-rail .ask-map-mode-current-label {
  max-width: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ask-map-mode-rail .ask-map-mode-menu {
  top: auto;
  bottom: calc(100% + 6px);
  right: 0;
}

/* Premium expand-in-place: open menu replaces the trigger (no duplicate mode icon) */
.ask-map-mode-switcher.is-open .ask-map-mode-current {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: scale(0.6);
}

.ask-map-mode-switcher.is-open .ask-map-mode-menu:not(.ask-map-layers-menu) {
  bottom: 0;
  right: 0;
  width: var(--ask-map-right-rail-width, 36px);
  min-width: var(--ask-map-right-rail-width, 36px);
  max-width: var(--ask-map-right-rail-width, 36px);
  box-sizing: border-box;
  padding: 2px;
  gap: 2px;
  border-radius: calc(var(--ask-map-right-rail-width, 36px) / 2);
  background: var(--ask-map-chrome-menu-bg, rgba(255, 255, 255, 0.96));
  border: 1px solid var(--ask-map-chrome-menu-border, rgba(15, 23, 42, 0.08));
  box-shadow: var(--ask-map-chrome-menu-shadow,
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.14));
  backdrop-filter: var(--ask-map-chrome-menu-blur, blur(14px) saturate(1.15));
  -webkit-backdrop-filter: var(--ask-map-chrome-menu-blur, blur(14px) saturate(1.15));
  align-items: center;
  animation: askMapModeMenuIn 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes askMapModeMenuIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.94);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ask-map-mode-switcher.is-open .ask-map-mode-option {
  width: calc(var(--ask-map-right-rail-width, 36px) - 6px);
  height: calc(var(--ask-map-right-rail-width, 36px) - 6px);
  flex: 0 0 calc(var(--ask-map-right-rail-width, 36px) - 6px);
  border-radius: 50%;
  color: var(--ask-map-chrome-menu-text, rgba(71, 85, 105, 0.9));
}

.ask-map-mode-switcher.is-open .ask-map-mode-option:hover {
  background: var(--ask-map-chrome-menu-hover-bg, rgba(241, 245, 249, 0.95));
  color: var(--ask-map-chrome-menu-hover-text, rgba(15, 23, 42, 0.9));
  transform: scale(1.04);
}

.ask-map-mode-switcher.is-open .ask-map-mode-option.is-active {
  background: rgba(248, 242, 218, 0.88);
  color: rgba(146, 104, 18, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 240, 0.65),
    0 2px 8px rgba(120, 83, 20, 0.1);
}

.ask-map-mode-switcher.is-open .ask-map-mode-option.is-active .ask-map-mode-icon,
.ask-map-mode-switcher.is-open .ask-map-mode-option:hover .ask-map-mode-icon {
  opacity: 1;
}

.ask-map-mode-dropdown {
  position: relative;
}

.ask-map-mode-current {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  min-width: 72px;
  padding: 0 10px 0 11px;
  border-radius: 10px;
  border: 1px solid var(--askbase-radar-glass-border);
  background: var(--askbase-radar-glass-bg);
  color: rgba(226, 232, 240, 0.92);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--askbase-radar-glass-shadow);
  backdrop-filter: var(--askbase-radar-glass-blur);
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease,
    transform 0.12s ease;
}

.ask-map-mode-current::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;
  border-radius: 10px 10px 0 0;
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
}

.ask-map-mode-current:hover,
.ask-map-mode-current.is-open {
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(248, 250, 252, 0.96);
  box-shadow:
    var(--askbase-radar-glass-shadow),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.ask-map-mode-current:active {
  transform: translateY(1px);
}

.ask-map-mode-current:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.45);
  outline-offset: 2px;
}

.ask-map-mode-current-label {
  position: relative;
  z-index: 1;
  flex: 0 1 auto;
  text-align: center;
}

.ask-map-mode-current-icon {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  color: inherit;
  line-height: 0;
}

.ask-map-mode-icon {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.ask-map-mode-icon [stroke="none"] {
  stroke: none;
}

.ask-map-mode-current .ask-map-mode-icon {
  width: 18px;
  height: 18px;
}

.ask-map-mode-icon--3d text {
  user-select: none;
  paint-order: stroke fill;
}

.ask-map-mode-icon--3d,
.ask-map-mode-current-icon .ask-map-mode-icon--3d,
.ask-map-mode-option .ask-map-mode-icon--3d {
  width: 19px;
  height: 19px;
}

.ask-map-mode-chevron {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(226, 232, 240, 0.62);
  transition: transform 0.15s ease, color 0.15s ease;
}

.ask-map-mode-current.is-open .ask-map-mode-chevron {
  transform: rotate(180deg);
  color: rgba(248, 250, 252, 0.82);
}

.ask-map-mode-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 48px;
  padding: 4px;
  border-radius: 12px;
  background: var(--askbase-radar-glass-bg);
  border: 1px solid var(--askbase-radar-glass-border);
  box-shadow:
    var(--askbase-radar-glass-shadow),
    0 10px 28px rgba(2, 6, 23, 0.28);
  backdrop-filter: var(--askbase-radar-glass-blur);
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ask-map-mode-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 18px;
  border-radius: 12px 12px 0 0;
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
}

.ask-map-mode-menu[hidden] {
  display: none !important;
}

.ask-map-mode-option {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  margin: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(15, 23, 42, 0.82);
  padding: 0;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

.ask-map-mode-option + .ask-map-mode-option {
  margin-top: 0;
}

.ask-map-mode-option .ask-map-mode-icon {
  width: 18px;
  height: 18px;
  opacity: 0.88;
  color: inherit;
}

.ask-map-mode-option:hover {
  background: rgba(255, 255, 255, 0.34);
  color: rgba(15, 23, 42, 0.82);
}

.ask-map-mode-option:hover .ask-map-mode-icon {
  opacity: 0.88;
}

.ask-map-mode-option.is-active {
  color: rgba(15, 23, 42, 0.82);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.36);
}

.ask-map-mode-option.is-active .ask-map-mode-icon {
  opacity: 0.88;
}

.ask-map-mode-option .ask-map-mode-icon--3d text {
  fill: currentColor;
}

.ask-map-mode-switcher button[data-map-mode]:not(.ask-map-mode-option) {
  display: none !important;
}

body.ask-map-chrome-collapsed #askMapModeRail,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askMapModeRail {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#askMapModeRail,
#ask-map-mode-switcher,
.ask-map-mode-switcher {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 6200;
}

.maplibre-3d-map {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  background: #f2f3f0;
}

.maplibre-3d-map.hidden {
  display: none !important;
}

body.ask-map-mode-3d #maplibre-3d-map {
  display: block !important;
}

.ask-map-mode-switcher,
#ask-map-mode-switcher,
.askbase-search-control,
.askbase-toolbar,
.leaflet-top,
.leaflet-right,
.leaflet-left,
.leaflet-control-container {
  z-index: 900 !important;
}

body.ask-map-mode-3d .leaflet-tile-pane,
body.ask-map-mode-3d .leaflet-overlay-pane,
body.ask-map-mode-3d .leaflet-marker-pane,
body.ask-map-mode-3d .leaflet-shadow-pane,
body.ask-map-mode-3d .leaflet-popup-pane,
body.ask-map-mode-3d .leaflet-tooltip-pane,
body.ask-map-mode-3d .leaflet-map-pane {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  pointer-events: none !important;
}

/* прячем старую кнопку кабинета в правой колонке */
.askbase-right-panel #askbase-account-btn {
    display: none;
}

/* ===== TOP ACCOUNT BUTTON (кабинет, рядом с поиском / Map/Earth) ===== */
.askbase-account-top-btn {
    position: fixed;

    top: 8px;
    right: 135px;

    width: 36px;
    height: 36px;

    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    border-radius: 10px;
    border: none;
    box-shadow: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
    opacity: var(--ask-map-btn-icon-opacity);
    cursor: pointer;
    z-index: 2600;

    transition:
        background 0.18s ease,
        backdrop-filter 0.18s ease,
        -webkit-backdrop-filter 0.18s ease,
        opacity 0.18s ease,
        transform 0.12s ease;
}

.askbase-account-top-btn svg {
    opacity: 0.92;
    filter: drop-shadow(0 0.5px 0 rgba(255, 255, 255, 0.65));
}

.askbase-account-top-btn:hover {
    background: var(--ask-map-btn-glass-bg-hover);
    backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover);
    opacity: var(--ask-map-btn-icon-opacity-hover);
}

.askbase-account-top-btn:active {
    transform: translateY(1px);
}

.askbase-account-top-btn:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.45);
    outline-offset: 2px;
}

/* кнопки Map / Earth */
.askbase-basemap-pill {
  position: relative;
  z-index: 2;

  height: 22px;
  min-width: 56px;
  padding: 0 8px;

  border: 0;
  background: transparent;

  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: rgba(226, 232, 240, 0.72);

  cursor: pointer;
  user-select: none;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: color 0.15s ease;
}

.askbase-basemap-pill:hover {
  color: rgba(255, 255, 255, 0.95);
}

.askbase-basemap-pill--active {
  color: rgba(255, 255, 255, 0.98);
}

/* индикатор активного режима */
.askbase-basemap-indicator {
  position: absolute;
  top: 2px;
  left: 3px;

  width: calc(50% - 3px);
  height: 22px;

  border-radius: 6px;

  background: rgba(36, 48, 66, 0.62);
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);

  transition: transform 0.18s ease;
}

.askbase-basemap-toggle[data-mode="sat"] .askbase-basemap-indicator {
  transform: translateX(100%);
}

/* =========================
   ANALYZE PANEL: tables UI
   ========================= */

#retailAnalyzeResult{
  display: none !important;
  max-width: 100%;
}

/* общий текст/отступы внутри результата */
#retailAnalyzeResult,
#retailAnalyzeResult *{
  font-size: 12px;
  line-height: 1.25;
}

/* заголовки секций внутри панели */
#retailAnalyzeResult > div > div[style*="font-weight:600"]{
  font-size: 12px;
  letter-spacing: .2px;
  margin-bottom: 6px !important;
}

/* таблицы: компактнее + аккуратнее */
#retailAnalyzeResult table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12px;
}

/* шапка таблицы */
#retailAnalyzeResult th{
  padding: 6px 8px;
  font-weight: 600;
  opacity: .9;
  background: rgba(2,6,23,.35);
  position: sticky;
  top: 0;
  z-index: 2;
}

/* строки */
#retailAnalyzeResult td{
  padding: 6px 8px;
  border-top: 1px solid rgba(255,255,255,.08);
  vertical-align: middle;
}

/* более “узкие” числовые колонки */
#retailAnalyzeResult td:last-child,
#retailAnalyzeResult th:last-child{
  width: 72px;
  text-align: right;
  white-space: nowrap;
}

/* первая колонка — обрезка длинных названий */
#retailAnalyzeResult td:first-child,
#retailAnalyzeResult th:first-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* скролл в таблицах — красивый и ниже по высоте */
#retailAnalyzeResult div[style*="overflow:auto"],
#retailAnalyzeResult div[style*="overflow: auto"]{
  max-height: 160px !important;
  overflow: auto !important;
  border-radius: 10px;
}

/* подсветка строки при наведении */
#retailAnalyzeResult tbody tr:hover td{
  background: rgba(255,255,255,.06);
}

/* =========================
   LEAFLET ZOOM — Radar glass shell (same tokens as .askbase-geo-btn)
   ========================= */

/* позиция зума уже перенесена в JS через zoomControl — тут только стиль */
.leaflet-control-zoom {
  border: 1px solid var(--askbase-radar-glass-border) !important;
  border-radius: 999px !important;
  overflow: hidden !important;

  background: var(--askbase-radar-glass-bg) !important;
  backdrop-filter: var(--askbase-radar-glass-blur) !important;
  -webkit-backdrop-filter: var(--askbase-radar-glass-blur) !important;

  box-shadow: var(--askbase-radar-glass-shadow) !important;
}

.leaflet-control-zoom a {
  /* размеры — пропорционально твоему basemap (высота ~24) */
  width: 28px !important;
  height: 22px !important;
  line-height: 26px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: rgba(226, 232, 240, 0.92) !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  background: transparent !important;
  border: 0 !important;
}

.leaflet-control-zoom a + a {
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

.leaflet-control-zoom a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.leaflet-control-zoom a:active {
  transform: scale(0.98);
}

.leaflet-bar a.leaflet-disabled {
  opacity: .45 !important;
  background: transparent !important;
}

#osmRetailBrandDropdown label {
    color: var(--retail-text-primary, #172033);
    cursor: pointer;
}

#osmRetailBrandDropdown label:hover {
    background: #f1f5f9;
    border-radius: 10px;
}

        /* ===== Radar / Clusters bottom sheet (Mapbox Studio–style depth) ===== */
        .askbase-bottom-sheet {
            position: fixed;
            left: 12px;
            right: 12px;
            bottom: 0;
            bottom: env(safe-area-inset-bottom);
            width: auto;

            max-width: none;
            height: 42vh;
            min-height: 300px;
            box-sizing: border-box;

            padding: 12px 12px 10px;
            border-radius: var(--ask-map-panel-radius, 22px);

            background: var(--askbase-radar-glass-bg);
            backdrop-filter: var(--askbase-radar-glass-blur);
            -webkit-backdrop-filter: var(--askbase-radar-glass-blur);
            border: 1px solid var(--askbase-radar-glass-border);
            box-shadow: var(--askbase-radar-glass-shadow);

            transform: translateY(18px);
            opacity: 0;
            pointer-events: none;
            transition: transform .18s ease, opacity .18s ease;
            z-index: 5000;
        }

        .askbase-bottom-sheet::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: -1px;
            height: 28px;
            pointer-events: none;
            background: linear-gradient(
                rgba(255, 255, 255, 0.06),
                rgba(255, 255, 255, 0.00)
            );
            border-radius: 18px 18px 0 0;
        }

        .askbase-bottom-sheet--open {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }

        /* Radar / Clusters / Urban match Expansion sheet height (42vh / min 300px). */
        /* Side mode buttons keep the legacy bottom offset below — do not retie to sheet height. */
        /* askbase-bottom-sheet--radar-active: reserved for mode-specific hooks only. */

        .askbase-bottom-sheet__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px;
        }

        .askbase-bottom-sheet__title {
            font-size: 14px;
            font-weight: 600;
            color: rgba(226, 232, 240, 0.95);
        }

        .askbase-bottom-sheet__subtitle {
            font-size: 12px;
            color: rgba(203, 213, 225, 0.9);
            margin-top: 2px;
        }

/* ==================================================
   BOTTOM SHEET CLOSE BUTTON — same as toolbar pills (Radar + Clusters)
   ================================================== */

/* Bottom sheet header icons — plain chevron + close (matches region picker) */
.askbase-bottom-sheet__close,
.askbase-sheet-collapse-btn {
    position: absolute !important;
    top: 10px;
    left: unset !important;
    bottom: unset;

    width: 28px;
    height: 28px;
    border-radius: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;

    color: rgba(15, 23, 42, 0.84);
    cursor: pointer;
    outline: none;
    opacity: 1;
    transition: color 0.16s ease;
}

.askbase-bottom-sheet__close {
    right: 12px;
    z-index: 20;
}

.askbase-sheet-collapse-btn {
    right: 44px;
    z-index: 21;
    display: none;
}

/* Expansion: collapse + plus rail left of close (same 28px / 4px rhythm as Radar) */
.askbase-bottom-sheet__header-actions--expansion {
    position: absolute;
    top: 10px;
    right: 44px;
    z-index: 22;
    display: none;
    align-items: center;
    gap: 4px;
    height: 28px;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] .askbase-bottom-sheet__header-actions--expansion:not([hidden]) {
    display: inline-flex;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] > .askbase-bottom-sheet__close {
    right: 12px !important;
    top: 10px !important;
}

.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion,
.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(15, 23, 42, 0.84);
    cursor: pointer;
    outline: none;
    line-height: 0;
    flex: 0 0 auto;
    transition: color 0.16s ease;
}

.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn__icon,
.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: inherit;
}

.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion:hover,
.askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn:hover {
    background: transparent;
    color: rgba(15, 23, 42, 0.94);
}

.askbase-sheet-header-icon-btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: inherit;
}

.askbase-sheet-header-icon-btn__icon svg {
    width: 16px;
    height: 16px;
    display: block;
}

.askbase-sheet-header-icon-btn__icon svg path {
    stroke-width: 2;
}

.askbase-bottom-sheet__close-icon,
.askbase-sheet-collapse-btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: inherit;
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

.askbase-bottom-sheet__close-icon svg,
.askbase-sheet-collapse-btn__icon svg {
    width: 16px;
    height: 16px;
    display: block;
}

.askbase-bottom-sheet__close-icon svg path,
.askbase-sheet-collapse-btn__icon svg path {
    stroke-width: 2;
}

.askbase-bottom-sheet__close:hover,
.askbase-sheet-collapse-btn:hover {
    background: transparent;
    border-color: transparent;
    color: rgba(15, 23, 42, 0.94);
    box-shadow: none;
    opacity: 1;
}

.askbase-bottom-sheet__close:active,
.askbase-sheet-collapse-btn:active {
    background: transparent;
    border-color: transparent;
    transform: none;
}

.askbase-bottom-sheet__close:focus,
.askbase-bottom-sheet__close:focus-visible,
.askbase-sheet-collapse-btn:focus-visible {
    outline: none;
    box-shadow: none;
}

#askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] > #radarPanelCollapseBtn {
    display: inline-flex;
}

#askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="clusters"] > #clustersPanelCollapseBtn {
    display: inline-flex;
}

.askbase-sheet-collapse-btn--collapsed .askbase-sheet-collapse-btn__icon {
    transform: rotate(180deg);
}

#askbase-bottom-sheet.askbase-bottom-sheet--collapsed #radar-panel-view .askbase-bottom-sheet__body {
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

#askbase-bottom-sheet.askbase-bottom-sheet--collapsed #clusters-panel-view .askbase-bottom-sheet__body {
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

#askbase-bottom-sheet.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"] {
    transform: translateY(calc(100% - 52px)) !important;
}

        .askbase-bottom-sheet__body {
            height: calc(100% - 48px);
            overflow: auto;
            padding-right: 4px;
        }

        .askbase-bottom-sheet__controls-row {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .askbase-results-grid {
            display: grid;
            grid-template-columns: 1.1fr 1fr 1fr 1.1fr;
            gap: 10px;
        }

        @media (max-width: 1200px) {
            .askbase-results-grid { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 780px) {
            .askbase-bottom-sheet { height: 48vh; min-height: 280px; }
            #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="expansion"] {
              height: 48vh !important;
              min-height: 280px !important;
              max-height: calc(100dvh - 36px) !important;
            }
            .askbase-results-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 640px) {
            .askbase-bottom-sheet { left: 8px; right: 8px; }
        }

        .askbase-result-card {
            border-radius: 16px;
            background: rgba(15, 23, 42, 0.50);
            border: 1px solid rgba(255, 255, 255, 0.06);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
            padding: 10px;
        }

        .askbase-result-card h4 {
            margin: 0 0 8px;
            font-size: 13px;
            font-weight: 600;
            color: rgba(226, 232, 240, 0.95);
        }
        /* ===== /Radar results bottom sheet ===== */

/* Radar center square — більш акуратний “піксель” */
.askbase-radar-center-wrap {
    background: transparent !important;
    border: none !important;
    width: 0;
    height: 0;
}

.askbase-radar-center-wrap--draggable {
    width: 32px !important;
    height: 32px !important;
    pointer-events: auto !important;
}

.askbase-radar-center-drag {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    touch-action: none;
    pointer-events: auto !important;
}

.askbase-radar-center-drag--3d {
    width: 40px;
    height: 40px;
    z-index: 6;
}

path.askbase-radar-circle--draggable,
.askbase-radar-circle--draggable {
    cursor: grab !important;
}

.leaflet-dragging path.askbase-radar-circle--draggable,
.leaflet-dragging .askbase-radar-center-drag {
    cursor: grabbing !important;
}

.askbase-radar-center {
    width: 5px;
    height: 5px;
    background: #facc15;                 /* той самий жовтий, що й контур */
    border-radius: 1.5px;                  /* легке згладжування, не “цвях” */
    box-shadow: 0 0 0 1px rgba(0,0,0,.35);  /* тоненький темний контур */
}

    /* ===== Radar radius pills (soft UI) ===== */
    .askbase-radar-radius-pills {
        margin-top: 4px;
        display: inline-flex;
        gap: 4px;
        padding: 2px;
        border-radius: 999px;
        background: rgba(15,23,42,0.20);   /* мягкий тёмный фон */
        backdrop-filter: blur(8px);
    }

    .askbase-radar-radius-pill {
        border: 1px solid rgba(148,163,184,0.35);
        outline: none;
        cursor: pointer;
        font-size: 11px;
        line-height: 1.25;
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(15,23,42,0.55);
        color: rgba(226,232,240,0.88);
        transition:
            background 0.15s ease,
            color 0.15s ease,
            border-color 0.15s ease;
    }

    .askbase-radar-radius-pill:hover {
        background: rgba(15,23,42,0.80);
        border-color: rgba(148,163,184,0.55);
    }

    .askbase-radar-radius-pill--active {
        background: rgba(15,23,42,0.92);          /* почти как фон */
        border-color: rgba(250,204,21,0.85);      /* тонкая жёлтая рамка */
        color: rgba(250,250,250,0.98);
        font-weight: 500;
    }

    /* ===== Radar bottom sheet: analytic table v2 ===== */

    #askbase-bottom-sheet .askbase-result-card table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 6px; /* разрыв между строками */
        font-size: 12px;
    }

    #askbase-bottom-sheet .askbase-result-card thead {
        display: none; /* убираем классический header */
    }

    #askbase-bottom-sheet .askbase-result-card tr {
        background: rgba(15,23,42,0.55);
        backdrop-filter: blur(6px);
        border-radius: 10px;
        transition: background .15s ease;
    }

    #askbase-bottom-sheet .askbase-result-card tr:hover {
        background: rgba(15,23,42,0.75);
    }

    #askbase-bottom-sheet .askbase-result-card td {
        padding: 8px 10px;
        border: none;
        color: rgba(226,232,240,0.92);
        vertical-align: middle;
    }

    /* первый столбец — название */
    #askbase-bottom-sheet .askbase-result-card td:first-child {
        font-weight: 600;
        color: #e5e7eb;
    }

    /* числовые значения */
    #askbase-bottom-sheet .askbase-result-card td:last-child,
    #askbase-bottom-sheet .askbase-result-card td[data-value] {
        text-align: right;
        font-weight: 600;
        color: #facc15;
    }

    /* слабые вторичные числа */
    #askbase-bottom-sheet .askbase-result-card td.muted {
        color: rgba(226,232,240,0.55);
        font-weight: 400;
    }

    /* заголовки блоков */
    #askbase-bottom-sheet .askbase-result-card h4 {
        margin: 0 0 10px 0;
        font-size: 13px;
        font-weight: 600;
        color: #f8fafc;
        letter-spacing: .2px;
    }

    /* ===== /Radar bottom sheet: analytic table v2 ===== */

/* ===== Radar text color FIX ===== */

/* базовый текст в карточках радара */
/* ===== Scrollbar: thin for Radar / Clusters (dark desktop glass) ===== */
#askbase-bottom-sheet,
#askbase-bottom-sheet * {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}
#askbase-bottom-sheet::-webkit-scrollbar,
#askbase-bottom-sheet *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
#askbase-bottom-sheet::-webkit-scrollbar-track,
#askbase-bottom-sheet *::-webkit-scrollbar-track {
    background: transparent;
}
#askbase-bottom-sheet::-webkit-scrollbar-thumb,
#askbase-bottom-sheet *::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    border: 1px solid transparent;
    background-clip: padding-box;
}
#askbase-bottom-sheet::-webkit-scrollbar-thumb:hover,
#askbase-bottom-sheet *::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.28);
    border: 1px solid transparent;
    background-clip: padding-box;
}

/* Mobile light glass sheets: cabinet / catalog airy slate thumb */
@media (max-width: 768px) {
  #askbase-bottom-sheet,
  #askbase-bottom-sheet * {
    scrollbar-color: rgba(148, 163, 184, 0.14) transparent;
  }
  #askbase-bottom-sheet::-webkit-scrollbar-thumb,
  #askbase-bottom-sheet *::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.12);
  }
  #askbase-bottom-sheet::-webkit-scrollbar-thumb:hover,
  #askbase-bottom-sheet *::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.24);
  }
}

#askbase-bottom-sheet,
#askbase-bottom-sheet * {
    color: rgba(226, 232, 240, 0.92);
}

/* заголовки блоков */
#askbase-bottom-sheet h3,
#askbase-bottom-sheet h4,
#askbase-bottom-sheet .askbase-result-title {
    color: #f8fafc;
    font-weight: 600;
}

/* ключевые значения (цифры, проценты) */
#askbase-bottom-sheet strong,
#askbase-bottom-sheet .value,
#askbase-bottom-sheet td:last-child {
    color: #facc15; /* жёлтый акцент */
    font-weight: 600;
}

/* вторичный текст */
#askbase-bottom-sheet .muted,
#askbase-bottom-sheet small,
#askbase-bottom-sheet .sub {
    color: rgba(226, 232, 240, 0.6);
}

/* строки таблиц — убираем чёрный */
#askbase-bottom-sheet td,
#askbase-bottom-sheet th {
    color: rgba(226, 232, 240, 0.9);
}

/* защита от наследования старых table styles */
#askbase-bottom-sheet table * {
    color: inherit !important;
}

/* ===== /Radar text color FIX ===== */

/* =========================
   LEFT PANEL – SAFE TUNE
   ========================= */

/* сама панель */
.askbase-panel {
    width: 340px;

    /* светлее и "воздушнее" */
    background: rgba(15,23,42,0.55);
    backdrop-filter: blur(14px);

    border: 1px solid rgba(148,163,184,0.25);
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);

    /* НЕ заходим под радар */
    max-height: calc(100vh - 220px);
}

/* если радар открыт — ещё выше */
.askbase-analyze-panel--open ~ .askbase-panel {
    max-height: calc(100vh - 360px);
}

/* общий текст — Radar panel title scale (see #radar-panel-view .radar-title) */
.askbase-panel,
.askbase-panel * {
    font-size: 13px;
}

/* строки фильтров */
.askbase-layer-row {
    margin-bottom: 6px;
}

/* ЛЕВАЯ ПАНЕЛЬ: прямоугольные кнопки / пилюли */
.askbase-panel .askbase-pill {
    min-height: 26px;
    padding: 4px 8px;

    background: rgba(15,23,42,0.60);
    border: 1px solid rgba(148,163,184,0.35);
    border-radius: 6px;              /* ❗ вместо 999px */

    font-size: 11px;
    font-weight: 500;
    color: #e5e7eb;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-shadow: none;
}

/* маленькие кнопки (×, Points/Heatmap) */
.askbase-panel .askbase-pill[style*="width"] {
    min-width: 24px;
    padding: 0 6px;
}

/* hover — спокойный */
.askbase-panel .askbase-pill:hover {
    background: rgba(30,41,59,0.85);
    border-color: rgba(148,163,184,0.55);
}

/* ===== ACTIVE PILL – Transparent Lime Gradient ===== */

.askbase-panel .askbase-pill--active {
    background: linear-gradient(
        180deg,
        rgba(57, 255, 20, 0.55) 0%,
        rgba(168, 255, 0, 0.45) 60%,
        rgba(234, 255, 0, 0.40) 100%
    ) !important;

    color: #0f172a !important;

    border: 1px solid rgba(132, 204, 22, 0.65) !important;

    box-shadow:
        0 0 0 1px rgba(132, 204, 22, 0.35),
        0 0 12px rgba(132, 204, 22, 0.35),
        0 6px 16px rgba(132, 204, 22, 0.25);

    backdrop-filter: blur(6px);

    transition: all 0.2s ease;
}

.askbase-panel .askbase-pill--active:hover {
    filter: brightness(1.08);
}

/* ===== Legacy radar controls – visually hidden, JS-safe ===== */
#retailAnalyzeBtn,
#retailAnalyzeClear,
#retailAnalyzeRadius,
#retailAnalyzeType {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ===== Clusters bottom sheet: гарантированно видна при открытии ===== */

#askbase-bottom-sheet.askbase-bottom-sheet--open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 5010 !important;
}

#askbase-bottom-sheet .askbase-bottom-sheet__title {
    color: #bfdbfe;
}

/* Final cascade guard: Expansion header title — same light chrome as + / close */
#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__header .expansion-title,
#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title {
    font-family: system-ui, -apple-system, Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(15, 23, 42, 0.84) !important;
    opacity: 1;
    letter-spacing: normal !important;
    text-shadow: none;
}

#askbase-bottom-sheet .askbase-pill--active {
    background: linear-gradient(
        135deg,
        rgba(59, 130, 246, 0.95),
        rgba(96, 165, 250, 0.95)
    );
    border-color: rgba(59, 130, 246, 0.9);
    color: #0b1120;
}

/* ===== Left panel: hide extra clear-crosses (JS-safe) ===== */

#wsDominantClear,
#wsConfClear {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* === ЛЕВАЯ ПАНЕЛЬ: выравнивание рядов по левому краю === */

/* строки слоёв в панели */
.askbase-panel .askbase-layer-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;   /* вместо space-between / flex-end */
    gap: 6px;
}

/* подпись слоя — компактная, но без переноса, рядом с кнопками */
.askbase-panel .askbase-layer-label {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: 4px;
    cursor: pointer;
}

/* блок с кнопками (pill’ами) в панели — тоже слева */
.askbase-panel .askbase-layer-pills {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start;   /* главное: не вправо */
    gap: 6px;
}

/* содержимое самих кнопок внутри панели — чуть влево */
.askbase-panel .askbase-pill {
    justify-content: flex-start;
    text-align: left;
}

/* ===== TOP SEARCH POSITION — fixed from first paint (no absolute→fixed jump) ===== */
.askbase-top-search {
    position: fixed;
    top: var(--ask-map-top-chrome-top);
    right: var(--ask-map-top-chrome-right);
    z-index: 9060;

    display: flex;
    align-items: center;
    gap: 8px;
}

/* ===== UserPoints: Groups — RESET STYLE ===== */

.askbase-userpoints-groups-row {
    display: none;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.askbase-userpoints-groups-row--open {
    display: flex;
}

.askbase-userpoints-group-chip {
    all: unset;                 /* 🔥 сбрасываем ВСЁ */
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #e5e7eb;
    cursor: pointer;
}

.askbase-userpoints-group-chip input[type="checkbox"] {
    cursor: pointer;
}

.askbase-userpoints-group-chip span {
    all: unset;
}

/* === NORMALIZE RETAIL FILTER BUTTONS WIDTH === */

/* базовая ширина всех контролов внутри панели */
.askbase-panel .askbase-pill,
.askbase-panel select,
.askbase-panel input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

/* Retail: сегменты / категории / бренды — уже визуально */
#osmRetailSegmentBtn,
#osmRetailCategoryBtn,
#osmRetailBrandBtn {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
}

/* визуально "обрезаем воздух" справа */
.askbase-layer-row {
    padding-right: 0;
}

/* === SAME HEIGHT AS OTHER PANEL BUTTONS === */

.askbase-panel #osmRetailFilters .askbase-pill {
    min-height: 26px;
    height: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11.5px;
}

/* === RETAIL FILTERS — SOFTER VISUAL WEIGHT === */

#osmRetailSegmentBtn,
#osmRetailCategoryBtn,
#osmRetailBrandBtn {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148,163,184,0.25);
}

/* ===== LEFT PANEL — COMPACT MODE (scoped, reversible) ===== */
/* Compact left panel: Radar/Clusters-style glass + shared control tokens */
.askbase-panel.askbase-panel--layers-compact {
    --askbase-ctrl-height: 30px;
    --askbase-ctrl-radius: 8px;
    --askbase-ctrl-padding-x: 10px;
    --askbase-ctrl-padding-y: 5px;
    --askbase-ctrl-font: 13px;
    --askbase-ctrl-gap: 8px;
    /* filter/dropdown tokens (one style for all) */
    --askbase-dd-bg: rgba(15, 23, 42, 0.94);
    --askbase-dd-border: 1px solid rgba(255, 255, 255, 0.08);
    --askbase-dd-radius: 8px;
    --askbase-dd-padding: 10px;
    --askbase-dd-row-height: 34px;
    --askbase-dd-font: 12.5px;
    --askbase-dd-color: #e5e7eb;
    --askbase-dd-hover-bg: rgba(255, 255, 255, 0.08);
    --askbase-dd-counter-opacity: 0.85;
    --askbase-dd-scrollbar-thumb: rgba(148, 163, 184, 0.4);
    /* typography */
    --askbase-font-size: 13px;
    --askbase-font-weight: 600;
    --askbase-font-size-counter: 13px;
    --askbase-opacity-counter: 0.85;
    width: 248px;
    min-width: 248px;
    max-width: 248px;
    padding: 12px;
    border-radius: 12px;
    /* Radar/Clusters-style glass panel */
    background: linear-gradient(rgba(15, 23, 42, 0.40), rgba(15, 23, 42, 0.55));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    position: relative;
}
.askbase-panel.askbase-panel--layers-compact::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 28px;
    pointer-events: none;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(rgba(255, 255, 255, 0.06), transparent);
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__title-row {
    gap: 6px;
    min-height: 32px;
    margin-bottom: 8px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__title {
    font-size: 16px;
    font-weight: 600;
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__subtitle {
    font-size: 11px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__section {
    margin-top: 12px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__section-title {
    font-size: 12px;
    margin-bottom: 8px;
}
/* Compact: row/label/pills — no global alignment; uses base panel flex */
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row {
    margin-bottom: 6px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-label {
    font-size: var(--askbase-font-size);
    font-weight: var(--askbase-font-weight);
    cursor: pointer;
    min-height: var(--askbase-ctrl-height);
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-pills {
    display: flex;
    gap: var(--askbase-ctrl-gap);
    justify-content: flex-start;
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill {
    min-height: var(--askbase-ctrl-height);
    padding: var(--askbase-ctrl-padding-y) var(--askbase-ctrl-padding-x);
    font-size: var(--askbase-ctrl-font);
    border-radius: var(--askbase-ctrl-radius);
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.95);
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill:hover {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(255, 255, 255, 0.12);
}
/* Retailers row: icon-only pills (Heatmap / Points / Logos) */
.askbase-panel.askbase-panel--layers-compact .askbase-pill--icon {
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    padding: 5px;
    border-radius: 8px;
    min-width: var(--askbase-ctrl-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
}

.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-title {
    margin-bottom: 4px;
}

.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro.retail-panel-heading-row {
    display: grid;
    grid-template-columns: minmax(0, auto) auto 1fr auto;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
    width: 100%;
    min-width: 0;
}

.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    width: 100%;
    min-width: 0;
}

.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro .askbase-layer-label {
    display: flex;
    align-items: center;
    align-self: center;
    width: auto;
    flex: 0 1 auto;
    min-width: 0;
    font-size: var(--retail-heading-size, 13px);
    font-weight: var(--retail-heading-weight, 600);
    line-height: var(--retail-heading-lh, 1.2);
    letter-spacing: var(--retail-heading-ls, normal);
    color: #0f172a;
    margin: 0;
    padding: 0;
}

.askbase-panel.askbase-panel--layers-compact .retail-panel-total {
    font-size: var(--retail-value-size, 11px);
    font-weight: var(--retail-value-weight, 500);
    line-height: var(--retail-value-lh, 1.25);
    color: rgba(71, 85, 105, 0.88);
    font-variant-numeric: tabular-nums;
}

.askbase-panel.askbase-panel--layers-compact .askbase-retail-intro__viz {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-title .askbase-layer-label {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.05;
    color: var(--ask-map-chrome-text-strong, rgba(241, 245, 249, 0.92));
    min-height: 0;
    margin: 0;
    padding: 0;
}

/* Retailers: label + Heatmap/Points/Logos on one row */
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail),
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro:has(.askbase-pill--layer-osm-retail):not(.retail-panel-heading-row) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-layer-label {
    display: flex;
    align-items: center;
    align-self: center;
    width: auto;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.05;
    color: rgba(241, 245, 249, 0.92);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-layer-pills {
    width: auto;
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    pointer-events: auto;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    min-width: 36px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.15s ease;
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail:hover {
    background: rgba(255,255,255,0.08);
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail svg,
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail i {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

/* Retail top rows: one shared inner content column (region / title+toolbar / filters) */
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#askMapRegionSelect),
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#osmRetailFilters),
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail),
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro {
    width: 100%;
    min-width: 0;
    margin-bottom: 6px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#askMapRegionSelect) > .askbase-layer-label,
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#osmRetailFilters) > .askbase-layer-label {
    display: none;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#askMapRegionSelect) > div,
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#osmRetailFilters) > div {
    width: 100%;
    min-width: 0;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#askMapRegionSelect) #askMapRegionSelect,
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row:has(#osmRetailFilters) #osmRetailFilters {
    width: 100%;
    min-width: 0;
}

/* Ensure decorative glass overlays never intercept toolbar clicks */
.askbase-panel.askbase-panel--layers-compact::before,
.askbase-panel.askbase-panel--layers-compact::after {
    pointer-events: none !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill--icon .askbase-mode-icon {
    display: block;
    flex: 0 0 auto;
}

.ask-retail-logo-marker {
    background: transparent;
    border: 0;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.55));
}

/* Transport / ЖК / BC icon toolbar — same footprint as Retailers Points / Heatmap (30px row, 8px radius) */
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    margin-bottom: 6px;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar .askbase-layer-pills {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 28px !important;
    min-height: 28px !important;
    min-width: 28px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    flex-shrink: 0;
    text-align: center;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(15, 23, 42, 0.72) !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill:hover {
    background: rgba(15, 23, 42, 0.045) !important;
    border: none !important;
    color: #0f172a !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill.askbase-pill--active {
    background: rgba(15, 23, 42, 0.06) !important;
    border: none !important;
    box-shadow: none !important;
    color: #0f172a !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-layer-row--transport-toolbar .askbase-mode-icon {
    width: 14px !important;
    height: 14px !important;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

/* TEMP: hide RC / Mall / BC / Land filters (can be restored later) */
.askbase-panel .askbase-layer-row.askbase-layer-row--has-label:has(.askbase-pill[data-layer="residential_complex"]),
.askbase-panel .askbase-layer-row.askbase-layer-row--has-label:has(.askbase-pill[data-layer="mall"]),
.askbase-panel .askbase-layer-row.askbase-layer-row--has-label:has(.askbase-pill[data-layer="business_center"]),
.askbase-panel .askbase-layer-row.askbase-layer-row--has-label:has(.askbase-pill[data-layer="land"]) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.ask-cadastral-hint {
    position: fixed;
    left: 50%;
    top: calc(var(--ask-map-top-chrome-top, 12px) + var(--ask-map-right-rail-width, 36px) + var(--ask-map-right-rail-gap, 8px) + 8px);
    transform: translateX(-50%);
    z-index: 5000;
    max-width: min(420px, calc(100% - 32px));
    padding: 9px 14px;
    border-radius: var(--ask-map-surface-radius, 16px);
    background: var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.14));
    border: 0.5px solid var(--ask-map-surface-glass-border, rgba(255, 255, 255, 0.30));
    box-shadow: var(--ask-map-surface-glass-shadow, 0 8px 28px rgba(15, 23, 42, 0.05));
    backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
    -webkit-backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.35;
    pointer-events: none;
    text-align: center;
}

/* Earth/satellite: same glass tokens (already dark under .ask-map-mode-earth) */
body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-cadastral-hint {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(255, 255, 255, 0.42);
    color: rgba(15, 23, 42, 0.88);
}

/* Cadastral parcel popup — index glass chrome */
.maplibregl-popup.ask-cadastral-popup-wrap {
    z-index: 5200;
}

.maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-content {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: var(--ask-map-surface-radius, 16px);
}

.ask-cadastral-popup {
    position: relative;
    min-width: 220px;
    max-width: 340px;
    /* Right pad: copy + share + MapLibre close (24×3 + gaps + inset). */
    padding: 12px 84px 12px 14px;
    border-radius: var(--ask-map-surface-radius, 16px);
    background: var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.14));
    border: 0.5px solid var(--ask-map-surface-glass-border, rgba(255, 255, 255, 0.30));
    box-shadow: var(--ask-map-surface-glass-shadow, 0 10px 28px rgba(15, 23, 42, 0.12));
    backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
    -webkit-backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
    font-family: "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

/* Index parcel popup: capped height, sticky cadnum head, thin body scroll. */
.ask-cadastral-popup--parcel {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: 380px;
    max-height: min(52vh, 420px);
    padding: 0;
    overflow: hidden;
}

.ask-cadastral-popup--parcel .ask-cadastral-popup__actions {
    top: 10px;
    right: 30px;
}

.maplibregl-popup.ask-cadastral-popup-wrap:has(.ask-cadastral-popup--parcel)
    .maplibregl-popup-close-button {
    top: 10px !important;
}

.ask-cadastral-popup__head {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    padding: 12px 84px 10px 14px;
    background: transparent;
    border-bottom: none;
}

.ask-cadastral-popup__head .ask-cadastral-popup__row {
    padding: 0;
}

.ask-cadastral-popup__row--cadnum {
    grid-template-columns: minmax(88px, 32%) minmax(0, 1fr);
    align-items: center;
}

.ask-cadastral-popup__row--cadnum .ask-cadastral-popup__value {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    overflow: visible;
}

.ask-cadastral-popup__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 14px 8px;
    background: transparent;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
}

.ask-cadastral-popup__body::-webkit-scrollbar {
    width: 6px;
}

.ask-cadastral-popup__body::-webkit-scrollbar-track {
    background: transparent;
    margin: 4px 0;
}

.ask-cadastral-popup__body::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.16);
    border-radius: 999px;
    border: 1.5px solid transparent;
    background-clip: padding-box;
}

.ask-cadastral-popup__body::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 23, 42, 0.28);
    background-clip: padding-box;
}

.ask-cadastral-popup__foot {
    flex: 0 0 auto;
    padding: 0 14px 12px;
    background: transparent;
    border-top: none;
}

.ask-cadastral-popup__foot .ask-cadastral-popup__open {
    margin-top: 10px;
}

.ask-cadastral-popup__row {
    display: grid;
    grid-template-columns: minmax(96px, 38%) 1fr;
    gap: 6px 10px;
    align-items: start;
    padding: 5px 0;
}

.ask-cadastral-popup__row + .ask-cadastral-popup__row {
    border-top: 0.5px solid rgba(15, 23, 42, 0.08);
}

.ask-cadastral-popup__label {
    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.62));
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.35;
}

.ask-otg-popup__open {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #3f5e96;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ask-otg-popup__open:hover {
    color: #2f4a7a;
}

/*
 * Parcel popup copy/share — same chrome as MapLibre close (24×24, top-right).
 * Close sits at right:6px; actions sit immediately to its left.
 */
.ask-cadastral-popup__actions {
    position: absolute;
    top: 6px;
    right: 30px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex: 0 0 auto;
    margin: 0;
}

.ask-cadastral-popup__action {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(15, 23, 42, 0.55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s ease, opacity 0.15s ease;
}

.ask-cadastral-popup__action:hover,
.ask-cadastral-popup__action:focus-visible {
    background: transparent;
    color: rgba(15, 23, 42, 0.92);
    box-shadow: none;
    outline: none;
}

.ask-cadastral-popup__action:active {
    opacity: 0.78;
}

.ask-cadastral-popup__action svg {
    display: block;
    width: 14px;
    height: 14px;
    pointer-events: none;
}

.ask-cadastral-popup__action-tip {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    transform: none;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.92);
    color: #f8fafc;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.16s ease;
    z-index: 3;
}

.ask-cadastral-popup__action.is-copied .ask-cadastral-popup__action-tip,
.ask-cadastral-popup__action-tip.is-on {
    opacity: 1;
}

/* Parcel popup → /parcel/{cadnum} (quiet chrome CTA) */
.ask-cadastral-popup__open {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding: 9px 12px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    background: rgba(255, 255, 255, 0.88);
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.25;
    text-decoration: none;
    transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

.ask-cadastral-popup__open:hover,
.ask-cadastral-popup__open:focus-visible {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(217, 184, 95, 0.40);
    color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
    outline: none;
}

.ask-cadastral-popup__open:active {
    transform: translateY(1px);
}

.ask-cadastral-popup__open-label {
    min-width: 0;
}

.ask-cadastral-popup__open-arrow {
    flex: 0 0 auto;
    font-size: 14px;
    opacity: 0.72;
}

body.ask-map-mode-earth .ask-cadastral-popup__open {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.96);
    box-shadow: none;
}

body.ask-map-mode-earth .ask-cadastral-popup__open:hover,
body.ask-map-mode-earth .ask-cadastral-popup__open:focus-visible {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

body.ask-map-mode-earth .ask-cadastral-popup__action {
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.62);
}

body.ask-map-mode-earth .ask-cadastral-popup__action:hover,
body.ask-map-mode-earth .ask-cadastral-popup__action:focus-visible {
    background: transparent;
    color: rgba(255, 255, 255, 0.96);
}


.ask-otg-popup .ask-cadastral-popup__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.ask-cadastral-popup__icon {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.48));
    opacity: 0.92;
}

.ask-cadastral-popup__label-text {
    min-width: 0;
}

.ask-cadastral-popup__value {
    color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35;
    word-break: break-word;
}

.maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-tip {
    border-top-color: rgba(255, 255, 255, 0.72);
}

.maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    border-bottom-color: rgba(255, 255, 255, 0.72);
    border-top-color: transparent;
}

.maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-right-color: rgba(255, 255, 255, 0.72);
    border-top-color: transparent;
}

.maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    border-left-color: rgba(255, 255, 255, 0.72);
    border-top-color: transparent;
}

.maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button {
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: rgba(15, 23, 42, 0.55) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 0 !important;
    right: 6px !important;
    top: 6px !important;
    /* Above .ask-cadastral-popup__head (z:1) / __actions (z:2). Light MapLibre
       disables parcel backdrop-filter, so head z-index would otherwise win
       hit-testing over MapLibre's × (earth blur traps head inside a SC). */
    z-index: 3 !important;
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.15s ease, opacity 0.15s ease;
}

.maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:hover,
.maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

body.ask-map-mode-3d:not(.ask-map-mode-earth) .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: rgba(15, 23, 42, 0.50) !important;
}

body.ask-map-mode-3d:not(.ask-map-mode-earth) .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:hover,
body.ask-map-mode-3d:not(.ask-map-mode-earth) .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

.maplibregl-popup.ask-otg-hover-popup .maplibregl-popup-content {
    padding: 6px 10px !important;
    pointer-events: none;
}
.maplibregl-popup.ask-otg-hover-popup .ask-otg-hover-tip {
    margin: 0;
}
.maplibregl-popup.ask-otg-hover-popup .ask-cadastral-popup__value {
    font-weight: 600;
}

body.ask-map-mode-3d:not(.ask-map-mode-earth) .ask-cadastral-popup {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.55);
}

/* Earth: parcel popup = same glass recipe as Radar bottom sheet */
body.ask-map-mode-earth .ask-cadastral-popup {
    background: linear-gradient(
        rgba(15, 23, 42, 0.40),
        rgba(15, 23, 42, 0.55)
    );
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: var(--ask-map-panel-radius, 22px);
    color: rgba(255, 255, 255, 0.98);
}

body.ask-map-mode-earth .ask-cadastral-popup__row + .ask-cadastral-popup__row {
    border-top-color: rgba(255, 255, 255, 0.10);
}

body.ask-map-mode-earth .ask-cadastral-popup__label {
    color: rgba(226, 232, 240, 0.68);
}

body.ask-map-mode-earth .ask-cadastral-popup__icon {
    color: rgba(226, 232, 240, 0.55);
}

body.ask-map-mode-earth .ask-cadastral-popup__value {
    color: rgba(255, 255, 255, 0.98);
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-content {
    border-radius: var(--ask-map-panel-radius, 22px);
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-tip {
    border-top-color: rgba(15, 23, 42, 0.55);
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    border-bottom-color: rgba(15, 23, 42, 0.55);
    border-top-color: transparent;
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-right-color: rgba(15, 23, 42, 0.55);
    border-top-color: transparent;
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    border-left-color: rgba(15, 23, 42, 0.55);
    border-top-color: transparent;
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(226, 232, 240, 0.72) !important;
    border-radius: 0 !important;
}

body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:hover,
body.ask-map-mode-earth .maplibregl-popup.ask-cadastral-popup-wrap .maplibregl-popup-close-button:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.98) !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill--layer-osm-retail.askbase-pill--active {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.5), rgba(6, 182, 212, 0.55));
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.25), 0 0 10px rgba(34, 211, 238, 0.2);
    color: #fff;
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill--layer-osm-retail.askbase-pill--active:hover {
    filter: brightness(1.1);
}
.askbase-panel.askbase-panel--layers-compact .askbase-pill[style*="width"] {
    min-width: var(--askbase-ctrl-height);
    padding: 0 5px;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters,
.askbase-panel.askbase-panel--layers-compact #wsGridFilters {
    font-size: var(--askbase-ctrl-font);
}
/* Local fix: Retailers filters only — full width stack so Segments/Categories/Brands are wider and aligned */
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters > div {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentBox > div:first-of-type,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryBox > div:first-of-type,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandBox > div:first-of-type {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailSegmentBtn,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailCategoryBtn,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailBrandBtn {
    min-width: 0;
    height: 34px;
    min-height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 8px;
    box-sizing: border-box;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters > div,
.askbase-panel.askbase-panel--layers-compact #wsGridFilters > div {
    gap: var(--askbase-ctrl-gap) !important;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters .askbase-pill,
.askbase-panel.askbase-panel--layers-compact #wsGridFilters .askbase-pill {
    min-height: var(--askbase-ctrl-height);
    height: var(--askbase-ctrl-height);
    padding: var(--askbase-ctrl-padding-y) var(--askbase-ctrl-padding-x);
    font-size: var(--askbase-ctrl-font);
    border-radius: var(--askbase-ctrl-radius);
}
/* Region selector: same visual language as panel pills (cf. Radar #radarProfileType fix) */
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    height: var(--askbase-ctrl-height) !important;
    min-height: var(--askbase-ctrl-height) !important;
    padding: 0 20px 0 var(--askbase-ctrl-padding-x) !important;
    font-size: var(--askbase-ctrl-font) !important;
    font-weight: 500 !important;
    border-radius: var(--askbase-ctrl-radius) !important;
    background: rgba(15, 23, 42, 0.6) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(248,250,252,0.8)' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    color: #e5e7eb !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
}
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect:hover {
    background-color: rgba(30, 41, 59, 0.85) !important;
    border-color: rgba(148, 163, 184, 0.55) !important;
}
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect:focus,
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect:focus-visible,
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(148, 163, 184, 0.55) !important;
}
.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect option {
    background: rgba(15, 23, 42, 0.96) !important;
    color: rgba(248, 250, 252, 0.96) !important;
}

/* ===== Unified filter dropdown panels (Segments, Categories, Brands) ===== */
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown {
    background: var(--askbase-dd-bg) !important;
    border: var(--askbase-dd-border) !important;
    border-radius: var(--askbase-dd-radius) !important;
    padding: var(--askbase-dd-padding) !important;
    margin-top: var(--askbase-ctrl-gap) !important;
    max-height: 220px !important;
    overflow: auto !important;
    color: var(--askbase-dd-color) !important;
    font-size: var(--askbase-dd-font) !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
/* Unified filter row: marker + label + count (Segments, Categories, Brands) */
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .askbase-filter-row,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .askbase-filter-row,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .askbase-filter-row {
    min-height: var(--askbase-dd-row-height) !important;
    padding: 7px var(--askbase-dd-padding) !important;
    font-size: var(--askbase-dd-font) !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    color: var(--askbase-dd-color) !important;
    background: transparent !important;
    border: none !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .askbase-filter-row:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .askbase-filter-row:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .askbase-filter-row:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown input[type="checkbox"],
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown input[type="checkbox"],
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown input[type="checkbox"],
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters input[type="checkbox"] {
    transform: none !important;
    margin-right: 0 !important;
    cursor: pointer;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .askbase-filter-row--selected,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .askbase-filter-row--selected,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .askbase-filter-row--selected {
    background: rgba(70, 170, 255, 0.18) !important;
    color: #e5e7eb !important;
}
.askbase-panel.askbase-panel--layers-compact .askbase-filter-marker {
    flex: 0 0 14px;
    width: 14px;
    font-size: 10px;
    line-height: 1;
    opacity: 0.9;
    text-align: center;
}
.askbase-panel.askbase-panel--layers-compact .askbase-filter-label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--askbase-dd-font);
    font-weight: 500;
}
.askbase-panel.askbase-panel--layers-compact .askbase-filter-count {
    flex: 0 0 auto;
    opacity: var(--askbase-dd-counter-opacity);
    font-size: var(--askbase-dd-font);
    font-weight: 500;
}
/* Scrollbar: make Labels/left-panel dropdowns match Radar/Clusters bottom-sheet scrollbar */
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown::-webkit-scrollbar,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown::-webkit-scrollbar,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown::-webkit-scrollbar {
    width: 6px;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown::-webkit-scrollbar-track,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown::-webkit-scrollbar-track,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown::-webkit-scrollbar-track {
    background: transparent;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown::-webkit-scrollbar-thumb,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown::-webkit-scrollbar-thumb,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 8px;
}
.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown::-webkit-scrollbar-thumb:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown::-webkit-scrollbar-thumb:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.28);
}

/* All classes (Urban Grid): same as Region selector */
.askbase-panel.askbase-panel--layers-compact #wsDominantClass {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    height: var(--askbase-ctrl-height) !important;
    min-height: var(--askbase-ctrl-height) !important;
    padding: 0 20px 0 var(--askbase-ctrl-padding-x) !important;
    font-size: var(--askbase-ctrl-font) !important;
    font-weight: 500 !important;
    border-radius: var(--askbase-ctrl-radius) !important;
    background: rgba(15, 23, 42, 0.6) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(248,250,252,0.8)' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    color: #e5e7eb !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
}
.askbase-panel.askbase-panel--layers-compact #wsDominantClass:hover {
    background-color: rgba(30, 41, 59, 0.85) !important;
    border-color: rgba(148, 163, 184, 0.55) !important;
}
.askbase-panel.askbase-panel--layers-compact #wsDominantClass:focus,
.askbase-panel.askbase-panel--layers-compact #wsDominantClass:focus-visible,
.askbase-panel.askbase-panel--layers-compact #wsDominantClass:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(148, 163, 184, 0.55) !important;
}
.askbase-panel.askbase-panel--layers-compact #wsDominantClass option {
    background: rgba(15, 23, 42, 0.96) !important;
    color: rgba(248, 250, 252, 0.96) !important;
    font-size: var(--askbase-ctrl-font) !important;
}
.askbase-panel.askbase-panel--layers-compact #wsMinConfVal {
    width: 24px;
    font-size: var(--askbase-ctrl-font);
    min-height: var(--askbase-ctrl-height);
    display: inline-flex;
    align-items: center;
}
/* Conf row: compact — hide label, smaller gap, compact slider */
.askbase-panel.askbase-panel--layers-compact #wsGridFilters > div:nth-child(2) {
    gap: var(--askbase-ctrl-gap) !important;
}
.askbase-panel.askbase-panel--layers-compact #wsGridFilters > div:nth-child(2) > div:first-child {
    font-size: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    opacity: 0;
    pointer-events: none;
}
.askbase-panel.askbase-panel--layers-compact #wsGridFilters input[type="range"] {
    flex: 1 1 0%;
    min-width: 0;
    height: 10px;
    margin: 0;
    padding: 0;
}
.askbase-panel.askbase-panel--layers-compact .askbase-panel__close {
    width: 28px;
    height: 28px;
    top: 8px;
    right: 8px;
    left: unset;
}
@media (max-width: 640px) {
    .askbase-panel.askbase-panel--layers-compact {
        width: min(228px, 86vw);
        min-width: 0;
        max-width: 86vw;
    }
}

/* 2. внутренний скролл для вкладки "Групи" */
.askbase-userpoints-groups-row{
  max-height: 160px !important;
  overflow-y: auto !important;
  padding-right: 4px;
}

/* ===== FINAL: Groups dropdown стабильный ===== */
.askbase-userpoints-groups-row{
  display:none;
  margin-top:6px;

  /* лучше grid, чем flex — не будет "ползти" по ширине */
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;

  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;     /* <- убираем горизонтальный скролл */
  padding-right: 6px;
}

.askbase-userpoints-groups-row--open{
  display: grid;
}

.askbase-userpoints-group-chip{
  display:flex;
  align-items:center;
  gap:8px;

  min-width: 0;
  white-space: nowrap;

  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(200, 210, 220, 0.08);
  background: rgba(36, 44, 56, 0.85);
  font-size: 11px;
  font-weight: 500;
  color: rgba(236, 240, 244, 0.92);
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}

.askbase-userpoints-group-chip span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow: ellipsis;
}

/* Groups chips — STYLE 1 */
.askbase-userpoints-group-chip:hover{
  background: rgba(46, 58, 72, 0.9);
}

/* кастомный чекбокс — STYLE 1 teal */
.askbase-userpoints-group-chip input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid rgba(200, 210, 220, 0.25);
  background: rgba(36, 44, 56, 0.6);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.askbase-userpoints-group-chip input[type="checkbox"]::after{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: rgba(110, 170, 190, 0.9);
  transform: scale(0);
  transition: transform .12s ease;
}

.askbase-userpoints-group-chip input[type="checkbox"]:checked{
  border-color: rgba(110, 170, 190, 0.5);
  background: rgba(70, 130, 150, 0.25);
}

.askbase-userpoints-group-chip input[type="checkbox"]:checked::after{
  transform: scale(1);
}

.askbase-userpoints-groups-row{
  max-height: 180px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* Scrollbar: match Radar / Clusters bottom-sheet style inside right-side Labels / cabinet panel */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}
.askbase-userpoints-groups-row::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.askbase-userpoints-groups-row::-webkit-scrollbar-track {
  background: transparent;
}
.askbase-userpoints-groups-row::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}
.askbase-userpoints-groups-row::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28);
}

/* =========================
   TOP SEARCH FLYOUT — COMPACT
   (NO HTML CHANGES)
   ========================= */

/* якорь для абсолютного позиционирования */
.askbase-right-panel{
  position: relative;
}

/* сам flyout — premium pill слева от лупы и кабинета */
#top-search-flyout.askbase-search-flyout{
  --ask-map-top-search-block-width: calc(
    var(--ask-map-right-rail-width) * 2 + var(--ask-map-right-rail-gap)
  );
  --ask-map-search-flyout-width: 228px;
  --ask-map-search-flyout-right: calc(
    var(--ask-map-right-rail-inset)
    + var(--ask-map-top-search-block-width)
    + 48px
  );

  position: fixed;
  top: var(--ask-map-top-chrome-top);
  right: var(--ask-map-search-flyout-right);
  left: auto;

  width: var(--ask-map-search-flyout-width);
  max-width: min(var(--ask-map-search-flyout-width), calc(100vw - 120px));
  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;

  padding: 3px;
  border-radius: 12px;

  background: var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.14));
  border: 0.5px solid var(--ask-map-surface-glass-border, rgba(255, 255, 255, 0.30));
  backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04));
  box-shadow: var(--ask-map-surface-glass-shadow, 0 10px 28px rgba(15, 23, 42, 0.12));

  z-index: 9048;

  transform: translateX(8px);
  opacity: 0;
  pointer-events: none;
  transition: transform .18s cubic-bezier(0.22, 1, 0.36, 1), opacity .16s ease;
  overflow: hidden;
}

.askbase-search-flyout__label {
  position: relative;
  z-index: 1;
  padding: 9px 12px 5px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.46);
  line-height: 1;
  user-select: none;
}

#top-search-flyout.askbase-search-flyout::before {
  display: none;
}

/* показ */
#top-search-flyout.askbase-search-flyout:not(.askbase-search-flyout--hidden){
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

/* скрытие — НЕ display:none (чтобы анимация работала) */
#top-search-flyout.askbase-search-flyout.askbase-search-flyout--hidden{
  display: flex;
}

#top-search-flyout .askbase-search-flyout__row {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  min-width: 0;
  height: 28px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.44);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

#top-search-flyout #search-input{
  flex: 1 1 auto;
  display: block;
  width: 0;
  min-width: 0;
  height: 28px;
  margin: 0;
  padding: 0 4px 0 9px;
  border-radius: 9px 0 0 9px;
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
  font-size: 12px;
  font-weight: 500;
  outline: none;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

#top-search-flyout #search-input::placeholder{
  color: rgba(15, 23, 42, 0.40);
}

#top-search-flyout #search-input:focus{
  outline: none;
}

#top-search-flyout #search-submit-btn,
#top-search-flyout .askbase-search-flyout__submit {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin: 0 1px 0 0;
  padding: 0;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: rgba(15, 23, 42, 0.62);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  opacity: var(--ask-map-btn-icon-opacity, 0.88);
  transition: background .14s ease, color .14s ease, opacity .14s ease;
}

#top-search-flyout #search-submit-btn svg,
#top-search-flyout .askbase-search-flyout__submit svg {
  width: 15px;
  height: 15px;
  display: block;
}

#top-search-flyout #search-submit-btn:hover,
#top-search-flyout .askbase-search-flyout__submit:hover {
  background: rgba(255, 255, 255, 0.52);
  color: rgba(15, 23, 42, 0.88);
  opacity: 1;
}

#top-search-flyout #search-submit-btn:active,
#top-search-flyout .askbase-search-flyout__submit:active {
  transform: scale(0.96);
}

/* Search status strip under the input — disabled (looked like a crude system field). */
#top-search-flyout #search-status,
#askbaseTopSearch.is-search-open #top-search-flyout #search-status {
  display: none !important;
}

/* Open-state chrome for top-search lives in «Unified search cluster» below */

@media (max-width: 900px){
  #askbaseTopSearch:not(.is-search-open) #top-search-flyout.askbase-search-flyout{
    /* closed: keep collapsed; open uses in-cluster layout */
    right: auto;
  }
}

/* ===== Unified search cluster: one pill, one loupe ===== */
.askbase-search-cluster {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  flex: 0 0 auto;
  min-width: var(--ask-map-right-rail-width, 36px);
  min-height: var(--ask-map-right-rail-width, 36px);
}

/* Closed: flyout out of flow so cluster = icon button only */
#askbase-search-cluster #top-search-flyout.askbase-search-flyout.askbase-search-flyout--hidden,
#askbaseTopSearch:not(.is-search-open) #top-search-flyout.askbase-search-flyout {
  position: absolute !important;
  top: 0 !important;
  right: 100% !important;
  left: auto !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

/* Open: single glass pill — input + one loupe (top-search-btn) */
#askbaseTopSearch.is-search-open .askbase-search-cluster {
  height: var(--ask-map-right-rail-width, 36px);
  padding: 3px 3px 3px 4px;
  gap: 0;
  border-radius: 12px;
  background: var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.14)) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border, rgba(255, 255, 255, 0.30)) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04)) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur, blur(36px) saturate(180%) brightness(1.04)) !important;
  box-shadow: var(--ask-map-surface-glass-shadow, 0 10px 28px rgba(15, 23, 42, 0.12)) !important;
  overflow: visible;
}

#askbaseTopSearch.is-search-open #top-search-flyout.askbase-search-flyout,
#askbaseTopSearch.is-search-open #top-search-flyout.askbase-search-flyout:not(.askbase-search-flyout--hidden) {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: var(--ask-map-search-flyout-width, 228px) !important;
  max-width: min(var(--ask-map-search-flyout-width, 228px), calc(100vw - 160px)) !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transform: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 1 !important;
}

#askbaseTopSearch.is-search-open #top-search-flyout .askbase-search-flyout__row {
  height: calc(var(--ask-map-right-rail-width, 36px) - 6px);
  background: transparent;
  box-shadow: none;
  border-radius: 9px;
}

#askbaseTopSearch.is-search-open #top-search-flyout #search-input {
  height: 100%;
  padding: 0 6px 0 10px;
  font-size: 13px;
  border-radius: 9px;
}

/* Drop duplicate loupe inside the field — cluster button is the only icon */
#askbaseTopSearch.is-search-open #search-submit-btn,
#askbaseTopSearch.is-search-open .askbase-search-flyout__submit {
  display: none !important;
}

#askbaseTopSearch.is-search-open #top-search-btn {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  flex: 0 0 auto !important;
  width: calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  min-width: calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  height: calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  margin: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92)) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}

#askbaseTopSearch.is-search-open #top-search-btn:hover {
  background: rgba(255, 255, 255, 0.42) !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#askbaseTopSearch.is-search-open #top-search-btn svg {
  width: 16px !important;
  height: 16px !important;
  opacity: 0.88;
  filter: none;
}

#askbaseTopSearch.is-search-open #top-search-flyout #search-status {
  display: none !important;
}

/* ===== Clusters: hex cell label — subtle, restrained, not debug-like ===== */
.cluster-cell-label-wrap {
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cluster-cell-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(20, 27, 38, 0.58);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.28);
  pointer-events: none;
  display: inline-block;
  line-height: 1;
}

/* ===== Clusters: hex cell — soft stroke, premium hover/selection ===== */
/* Base stroke/fill set in JS: sapphire→jade→champagne→amber→amethyst, glass opacity. */
path.hex-hover {
  stroke: rgba(255, 255, 255, 0.94) !important;
  stroke-width: 1.35px;
  stroke-opacity: 1;
  transition: stroke 120ms ease, stroke-width 120ms ease, fill-opacity 120ms ease;
  outline: none !important;
  box-shadow: none !important;
}
/* Убираем прямоугольный focus ring у интерактивных полигонов кластеров */
.leaflet-overlay-pane path.leaflet-interactive {
  outline: none !important;
  box-shadow: none !important;
}
#clusters-legend .askbase-result-card tbody tr.legend-row {
  transition: background 160ms ease, box-shadow 160ms ease;
}
#clusters-legend .askbase-result-card tbody tr.legend-row--hover {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
.leaflet-tooltip.clusters-tooltip {
  background: rgba(20, 24, 32, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  backdrop-filter: blur(6px);
}

/* ===== Clusters: Radar-style design system ===== */
/* Card style (same as Radar) */
#askbase-bottom-sheet #clusters-details {
  max-width: none;
  width: 100%;
}
#clusters-panel-view .clusters-results-dashboard,
#clusters-panel-view .clusters-results-dashboard * {
  box-sizing: border-box;
}
#clusters-panel-view .clusters-results-dashboard {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  width: 100%;
  margin-bottom: 14px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card {
  min-height: 188px;
  padding: 10px 12px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card__header {
  margin-bottom: 6px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card__body {
  gap: 6px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card__footer {
  margin-top: 4px;
  font-size: 10px;
}
/* Market balance (top row): denser row rhythm; bar height unchanged */
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance {
  padding-top: 8px;
  padding-bottom: 8px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-card__header {
  margin-bottom: 4px;
}
/* Market balance: moderate vertical rhythm — fill card height without old “air” or cramped top */
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-card__body,
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-card__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1 1 auto;
  gap: 10px;
  padding-top: 4px;
  padding-bottom: 2px;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row,
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 22px;
}
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row__label,
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row__label {
  margin-bottom: 0;
  line-height: 1.25;
}
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row__bar,
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .clusters-card--balance .clusters-profile-row__bar {
  margin-top: 0;
  min-height: 6px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  width: 100%;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card {
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 248px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card__header {
  margin-bottom: 10px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  color: #e6edf5;
  letter-spacing: 0.01em;
}
/* Selected location: title + Cell ID on one row (scoped + #clusters-details fallback for live DOM) */
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__header--selected,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-card__header--selected {
  margin-bottom: 10px;
}

#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__header-main,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-card__header-main {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* Cell ID: strong override so title/h4 styles do not inflate font size */
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-card__cell-id {
  flex-shrink: 0;
  white-space: nowrap;
  color: rgba(142, 160, 182, 0.95);
  font-size: 9px !important;
  line-height: 1.1;
  font-weight: 500;
  opacity: 0.55;
  letter-spacing: 0.04em;
  transform: translateY(-1px);
}

/* Override global .askbase-result-card h4 margins so title + Cell ID stay on one row */
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-card__header-main .clusters-card__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

/* Selected location: normal column flow — override global body space-between (it created empty middle gap) */
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__body,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-card__body {
  justify-content: flex-start;
  gap: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-selected-mini-metrics-title,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-selected-mini-metrics-title {
  margin: 14px 0 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.88);
}

/* Selected location: compact mini-metrics (duplicate of Key metrics values) */
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-selected-mini-metrics,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-selected-mini-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 12px;
  flex-shrink: 0;
  min-height: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-selected-mini-metric,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-selected-mini-metric {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-selected-mini-metric span,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-selected-mini-metric span {
  font-size: 12px;
  font-weight: 500;
  color: rgba(142, 160, 182, 0.88);
  line-height: 1.2;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-selected-mini-metric strong,
#askbase-bottom-sheet #clusters-details .clusters-card--selected .clusters-selected-mini-metric strong {
  font-size: 16px;
  font-weight: 600;
  color: rgba(230, 237, 245, 0.95);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

#clusters-panel-view .clusters-results-dashboard .clusters-card__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card__footer {
  margin-top: 8px;
  font-size: 11px;
  opacity: 0.5;
}
#clusters-panel-view .clusters-results-dashboard .clusters-subsection__title {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8ea0b6;
  margin-bottom: 6px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-recommendation-title {
  font-size: 14px;
  font-weight: 550;
  color: #e6edf5;
}
#clusters-panel-view .clusters-results-dashboard .clusters-metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#clusters-panel-view .clusters-results-dashboard .clusters-metric-row:last-child {
  border-bottom: none;
}
#clusters-panel-view .clusters-results-dashboard .clusters-metric-row__label {
  font-size: 12px;
  color: #8ea0b6;
  opacity: 0.72;
}
#clusters-panel-view .clusters-results-dashboard .clusters-metric-row__value {
  font-size: 16px;
  font-weight: 550;
  color: #f1f5fa;
  text-align: right;
}
#clusters-panel-view .clusters-results-dashboard .clusters-signal-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  min-width: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-signal-row:last-child {
  margin-bottom: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-signal-row__dot {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-signal-row__text {
  font-size: 13px;
  line-height: 1.35;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#clusters-panel-view .clusters-results-dashboard .cluster-kpi-main {
  font-size: 15px;
  font-weight: 550;
}
#clusters-panel-view .clusters-results-dashboard .cluster-empty-note {
  font-size: 11px;
  opacity: 0.5;
}
#clusters-panel-view .clusters-results-dashboard .clusters-snapshot-list {
  width: 100%;
  max-width: 100%;
}
#clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-item {
  font-size: 13px;
  line-height: 1.35;
  color: #d7e1ee;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#clusters-panel-view .clusters-results-dashboard .clusters-profile-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 4px;
  align-items: center;
  margin-bottom: 3px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-profile-row:last-child {
  margin-bottom: 0;
}
#clusters-panel-view .clusters-results-dashboard .clusters-profile-row__label {
  font-size: 12px;
  color: #8ea0b6;
  margin: 0;
  line-height: 1.2;
}
#clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}
#clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #7da7d9 0%, #8b5cf6 100%);
}
#clusters-panel-view .clusters-results-dashboard .clusters-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 22px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  padding: 0 8px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-badge--low {
  background: rgba(110, 231, 168, 0.16);
  color: #6ee7a8;
  border: 1px solid rgba(110, 231, 168, 0.35);
}
#clusters-panel-view .clusters-results-dashboard .clusters-badge--medium {
  background: rgba(251, 191, 36, 0.16);
  color: #f7d36a;
  border: 1px solid rgba(251, 191, 36, 0.35);
}
#clusters-panel-view .clusters-results-dashboard .clusters-badge--high {
  background: rgba(255, 122, 122, 0.16);
  color: #ff9a9a;
  border: 1px solid rgba(255, 122, 122, 0.35);
}
#clusters-panel-view .clusters-results-dashboard .clusters-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12px;
  color: #d9e3f1;
  background: rgba(139, 92, 246, 0.16);
  border: 1px solid rgba(139, 92, 246, 0.34);
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 188px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-decision-main {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  color: rgba(226, 232, 240, 0.84);
  margin-bottom: 4px;
  max-height: 2.5em;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#clusters-panel-view .clusters-results-dashboard .clusters-decision-metrics {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
#clusters-panel-view .clusters-results-dashboard .clusters-decision-metric {
  font-size: 12px;
  color: #8ea0b6;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-decision-note {
  font-size: 12px;
  line-height: 1.3;
  opacity: 0.7;
}

/* Recommendation card — compact pills only (scoped; body layout unchanged) */
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-badge,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-badge {
  font-size: 11px;
  line-height: 1.15;
  padding: 3px 9px;
  min-height: unset;
  height: auto;
  min-width: 0;
  border-radius: 999px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-chip,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-chip {
  font-size: 11px;
  line-height: 1.15;
  padding: 3px 9px;
  min-height: unset;
  height: auto;
  border-radius: 999px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-decision-metrics,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-decision-metrics {
  gap: 6px 8px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-chip-list,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-chip-list {
  gap: 6px 8px;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-card__title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-card__title {
  color: rgba(241, 245, 249, 0.94);
  font-weight: 700;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-decision-main,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-decision-main {
  color: rgba(226, 232, 240, 0.84);
  font-weight: 650;
}
#clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-decision-note,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-decision-note {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(226, 232, 240, 0.74);
  font-weight: 400;
  opacity: 1;
}
#askbase-bottom-sheet .clusters-product-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
#askbase-bottom-sheet .clusters-product-grid__col {
  min-width: 0;
  overflow-x: hidden;
}
#askbase-bottom-sheet .clusters-results-dashboard .clusters-product-grid--top .clusters-product-grid__col--selected { grid-column: 1; grid-row: 1; }
/* Top row: Market balance (why), then Decision, then AI explain (metrics) */
#askbase-bottom-sheet .clusters-results-dashboard .clusters-product-grid--top .clusters-product-grid__col--why { grid-column: 2; grid-row: 1; }
#askbase-bottom-sheet .clusters-results-dashboard .clusters-product-grid--top .clusters-product-grid__col--decision { grid-column: 3; grid-row: 1; }
#askbase-bottom-sheet .clusters-results-dashboard .clusters-product-grid--top .clusters-product-grid__col--metrics { grid-column: 4; grid-row: 1; }
#clusters-panel-view .clusters-product-grid__col--market {
  grid-column: 1 / -1;
  grid-row: 2;
}
#askbase-bottom-sheet .cluster-selected-cell {
  margin-top: 0;
  padding: 12px 14px;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
#askbase-bottom-sheet .cluster-info-card {
  margin-top: 0;
  padding: 12px 14px;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
}
#askbase-bottom-sheet .cluster-card-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#askbase-bottom-sheet .cluster-selected-cell h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #E6EDF5;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
/* Summary: grid layout */
#askbase-bottom-sheet .cluster-selected-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
  margin-bottom: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#askbase-bottom-sheet .cluster-summary-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
#askbase-bottom-sheet .cluster-summary-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8EA0B6;
}
#askbase-bottom-sheet .cluster-summary-value {
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #F1F5FA;
}
#askbase-bottom-sheet .cluster-inline-scale {
  margin: 8px 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#askbase-bottom-sheet .cluster-inline-scale-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
#askbase-bottom-sheet .cluster-inline-scale-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8EA0B6;
}
#askbase-bottom-sheet .cluster-inline-scale-value {
  font-size: 12px;
  color: var(--cluster-accent-text, rgba(201, 214, 230, 0.85));
  opacity: 1;
}
/* Clusters panel: align score scale label + value with top-row text hierarchy */
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-title,
#clusters-panel-view .clusters-results-dashboard .cluster-inline-scale-title {
  color: rgba(148, 163, 184, 0.88);
  font-weight: 700;
}
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-value,
#clusters-panel-view .clusters-results-dashboard .cluster-inline-scale-value {
  color: rgba(226, 232, 240, 0.84);
}
#askbase-bottom-sheet .cluster-inline-scale-track-wrap {
  position: relative;
}
#askbase-bottom-sheet .cluster-inline-scale-track {
  height: 8px;
  border-radius: 999px;
  /* Fallback matches CLUSTER_COLORS order; Selected card sets --cluster-scale-track from JS */
  background: var(
    --cluster-scale-track,
    linear-gradient(
      90deg,
      rgba(96, 165, 250, 0.58) 0%,
      rgba(34, 197, 94, 0.58) 25%,
      rgba(250, 204, 21, 0.58) 50%,
      rgba(251, 146, 60, 0.58) 75%,
      rgba(139, 92, 246, 0.58) 100%
    )
  );
}
#askbase-bottom-sheet .cluster-inline-scale-marker {
  position: absolute;
  top: -3px;
  width: 2px;
  height: 14px;
  background: var(--cluster-accent-marker, rgba(255, 255, 255, 0.7));
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.45);
}
#askbase-bottom-sheet .cluster-inline-scale-ticks {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 10px;
  color: #8EA0B6;
}
#askbase-bottom-sheet .cluster-inline-scale-bands {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin-top: 6px;
  overflow: hidden;
  white-space: nowrap;
}
#askbase-bottom-sheet .cluster-scale-band-chip {
  font-size: 10px;
  color: #AFC0D4;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
}
#askbase-bottom-sheet .cluster-scale-band-chip-swatch {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.35);
}
#askbase-bottom-sheet .cluster-selected-cell__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
#askbase-bottom-sheet .cluster-selected-cell__clear-btn {
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.08);
  color: #A7B3C6;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#askbase-bottom-sheet .cluster-selected-cell__clear-btn:hover {
  background: rgba(63, 134, 255, 0.3);
  color: #fff;
}
#askbase-bottom-sheet .cluster-details-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 12px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#askbase-bottom-sheet .cluster-details-section:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#askbase-bottom-sheet .cluster-details-section-title {
  grid-column: 1 / -1;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8EA0B6;
  margin-bottom: 0;
}
#askbase-bottom-sheet .cluster-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
  min-height: 24px;
}
#askbase-bottom-sheet .cluster-selected-cell .cluster-details-section .cluster-detail-row {
  min-height: 22px;
}
#askbase-bottom-sheet .cluster-selected-cell .cluster-details-section .cluster-detail-row:nth-child(2n+1) {
  padding-right: 8px;
}
#askbase-bottom-sheet .cluster-detail-row:hover {
  background: rgba(255, 255, 255, 0.04);
  margin: 0 -4px;
  padding: 4px 4px;
  border-radius: 6px;
}
#askbase-bottom-sheet .cluster-detail-row + .cluster-detail-row {
  border-top: none;
}
#askbase-bottom-sheet .cluster-detail-label {
  font-size: 11px;
  font-weight: 500;
  color: #8EA0B6;
  flex-shrink: 0;
}
#askbase-bottom-sheet .cluster-detail-value {
  font-size: 15px;
  font-weight: 600;
  color: #F1F5FA;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
#askbase-bottom-sheet .cluster-brand-roster-wrap {
  max-height: 170px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}
#askbase-bottom-sheet .cluster-details-section--kpi {
  grid-template-columns: 1fr;
}
#askbase-bottom-sheet .cluster-kpi-main {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 6px;
  align-items: center;
  line-height: 1.25;
}
/* Selected location: softened band hues (--cluster-accent-* on .clusters-card--selected) */
#askbase-bottom-sheet .clusters-card--selected .cluster-status--oversupply,
#askbase-bottom-sheet .clusters-card--selected .cluster-status--balanced,
#askbase-bottom-sheet .clusters-card--selected .cluster-status--deficit {
  color: var(--cluster-accent-status, rgba(199, 210, 225, 0.7));
}
#askbase-bottom-sheet .cluster-status--oversupply { color: #FF7A7A; }
#askbase-bottom-sheet .cluster-status--balanced { color: #C7D2E1; }
#askbase-bottom-sheet .cluster-status--deficit { color: #6EE7A8; }
#askbase-bottom-sheet .clusters-card--selected .cluster-score {
  color: var(--cluster-accent-text, rgba(241, 245, 250, 0.85));
  opacity: 1;
  font-weight: 500;
}
#askbase-bottom-sheet .cluster-score {
  opacity: 0.82;
  font-weight: 500;
}
#askbase-bottom-sheet .cluster-kpi-separator { opacity: 0.5; }
#askbase-bottom-sheet .cluster-metrics-table .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#askbase-bottom-sheet .cluster-metrics-table .row:last-child {
  border-bottom: none;
}
#askbase-bottom-sheet .cluster-metrics-table .row span:first-child {
  font-size: 11px;
  color: #8EA0B6;
}
#askbase-bottom-sheet .cluster-metrics-table .row span:last-child {
  font-size: 14px;
  font-weight: 550;
  color: #F1F5FA;
  text-align: right;
}
#clusters-raw,
#clusters-legend {
  display: none !important;
}
#askbase-bottom-sheet .cluster-detail-value--emphasis {
  font-size: 18px;
  font-weight: 600;
  color: #F3F6FB;
}
#askbase-bottom-sheet .cluster-detail-value--status-pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  font-weight: 500;
}
#askbase-bottom-sheet .cluster-brand-roster-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
#askbase-bottom-sheet .cluster-brand-roster-item {
  font-size: 12px;
  line-height: 1.25;
  color: #D7E1EE;
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#askbase-bottom-sheet #clustersBrandRosterToggle.askbase-pill {
  height: 24px;
  min-height: 24px;
  font-size: 11px;
  padding: 0 8px;
}

/* Clusters: empty state (no cell selected) */
#askbase-bottom-sheet .cluster-selected-cell--empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#askbase-bottom-sheet .cluster-selected-placeholder {
  font-size: 13px;
  color: #A7B3C6;
}
#askbase-bottom-sheet .cluster-selected-placeholder::after {
  content: none;
}

/* Clusters: Raw values card — match Radar card tone */
#askbase-bottom-sheet #clusters-raw .cluster-raw-card {
  margin-top: 0;
  padding: 16px 18px;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#askbase-bottom-sheet #clusters-raw .cluster-raw-card h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #E6EDF5;
  margin: 0 0 10px 0;
  line-height: 1.2;
}
#askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-details-section-title {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8EA0B6;
}
#askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-detail-label {
  font-size: 11px;
  color: #8EA0B6;
}
#askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-detail-value {
  font-size: 15px;
  font-weight: 600;
  color: #F1F5FA;
}
#askbase-bottom-sheet .cluster-raw-placeholder {
  font-size: 13px;
  color: #A7B3C6;
}
#askbase-bottom-sheet .cluster-raw-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  color: #C3CEDD;
  line-height: 1.5;
  word-break: break-word;
  white-space: pre-wrap;
}

/* ===== Clusters: Cluster drivers — match Radar card tone ===== */
#askbase-bottom-sheet #clusters-raw .cluster-drivers-card {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 16px 18px;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#askbase-bottom-sheet #clusters-raw .cluster-drivers-card h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #E6EDF5;
  margin: 0 0 8px 0;
  line-height: 1.2;
}
#askbase-bottom-sheet .cluster-driver-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #C3CEDD;
  line-height: 1.5;
}
#askbase-bottom-sheet .cluster-driver-item {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  min-width: 0;
}
#askbase-bottom-sheet .cluster-driver-item:last-child {
  margin-bottom: 0;
}
#askbase-bottom-sheet .cluster-driver-item__dot {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
#askbase-bottom-sheet .cluster-driver-item--positive .cluster-driver-item__dot {
  background: #7AC7FF;
}
#askbase-bottom-sheet .cluster-driver-item--neutral .cluster-driver-item__dot {
  background: #9AA8B8;
}
#askbase-bottom-sheet .cluster-driver-item--negative .cluster-driver-item__dot {
  background: #FF5A5A;
}
#askbase-bottom-sheet .cluster-driver-item__text {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#askbase-bottom-sheet .cluster-driver-item.driver-primary .cluster-driver-item__text {
  font-weight: 600;
  color: #F1F5FA;
}
#askbase-bottom-sheet .cluster-driver-item:not(.driver-primary) .cluster-driver-item__text {
  color: #C3CEDD;
}
#askbase-bottom-sheet .cluster-drivers-subtitle {
  margin: 10px 0 4px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8EA0B6;
}
#askbase-bottom-sheet .cluster-drivers-subtitle:first-of-type {
  margin-top: 0;
}
#askbase-bottom-sheet .cluster-empty-note {
  margin: 4px 0 8px 0;
  padding: 0;
  font-size: 11px;
  color: #A7B3C6;
  font-weight: 400;
  opacity: 0.82;
}
#askbase-bottom-sheet .cluster-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
#askbase-bottom-sheet .cluster-tag {
  font-size: 13px;
  color: #F1F5FA;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
}

/* Clusters: legend subtitle */
#askbase-bottom-sheet .clusters-legend-subtitle {
  margin: 2px 0 8px 0;
  font-size: 11px;
  font-weight: 500;
  color: #8EA0B6;
}

/* Clusters: layout for details + legend */
#clusters-panel-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
}
#clusters-panel-view .askbase-bottom-sheet__body {
  flex: 1 1 auto;
  min-height: 0;
  padding-right: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
#clusters-panel-view .askbase-results-grid {
  display: block;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#clusters-details,
#clusters-raw,
#clusters-legend {
  min-height: 0;
}

/* ===== Radar: bottom sheet layout with scrollable results ===== */
#radar-subtitle {
  display: none !important;
}
#radar-panel-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
#radar-panel-view .askbase-bottom-sheet__header {
  margin-bottom: 4px;
  flex: 0 0 auto;
}
#radar-panel-view .askbase-bottom-sheet__body {
  flex: 1 1 auto;
  min-height: 0;
  padding-right: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#radar-results-grid {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}
/* Radar header: одна строка, стабильный layout при разной длине metrics */
#radar-panel-view .radar-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  min-width: 0;
  overflow: hidden;
  width: 100%;
  padding-right: 72px;
}
#radar-panel-view .radar-title {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.95);
  white-space: nowrap;
}
#radar-panel-view .radar-controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
/* Radar controls — same premium translucent system as Clusters */
#radar-panel-view .radar-controls .askbase-radar-radius-pill,
#radar-panel-view .radar-controls #radarProfileType {
  height: 28px;
  padding: 0 10px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #AAB6C7;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#radar-panel-view .radar-controls .askbase-radar-radius-pill:hover,
#radar-panel-view .radar-controls #radarProfileType:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: #E6EDF5;
}
#radar-panel-view .radar-controls .askbase-radar-radius-pill--active {
  background: rgba(217, 184, 95, 0.16);
  border: 1px solid rgba(217, 184, 95, 0.34);
  box-shadow: inset 0 0 0 1px rgba(217, 184, 95, 0.1);
  color: #E7C86A;
}
#radar-panel-view .radar-controls #radarProfileType {
  display: none !important;
}
#radar-panel-view .radar-controls #radarProfileType:focus,
#radar-panel-view .radar-controls #radarProfileType:focus-visible,
#radar-panel-view .radar-controls #radarProfileType:active {
  outline: none !important;
  box-shadow: none !important;
}
#radar-panel-view .radar-controls #radarProfileType option {
  background: rgba(15, 23, 42, 0.96);
  background-color: rgba(15, 23, 42, 0.96);
  color: rgba(248, 250, 252, 0.96);
}
/* Metrics: занимают остаток, обрезаются ellipsis при длинном тексте (Map/Earth) */
#radar-panel-view .radar-metrics {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 10px;
  font-size: 11px;
  opacity: 0.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(226, 232, 240, 0.92);
}
#radar-results-grid .radar-cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  flex: 0 0 auto;
  min-height: 0;
  height: auto;
  align-content: start;
  align-items: start;
}
#radar-results-grid .radar-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  min-height: 0;
  height: auto;
  align-self: start;
}
#radar-results-grid .radar-col > .radar-card {
  flex: 0 0 auto;
  min-height: 0;
  height: auto;
  overflow: visible;
}

/* Radar card hierarchy + UX: лёгкий hover на картках/таблицях (data-tool feel) */
#radar-results-grid .radar-card {
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.50);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  padding: 12px;
  backdrop-filter: blur(6px);
  transition: background 140ms ease;
}
#radar-results-grid .radar-card:hover {
  background: linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)), rgba(15, 23, 42, 0.55);
}
#radar-results-grid .radar-card--level1 {
  background: rgba(30, 41, 59, 0.72);
  border: 1px solid rgba(250, 204, 21, 0.38);
  box-shadow: 0 0 12px rgba(250, 204, 21, 0.06);
  padding: 14px;
}
#radar-results-grid .radar-card--level1 .radar-card__title {
  font-size: 15px;
  font-weight: 700;
  color: #fde047;
}
#radar-results-grid .radar-card--level2 {
  border: 1px solid rgba(148, 163, 184, 0.26);
}
#radar-results-grid .radar-card--level2 .radar-card__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(248, 250, 252, 0.96);
}
#radar-results-grid .radar-card--level3 {
  opacity: 0.96;
  border: 1px solid rgba(148, 163, 184, 0.2);
}
#radar-results-grid .radar-card--level3 .radar-card__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(248, 250, 252, 0.96);
}
#radar-results-grid .radar-card__title {
  margin-bottom: 5px;
}
#radar-results-grid .radar-card__meta {
  font-size: 11px;
  opacity: 0.8;
  margin-bottom: 8px;
}

/* Urban area: main summary 12px, secondary 11px, category table lighter */
#radar-results-grid .radar-urban-table > div:first-child {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 4px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.9);
}
#radar-results-grid .radar-urban-table > div:nth-child(2) {
  font-size: 11px;
  line-height: 1.35;
  margin-bottom: 6px;
  opacity: 0.88;
  color: rgba(226, 232, 240, 0.85);
}
#radar-results-grid .radar-urban-table table {
  font-size: 11px;
  opacity: 0.92;
  width: 100%;
  border-collapse: collapse;
}
#radar-results-grid .radar-urban-table td {
  padding: 3px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: top;
}
#radar-results-grid .radar-urban-table td:first-child {
  font-weight: 500;
  color: rgba(226, 232, 240, 0.88);
}
#radar-results-grid .radar-urban-table td:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
  opacity: 0.65;
  font-weight: 500;
}
#radar-results-grid .radar-urban-table td:nth-child(2) {
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: rgba(226, 232, 240, 0.82);
}

/* Radar v2: compact cards — Urban Structure + Potential Demand */
#radar-results-grid .radar-card--compact {
  overflow: visible;
}
#radar-results-grid .radar-card--compact .radar-card__title {
  margin-bottom: 6px;
}
#radar-results-grid .radar-ui-icon {
  display: block;
  width: 18px;
  height: 18px;
  color: rgba(226, 232, 240, 0.82);
  opacity: 0.88;
}
#radar-results-grid .radar-metric-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-bottom: 6px;
}
#radar-results-grid .radar-card--urban-structure .radar-metric-grid {
  gap: 4px;
  margin-bottom: 4px;
}
#radar-results-grid .radar-metric-box {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  padding: 5px 6px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
#radar-results-grid .radar-metric-box--wide {
  grid-column: 1 / -1;
}
#radar-results-grid .radar-metric-box__icon {
  flex: 0 0 18px;
  line-height: 0;
  margin-top: 1px;
}
#radar-results-grid .radar-metric-box__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
#radar-results-grid .radar-metric-box__label {
  font-size: 9px;
  line-height: 1.2;
  opacity: 0.72;
  color: rgba(226, 232, 240, 0.85);
}
#radar-results-grid .radar-metric-box__value {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  color: rgba(248, 250, 252, 0.96);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#radar-results-grid .radar-structure-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 10px;
  margin-bottom: 6px;
  font-size: 10px;
  line-height: 1.25;
}
#radar-results-grid .radar-structure-kpi {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
#radar-results-grid .radar-structure-kpi__label {
  opacity: 0.72;
  color: rgba(226, 232, 240, 0.85);
}
#radar-results-grid .radar-structure-kpi__value {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: rgba(248, 250, 252, 0.95);
}
#radar-results-grid .radar-structure-context {
  font-size: 10px;
  line-height: 1.25;
  margin-bottom: 4px;
  opacity: 0.9;
  color: rgba(226, 232, 240, 0.88);
}
#radar-results-grid .radar-col:first-child,
#radar-results-grid .radar-col:nth-child(2),
#radar-results-grid .radar-col:nth-child(3),
#radar-results-grid .radar-col:nth-child(4) {
  align-self: start;
}
#radar-results-grid .radar-card--urban-structure {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
#radar-results-grid .radar-card--potential-demand {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
/* Shared section headers — same slate accent for all four Radar cards */
#radar-results-grid .radar-card--urban-structure > .radar-card__title,
#radar-results-grid .radar-card--potential-demand > .radar-card__title,
#radar-results-grid .radar-card--retail-mix > .radar-card__title,
#radar-results-grid .radar-card--retail-brands > .radar-card__title {
  padding-left: 8px;
  border-left: 2px solid rgba(148, 163, 184, 0.55);
}
#radar-results-grid .radar-card--urban-structure .radar-structure-table-wrap {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#radar-results-grid .radar-card--potential-demand .radar-card__title {
  margin-bottom: 6px;
}
#radar-results-grid .radar-demand-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 6px;
}
#radar-results-grid .radar-demand-scenarios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 0;
  flex: 0 0 auto;
}
#radar-results-grid .radar-demand-scenario {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 4px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
  min-width: 0;
}
#radar-results-grid .radar-demand-scenario--base {
  border-color: rgba(217, 184, 95, 0.34);
  background: rgba(217, 184, 95, 0.08);
  box-shadow: inset 0 0 0 1px rgba(250, 204, 21, 0.06);
}
#radar-results-grid .radar-demand-scenario__label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.06em;
  opacity: 0.68;
  color: rgba(226, 232, 240, 0.88);
}
#radar-results-grid .radar-demand-scenario--base .radar-demand-scenario__label {
  opacity: 0.82;
  color: rgba(250, 204, 21, 0.9);
}
#radar-results-grid .radar-demand-scenario__value {
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #facc15;
  line-height: 1.1;
}
#radar-results-grid .radar-demand-scenario__value--muted {
  font-size: 12px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.78);
}
#radar-results-grid .radar-demand-meta-lines {
  font-size: 10px;
  line-height: 1.2;
  opacity: 0.82;
  color: rgba(226, 232, 240, 0.82);
  flex: 0 0 auto;
}
#radar-results-grid .radar-demand-driver-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
}
#radar-results-grid .radar-demand-driver-list--pending {
  justify-content: center;
  padding: 10px 8px;
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  font-size: 10px;
  line-height: 1.25;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row:last-child {
  border-bottom: none;
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__icon {
  flex: 0 0 16px;
  line-height: 0;
  opacity: 0.88;
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__icon .radar-ui-icon {
  width: 16px;
  height: 16px;
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label {
  flex: 1;
  min-width: 0;
  opacity: 0.86;
  color: rgba(226, 232, 240, 0.9);
}
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__value {
  flex: 0 0 auto;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: rgba(248, 250, 252, 0.95);
}
#radar-results-grid .radar-demand-driver-pill {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
  background: rgba(217, 184, 95, 0.14);
  border: 1px solid rgba(217, 184, 95, 0.28);
  color: rgba(250, 204, 21, 0.96);
}
#radar-results-grid .radar-demand-footer {
  margin-top: auto;
  flex: 0 0 auto;
  font-size: 9px;
  line-height: 1.35;
  opacity: 0.84;
  color: rgba(226, 232, 240, 0.82);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 5px;
}
#radar-results-grid .radar-demand-footer__row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
#radar-results-grid .radar-demand-footer__row + .radar-demand-footer__row {
  margin-top: 3px;
}
#radar-results-grid .radar-demand-footer__row--driver {
  justify-content: flex-start;
}
#radar-results-grid .radar-demand-footer__icon {
  flex: 0 0 14px;
  line-height: 0;
  opacity: 0.82;
}
#radar-results-grid .radar-demand-footer__icon .radar-ui-icon {
  width: 14px;
  height: 14px;
}
#radar-results-grid .radar-demand-footer__text {
  flex: 1;
  min-width: 0;
}
#radar-results-grid .radar-demand-warn {
  font-size: 9px;
  line-height: 1.25;
  opacity: 0.75;
  color: rgba(250, 204, 21, 0.9);
  flex: 0 0 auto;
}
#radar-results-grid .radar-structure-table-wrap {
  flex: 0 0 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: visible;
}
#radar-results-grid .radar-table--structure {
  font-size: 11px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 3px;
  table-layout: fixed;
}
#radar-results-grid .radar-table--structure th {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  opacity: 0.65;
  padding: 3px 4px 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#radar-results-grid .radar-table--structure tbody tr {
  height: 22px;
  background: rgba(255, 255, 255, 0.025);
}
#radar-results-grid .radar-table--structure tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.05);
}
#radar-results-grid .radar-structure__type {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 4px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 6px 0 0 6px;
}
#radar-results-grid .radar-structure__cnt,
#radar-results-grid .radar-structure__share {
  text-align: right;
  padding: 6px 4px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 1.2;
  vertical-align: middle;
}
#radar-results-grid .radar-table--structure th:nth-child(2),
#radar-results-grid .radar-table--structure th:nth-child(3) {
  text-align: right;
  width: 18%;
}
#radar-results-grid .radar-demand-scenario__note {
  font-size: 10px;
  opacity: 0.75;
  margin-left: 1px;
}
#radar-results-grid .radar-demand-legacy-note {
  font-size: 9px;
  opacity: 0.65;
  margin: -2px 0 6px;
  color: rgba(226, 232, 240, 0.75);
}

#radar-results-grid .radar-card__scroll {
  flex: 0 0 auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}
#radar-results-grid .radar-col:nth-child(3) > .radar-card,
#radar-results-grid .radar-col:nth-child(4) > .radar-card {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
#radar-results-grid .radar-col:nth-child(3) > .radar-card > .radar-card__title,
#radar-results-grid .radar-col:nth-child(4) > .radar-card > .radar-card__title {
  flex: 0 0 auto;
}
#radar-results-grid .radar-demand-drivers--pending {
  font-size: 9px;
  line-height: 1.15;
  opacity: 0.72;
  text-align: center;
  color: rgba(226, 232, 240, 0.78);
}
#radar-results-grid .radar-table-more {
  display: none;
}
#radar-results-grid .radar-card--expanded .radar-table-more {
  display: table-row-group;
}
#radar-results-grid .radar-empty {
  font-size: 12px;
  color: rgba(226, 232, 240, 0.6);
  padding: 8px 0;
}
#radar-results-grid .radar-show-more-wrap {
  margin-top: 8px;
}
#radar-results-grid .radar-show-more-link {
  font-size: 11px;
  opacity: 0.85;
  color: rgba(250, 204, 21, 0.95);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-family: inherit;
}
#radar-results-grid .radar-show-more-link:hover {
  opacity: 1;
  color: #fde047;
}

/* Radar tables: typography and numeric alignment */
#radar-results-grid .radar-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 1.35;
}
#radar-results-grid .radar-table th {
  font-size: 11px;
  opacity: 0.65;
  font-weight: 500;
  text-align: left;
  padding: 5px 8px;
  color: rgba(226, 232, 240, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
#radar-results-grid .radar-table--gap th:nth-child(2),
#radar-results-grid .radar-table--gap th:nth-child(3),
#radar-results-grid .radar-table--gap th:nth-child(4) {
  text-align: right;
}
#radar-results-grid .radar-table td {
  padding: 5px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(226, 232, 240, 0.9);
}
#radar-results-grid .radar-table td.radar-mix__cnt,
#radar-results-grid .radar-table td.radar-brands__cnt,
#radar-results-grid .radar-table td.radar-brands__dist,
#radar-results-grid .radar-table--gap td:nth-child(2),
#radar-results-grid .radar-table--gap td:nth-child(3),
#radar-results-grid .radar-table--gap td:nth-child(4) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Structure TYPE table — match Category / Brand density */
#radar-results-grid .radar-table.radar-table--structure {
  font-size: 11px;
  line-height: 1.3;
  border-collapse: collapse;
  border-spacing: 0;
}

#radar-results-grid .radar-table.radar-table--structure th {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  opacity: 0.72;
  padding: 2px 4px 4px;
}

#radar-results-grid .radar-table.radar-table--structure td {
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

#radar-results-grid .radar-table.radar-table--structure .radar-structure__type {
  font-weight: 500;
  padding: 2px 4px;
}

#radar-results-grid .radar-table.radar-table--structure .radar-structure__cnt,
#radar-results-grid .radar-table.radar-table--structure .radar-structure__share {
  padding: 2px 4px;
}

#radar-results-grid .radar-table.radar-table--structure tbody tr {
  height: auto;
}

#radar-results-grid .radar-gap-row--highlight {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0.04) 100%);
}
#radar-results-grid .radar-gap-row--highlight-first {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.22) 0%, rgba(34, 197, 94, 0.06) 100%);
}
#radar-results-grid .radar-gap-row--surplus {
  background: rgba(255, 255, 255, 0.03);
}
#radar-results-grid .radar-gap-row--muted {
  opacity: 0.82;
}

/* Opportunity cards */
#radar-results-grid .radar-opportunity-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#radar-results-grid .radar-opportunity-card {
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.18);
}
#radar-results-grid .radar-opportunity-card__name {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
  margin-bottom: 5px;
  letter-spacing: 0.01em;
}
#radar-results-grid .radar-opportunity-card__label {
  font-size: 10px;
  opacity: 0.68;
  letter-spacing: 0.05em;
  color: rgba(226, 232, 240, 0.85);
  text-transform: uppercase;
  margin-bottom: 6px;
}
#radar-results-grid .radar-opportunity-card__bar {
  height: 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
#radar-results-grid .radar-opportunity-card__fill {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #22c55e, #eab308);
  transition: width 0.2s ease;
}
#radar-results-grid .radar-card--level1 .radar-empty {
  font-size: 12px;
  opacity: 0.7;
  padding: 10px 0;
  color: rgba(226, 232, 240, 0.7);
}

/* Compact brands */
#radar-results-grid .radar-table--brands { font-size: 12px; line-height: 1.35; }
#radar-results-grid .radar-table--brands tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
#radar-results-grid .radar-table--brands tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* Unified row hover + active state for all Radar tables and Traffic generators */
#radar-results-grid .radar-card tbody tr {
  cursor: pointer;
  transition: background 150ms ease, box-shadow 150ms ease;
}
#radar-results-grid .radar-card tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}
#radar-results-grid .radar-card tbody tr.radar-row--active td {
  background: rgba(59, 130, 246, 0.12);
}
#radar-results-grid .radar-card tbody tr.radar-row--active td:first-child {
  border-radius: 8px 0 0 8px;
}
#radar-results-grid .radar-card tbody tr.radar-row--active td:last-child {
  border-radius: 0 8px 8px 0;
}
#radar-results-grid .radar-card tbody tr.radar-row--active {
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.35);
}
#radar-results-grid .radar-traffic-row {
  cursor: pointer;
  padding: 4px 6px;
  margin: 0 -6px;
  border-radius: 8px;
  transition: background 150ms ease, box-shadow 150ms ease;
}
#radar-results-grid .radar-traffic-row:hover {
  background: rgba(255, 255, 255, 0.04);
}
#radar-results-grid .radar-traffic-row.radar-row--active {
  background: rgba(59, 130, 246, 0.12);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.35);
}
#radar-results-grid .radar-table--brands td { padding: 2px 6px; }
#radar-results-grid .radar-table--mix th:first-child,
#radar-results-grid .radar-table--brands th:first-child {
  font-weight: 600;
  color: rgba(226, 232, 240, 0.95);
}

#radar-results-grid .radar-table-th-count {
  font-weight: 500;
  opacity: 0.72;
}

#radar-results-grid .radar-table-th-total {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

#radar-results-grid .radar-table--mix th.radar-table-th-sum,
#radar-results-grid .radar-table--brands th.radar-table-th-sum {
  text-align: right;
  font-weight: 600;
}
#radar-results-grid .radar-brands__name {
  font-weight: 400;
  color: rgba(226, 232, 240, 0.95);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
#radar-results-grid .radar-brands__cnt {
  text-align: right;
  width: 32px;
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}
#radar-results-grid .radar-brands__dist {
  text-align: right;
  width: 48px;
  font-size: 11px;
  opacity: 0.55;
  font-variant-numeric: tabular-nums;
}

/* Traffic generators: compact rows, small colored icons */
#radar-results-grid .radar-traffic-list { display: flex; flex-direction: column; gap: 5px; }
#radar-results-grid .radar-traffic-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  min-height: 20px;
}
#radar-results-grid .radar-traffic-row__icon {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
  background: rgba(148, 163, 184, 0.35);
  align-self: center;
}
#radar-results-grid .radar-traffic-row__icon.radar-icon--office { background: rgba(139, 92, 246, 0.5); }
#radar-results-grid .radar-traffic-row__icon.radar-icon--retail { background: rgba(34, 197, 94, 0.5); }
#radar-results-grid .radar-traffic-row__icon.radar-icon--health { background: rgba(239, 68, 68, 0.45); }
#radar-results-grid .radar-traffic-row__icon.radar-icon--edu { background: rgba(250, 204, 21, 0.5); }
#radar-results-grid .radar-traffic-row__icon.radar-icon--admin { background: rgba(148, 163, 184, 0.5); }
#radar-results-grid .radar-traffic-row__label { flex: 1; color: rgba(226, 232, 240, 0.9); }
#radar-results-grid .radar-traffic-row__value { font-weight: 600; color: #facc15; min-width: 24px; text-align: right; font-variant-numeric: tabular-nums; }

/* Retail Category Mix: compact rows, neater mini-bars */
#radar-results-grid .radar-table--mix td { padding: 4px 6px; }
#radar-results-grid .radar-mix__name { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#radar-results-grid .radar-mix__cnt {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: 36px;
  padding-right: 10px;
}
#radar-results-grid .radar-mix__bar-cell { width: 56px; padding-left: 4px; vertical-align: middle; }
#radar-results-grid .radar-mix-bar {
  display: block;
  height: 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
#radar-results-grid .radar-mix-bar__fill {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: rgba(250, 204, 21, 0.5);
  transition: width 0.2s ease;
}

/* ===== Clusters: Legend — match Radar card tone, compact ===== */
/* Palette (match map): 0–20 #B7655F, 21–40 #C79A5E, 41–60 #AEB5BE, 61–80 #6E8FB8, 81–100 #4E6FAF */
#clusters-legend .askbase-result-card {
  padding: 16px 18px;
  max-width: 320px;
  margin-left: auto;
  background: rgba(15, 23, 42, 0.5);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#clusters-legend .askbase-result-card h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #E6EDF5;
  margin: 0 0 6px 0;
  line-height: 1.2;
}
#clusters-legend .askbase-result-card table {
  border-spacing: 0 4px;
  font-size: 13px;
  width: 100%;
  color: #A7B3C6;
}
#clusters-legend .askbase-result-card tbody tr.legend-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 4px;
  border-radius: 4px;
  transition: background 0.12s ease;
}
#clusters-legend .askbase-result-card tbody tr.legend-row:hover {
  background: rgba(255, 255, 255, 0.03);
}
#clusters-legend .askbase-result-card tbody tr.legend-row--active {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
}
#clusters-legend .askbase-result-card tbody tr.legend-row--active td:last-child {
  color: #F1F5FA;
  font-weight: 500;
}
#clusters-legend .askbase-result-card td:first-child {
  width: 40px;
  padding-right: 0;
  vertical-align: middle;
  flex-shrink: 0;
}
#clusters-legend .askbase-result-card td:first-child .legend-bar,
#clusters-legend .askbase-result-card td:first-child span {
  display: inline-block;
  width: 28px;
  height: 6px;
  border-radius: 4px;
  flex-shrink: 0;
}
#clusters-legend .askbase-result-card td:last-child {
  font-size: 13px;
  color: #A7B3C6;
  padding: 2px 0;
  flex: 1;
}

/* ===== Clusters: compact header + filter row (match Radar density) ===== */
/* STEP 1: Single compact top row — title + controls on one line, less vertical bulk */
#clusters-panel-view .askbase-bottom-sheet__header {
  margin-bottom: 6px;
  padding: 0;
  min-height: 0;
}
#clusters-panel-view .askbase-bottom-sheet__header > div {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
/* Clusters title: exact same typography as Radar title (#radar-panel-view .radar-title) */
#clusters-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title {
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(226, 232, 240, 0.95);
  opacity: 1;
}
#clusters-panel-view .askbase-bottom-sheet__controls-row {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
}

/* ===== Clusters filter controls row: cleanup + premium analytics (unified height) ===== */
/* Neutralize legacy styles and remove heavy frame */
#clusters-panel-view .askbase-bottom-sheet__controls-row,
.askbase-bottom-sheet__controls-row--clusters {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* STEP 3: Unified control height — compact 28px toolbar */
.askbase-bottom-sheet__controls-row--clusters {
  --clusters-control-height: 27px;
  padding-bottom: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  align-items: center;
  gap: 3px;
}
.askbase-bottom-sheet__controls-row--clusters::-webkit-scrollbar {
  height: 4px;
}
.askbase-bottom-sheet__controls-row--clusters::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.5);
  border-radius: 999px;
}

/* All control surfaces: flex shrink 0 so row scrolls correctly */
.askbase-bottom-sheet__controls-row--clusters .askbase-pill,
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill,
.askbase-bottom-sheet__controls-row--clusters select,
.askbase-bottom-sheet__controls-row--clusters input:not([type="checkbox"]):not([type="range"]) {
  flex: 0 0 auto;
}

/* STEP 4–5: Filter buttons (and pill-shaped labels) — base + same height, compact */
.askbase-bottom-sheet__controls-row--clusters .askbase-pill {
  height: var(--clusters-control-height);
  min-height: var(--clusters-control-height);
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #AAB6C7;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Hover */
.askbase-bottom-sheet__controls-row--clusters .askbase-pill:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #E6EDF5;
  border-color: rgba(255, 255, 255, 0.1);
}

/* STEP 4: Active — premium yellow/gold accent (#D9B85F / #E7C86A) */
.askbase-bottom-sheet__controls-row--clusters .askbase-pill--active,
.askbase-bottom-sheet__controls-row--clusters .askbase-pill.askbase-pill--active {
  background: rgba(217, 184, 95, 0.16) !important;
  color: #E7C86A !important;
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(217, 184, 95, 0.1) !important;
}

/* Dropdowns (format, grid size) — compact */
.askbase-bottom-sheet__controls-row--clusters select {
  height: var(--clusters-control-height);
  min-height: var(--clusters-control-height);
  padding: 0 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6EDF5;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
}

/* Other number inputs in row (if any) — compact */
.askbase-bottom-sheet__controls-row--clusters input:not([type="checkbox"]):not([type="range"]) {
  height: var(--clusters-control-height);
  min-height: var(--clusters-control-height);
  padding: 0 6px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6EDF5;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
}

/* Wrappers (min score, opacity) — same height, compact */
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill {
  height: var(--clusters-control-height);
  min-height: var(--clusters-control-height);
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0 5px;
  color: #E6EDF5;
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none !important;
  outline: none !important;
}
.clusters-minscore-pill span:first-child,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill span {
  font-size: 12px;
  color: #AAB6C7;
}
.clusters-minscore-value {
  font-size: 12px;
  font-weight: 600;
  color: #E6EDF5;
  min-width: 1.5em;
  text-align: right;
}

/* Focus — premium yellow accent */
.askbase-bottom-sheet__controls-row--clusters input:focus,
.askbase-bottom-sheet__controls-row--clusters select:focus {
  outline: none !important;
  border-color: rgba(217, 184, 95, 0.45);
  box-shadow: 0 0 0 2px rgba(217, 184, 95, 0.15);
}

/* STEP 5: Custom checkbox — premium dark style, yellow when checked (no browser-default blue) */
.askbase-bottom-sheet__controls-row--clusters input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.askbase-bottom-sheet__controls-row--clusters input[type="checkbox"]:checked {
  background: rgba(217, 184, 95, 0.18);
  border: 1px solid rgba(217, 184, 95, 0.35);
}
.askbase-bottom-sheet__controls-row--clusters input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background: #E7C86A;
}
/* Checkbox label text (Opportunity only, Labels) — not minscore/opacity spans */
.askbase-bottom-sheet__controls-row--clusters label.askbase-pill:not(.clusters-minscore-pill):not(.clusters-opacity-pill) span {
  font-size: 12px;
  font-weight: 500;
  color: #C9D2DE;
}

/* Min score & Opacity sliders — same premium translucent system */
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill input[type="range"],
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill input[type="range"] {
  margin-left: 4px;
  width: 82px;
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  padding: 0;
  display: block;
  outline: none;
  background: transparent;
}
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill input[type="range"]::-webkit-slider-runnable-track,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill input[type="range"]::-moz-range-track,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill input[type="range"]::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill input[type="range"]::-webkit-slider-thumb,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E7C86A;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin-top: -4px;
}
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill input[type="range"]::-moz-range-thumb,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill input[type="range"]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E7C86A;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/* TEMP: hidden unused controls in Clusters panel */
#clusters-panel-view .askbase-bottom-sheet__controls-row--clusters .askbase-pill:has(#clustersDeficitOnly),
#clusters-panel-view .askbase-bottom-sheet__controls-row--clusters .askbase-pill:has(#clustersShowLabels) {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

/* Simple native selects for clusters header filters */
.askbase-bottom-sheet__controls-row--clusters .clusters-header-select {
  height: var(--clusters-control-height);
  min-height: var(--clusters-control-height);
  max-width: 168px;
  padding: 0 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6EDF5;
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#clustersBrandSelect.clusters-header-select {
  max-width: 148px;
}
#clusters-panel-view .askbase-bottom-sheet__close {
  width: 28px;
  height: 28px;
  top: 10px;
}

/* AI explain / feature doc block — top row, dark glass (compact typography) */
#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

#clusters-panel-view .clusters-results-dashboard .clusters-product-grid--top .feature-doc-block--clusters-panel,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-product-grid--top .feature-doc-block--clusters-panel {
  padding: 8px 12px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .clusters-card__header,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__header {
  margin-bottom: 4px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .clusters-card__title,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__title {
  font-size: 13px;
  margin-bottom: 0;
  color: rgba(241, 245, 249, 0.94);
  font-weight: 700;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .clusters-card__body,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
  min-height: 0;
}

/* Compact AI insight — tighter section gaps */
#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .clusters-card__body.feature-doc-block__body--compact,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__body.feature-doc-block__body--compact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 2px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__section-title,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__section-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.88);
  margin-top: 6px;
  margin-bottom: 2px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__section-title:first-child,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__section-title:first-child {
  margin-top: 0;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__list--compact,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__list--compact {
  margin: 0 0 6px 0;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.35;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__list--compact li,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__list--compact li {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(226, 232, 240, 0.84);
  font-weight: 500;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__list--compact li:last-child,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__list--compact li:last-child {
  margin-bottom: 0;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__note--compact,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__note--compact {
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 6px;
  color: rgba(226, 232, 240, 0.82);
  font-weight: 500;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block--clusters-panel .feature-doc-block__note--compact:last-child,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .feature-doc-block__note--compact:last-child {
  margin-bottom: 0;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__label,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__label,
#askbase-bottom-sheet #clusters-details .feature-doc-block__note,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__note,
#askbase-bottom-sheet #clusters-details .feature-doc-block__list li,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__list li {
  color: rgba(241, 245, 249, 0.92);
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__list,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__list {
  margin: 0 0 0 18px;
  padding: 0;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__list li,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__list li {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.45;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__code-card,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__code-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 12px 14px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__code-head,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__code-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__code-type,
#askbase-bottom-sheet #clusters-details .feature-doc-block__copy,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__code-type,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__copy {
  color: rgba(226, 232, 240, 0.62);
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__copy,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__copy {
  appearance: none;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  padding: 2px 0;
  border-radius: 6px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__copy:hover,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__copy:hover {
  color: rgba(226, 232, 240, 0.85);
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__copy:focus-visible,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__copy:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.2);
  outline-offset: 2px;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__code-body,
#askbase-bottom-sheet #clusters-details .feature-doc-block__pre,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__code-body,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__pre {
  margin: 0;
  color: rgba(248, 250, 252, 0.96);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__label,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__label {
  font-size: 13px;
  font-weight: 600;
}

#askbase-bottom-sheet #clusters-details .feature-doc-block__note,
#clusters-panel-view .clusters-results-dashboard .feature-doc-block__note {
  font-size: 13px;
  font-weight: 500;
}

/* Expansion Listings filters card: no nested underlay — outer glass panel is the surface. */
#expansion-panel-view .expansion-card.expansion-card--listings-filters {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Expansion Listings results + Market structure: keep dark card material. */
#expansion-panel-view .expansion-card.expansion-card--listings-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure {
  background: rgba(15, 23, 42, 0.5) !important;
  background-color: rgba(15, 23, 42, 0.5) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 14px !important;
}

/* Final winning surface override: target only Listings results + Market structure cards. */
#expansion-panel-view .expansion-card.expansion-card--listings-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure,
#expansion-panel-view .expansion-card.expansion-card--listings-results::before,
#expansion-panel-view .expansion-card.expansion-card--market-structure::before {
  background: rgba(15, 23, 42, 0.5) !important;
  background-color: rgba(15, 23, 42, 0.5) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Neutralize any accidental pseudo overlays on these two cards. */
#expansion-panel-view .expansion-card.expansion-card--listings-results::before,
#expansion-panel-view .expansion-card.expansion-card--listings-results::after,
#expansion-panel-view .expansion-card.expansion-card--market-structure::before,
#expansion-panel-view .expansion-card.expansion-card--market-structure::after {
  content: none !important;
}

/* Keep card material visible: only clear wrapper-level backgrounds, not rows/tiles. */
#expansion-panel-view .expansion-card.expansion-card--listings-results > .expansion-market-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure > #expansionSummaryMetrics,
#expansion-panel-view .expansion-card.expansion-card--market-structure > .expansion-dist-grid,
#expansion-panel-view .expansion-card.expansion-card--market-structure > #expansionSummaryStatus {
  background-color: transparent !important;
  background-image: none !important;
}

/* LEGACY DARK CARD MATERIAL DISABLED — mlp light cards */

/* Market photo viewer surfaces — keep light cabinet gamma (override earlier dark material). */
.market-photo-viewer-dialog {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.12) !important;
}
.market-photo-viewer-main {
  background: rgba(148, 163, 184, 0.10) !important;
  background-color: rgba(148, 163, 184, 0.10) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.market-photo-viewer-thumbs {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Keep actual photos unchanged. */
.market-photo-viewer-main img,
.market-photo-viewer-thumb img {
  opacity: 1 !important;
  filter: none !important;
}

/* Sheet height comes from --market-listing-panel-max-height (map → bottom sheet). */
.market-listing-panel__sheet {
  overflow: hidden !important;
}

.market-listing-panel__body,
.market-listing-panel__layout,
.market-listing-panel__selected-col,
.market-listing-panel__list-col,
.market-listing-panel__content,
.market-listing-panel__detail,
.market-listing-panel__list-section {
  min-height: 0 !important;
}

.market-listing-panel__body {
  overflow: hidden !important;
}

.market-listing-panel__detail {
  overflow: hidden !important;
}

.market-listing-panel__list-section {
  overflow: hidden !important;
}

.market-listing-panel__list {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#expansion-panel-view .expansion-card.expansion-card--selected-hex {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

#expansion-panel-view .expansion-card.expansion-card--selected-hex > * {
  background-color: transparent !important;
}

.market-photo-zoom-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35)) !important;
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
}

.market-photo-zoom-stage {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.market-photo-zoom-img {
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.18) !important;
}

.market-photo-zoom-close {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.78) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

#expansion-panel-view .expansion-filter-apply-wrap {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  width: 100%;
  min-width: 0;
}

/* #expansionApplyNumericFilters — sticky footer styles at EOF */

.askbase-close-btn {
  appearance: none;
  -webkit-appearance: none;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);

  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.75);

  font-size: 16px;
  font-weight: 600;
  line-height: 1;

  backdrop-filter: blur(6px);

  cursor: pointer;

  transition: all 120ms ease;
}

.askbase-close-btn:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.95);
}

.askbase-close-btn:active {
  transform: translateY(1px);
}

/* Expansion favorite search star: same stroke chrome as header pin/hex */
#expansion-panel-view .expansion-favorite-search-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

#expansion-panel-view .expansion-favorite-search-btn__icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: inherit;
}

#expansion-panel-view .expansion-favorite-search-btn__icon .cabinet-fav-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#expansion-panel-view .expansion-favorite-search-btn:hover {
  background: transparent !important;
  border: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

#expansion-panel-view .expansion-favorite-search-btn.is-active {
  color: #c2410c !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#expansion-panel-view .expansion-favorite-search-btn.is-active:hover {
  color: #c2410c !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.smart-clusters-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 10px;
}

.smart-clusters-toolbar button,
#expansion-smart-clear,
#expansion-smart-run-match {
  appearance: none;
  border: 1px solid rgba(226, 232, 240, 0.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05)),
    rgba(15, 23, 42, 0.38);
  color: rgba(241, 245, 249, 0.88);
  border-radius: 10px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 8px 22px rgba(0,0,0,0.18);
}

.smart-clusters-toolbar button:hover,
#expansion-smart-clear:hover,
#expansion-smart-run-match:hover {
  border-color: rgba(250, 204, 21, 0.36);
  background:
    linear-gradient(180deg, rgba(250,204,21,0.16), rgba(255,255,255,0.06)),
    rgba(15, 23, 42, 0.46);
  color: #fff;
}

#expansion-smart-run-match {
  border-color: rgba(250, 204, 21, 0.32);
}

#expansion-smart-clear {
  color: rgba(226, 232, 240, 0.78);
}

#expansion-smart-clear:disabled,
#expansion-smart-run-match:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.expansion-card--smart-clusters {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.expansion-card--smart-clusters .expansion-card__title {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .02em;
  color: rgba(248,250,252,.92);
}

.smart-clusters-toolbar {
  display: flex;
  gap: 8px;
  margin: 8px 0 10px;
}

.smart-clusters-toolbar button {
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(226,232,240,.16);
  background: rgba(15,23,42,.38);
  color: rgba(241,245,249,.86);
  font-size: 12px;
  font-weight: 800;
}

#expansion-smart-run-match {
  border-color: rgba(250,204,21,.34);
  background:
    linear-gradient(180deg, rgba(250,204,21,.18), rgba(15,23,42,.36));
}

.smart-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 10px;
}

.smart-summary-grid > div {
  border: 1px solid rgba(226,232,240,.10);
  border-radius: 12px;
  background: rgba(15,23,42,.30);
  padding: 8px 10px;
}

.smart-summary-grid span {
  display: block;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(203,213,225,.54);
}

.smart-summary-grid strong {
  display: block;
  margin-top: 2px;
  font-size: 18px;
  line-height: 1;
  color: #facc15;
}

.expansion-smart-list {
  overflow-y: auto;
  min-height: 0;
  padding-right: 4px;
}

.smart-cluster-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  padding: 9px 10px;
  margin-bottom: 7px;
  border-radius: 13px;
  border: 1px solid rgba(226,232,240,.08);
  background: rgba(15,23,42,.24);
}

.smart-cluster-row.is-matched {
  border-color: rgba(163,230,53,.34);
  background:
    linear-gradient(135deg, rgba(163,230,53,.12), rgba(15,23,42,.32));
}

.smart-cluster-row__id {
  font-size: 13px;
  font-weight: 850;
  color: rgba(248,250,252,.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smart-cluster-row__meta {
  margin-top: 2px;
  font-size: 11px;
  color: rgba(203,213,225,.52);
}

.smart-match-badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(163,230,53,.18);
  border: 1px solid rgba(163,230,53,.34);
  color: #bef264;
  font-size: 11px;
  font-weight: 900;
}

.smart-no-match {
  font-size: 11px;
  color: rgba(203,213,225,.42);
}

.smart-cluster-row__reason {
  grid-column: 1 / -1;
  font-size: 11px;
  color: rgba(250,204,21,.72);
}

#urbanV2BuildingTypeWrap {
  position: relative;
  z-index: 10020;
}

#urbanV2BuildingTypeMenu {
  position: fixed !important;
  z-index: 999999 !important;
  display: block;
  width: 280px;
  max-height: 320px;
  overflow-y: auto;
}

#urbanV2BuildingTypeMenu.is-hidden {
  display: none !important;
}

#urbanV2BuildingTypeMenu:not(.is-hidden) {
  display: block !important;
}

.signals-persist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.signals-persist-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.signals-persist-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: rgba(71, 85, 105, 0.88);
}

.signals-save-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 4px;
  align-items: center;
  margin: 0;
  min-width: 0;
}

.signals-mini-input,
.signals-mini-select {
  min-width: 0;
  height: 30px;
  border-radius: 9px;
  border: 1px solid rgba(226,232,240,.14);
  background: rgba(15,23,42,.34);
  color: rgba(241,245,249,.88);
  font-size: 12px;
  padding: 0 9px;
}

.signals-mini-select {
  appearance: none;
}

.signals-mini-button {
  height: 30px;
  border-radius: 9px;
  border: 1px solid rgba(226,232,240,.16);
  background: rgba(15,23,42,.38);
  color: rgba(241,245,249,.88);
  font-size: 12px;
  font-weight: 800;
  padding: 0 10px;
  cursor: pointer;
}

#urbanV2BuildingTypeMenu {
  padding: 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(226, 232, 240, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.92)) !important;
  backdrop-filter: blur(18px);
  box-shadow:
    0 18px 48px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.10);
  color: rgba(241,245,249,.9);
}

#urbanV2BuildingTypeMenu label,
#urbanV2BuildingTypeMenu .urban-v2-multiselect__row {
  display: flex !important;
  align-items: center;
  gap: 9px;
  min-height: 30px;
  padding: 6px 8px;
  border-radius: 9px;
  color: rgba(226,232,240,.82);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

#urbanV2BuildingTypeMenu label:hover,
#urbanV2BuildingTypeMenu .urban-v2-multiselect__row:hover {
  background: rgba(255,255,255,.07);
  color: #fff;
}

#urbanV2BuildingTypeMenu input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #facc15;
  flex: 0 0 auto;
}

#urbanV2BuildingTypeOptions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}

#urbanV2BuildingTypeMenu .urban-v2-multiselect__divider {
  height: 1px;
  margin: 6px 0;
  background: rgba(226,232,240,.12);
}

#urbanV2BuildingTypeMenu::-webkit-scrollbar {
  width: 8px;
}

#urbanV2BuildingTypeMenu::-webkit-scrollbar-track {
  background: rgba(15,23,42,.18);
  border-radius: 999px;
}

#urbanV2BuildingTypeMenu::-webkit-scrollbar-thumb {
  background: rgba(226,232,240,.24);
  border-radius: 999px;
  border: 2px solid rgba(15,23,42,.18);
}

#urbanV2BuildingTypeMenu::-webkit-scrollbar-thumb:hover {
  background: rgba(226,232,240,.36);
}

/* subtle header emphasis */
#urbanV2BuildingTypeMenu label:first-child {
  font-weight: 800;
  color: rgba(248,250,252,.92);
}

/* selected rows feel clickable */
#urbanV2BuildingTypeMenu input[type="checkbox"]:checked + span {
  color: #fff;
}

/* soft active row glow */
#urbanV2BuildingTypeMenu label:has(input:checked) {
  background: rgba(250,204,21,.08);
  border: 1px solid rgba(250,204,21,.18);
}

/* tighter vertical rhythm */
#urbanV2BuildingTypeMenu label {
  line-height: 1;
}

/* smooth open feel */
#urbanV2BuildingTypeMenu {
  animation: urbanDropdownFade .12s ease-out;
}

@keyframes urbanDropdownFade {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.expansion-card--smart-clusters .signals-topbar {
  display: grid;
  grid-template-columns: auto auto minmax(280px, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.expansion-card--smart-clusters .signals-title {
  font-size: 20px;
  font-weight: 900;
  color: rgba(248,250,252,.94);
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.expansion-card--smart-clusters .signals-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.expansion-card--smart-clusters .smart-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(64px, 1fr));
  gap: 8px;
  margin: 0;
}

.expansion-card--smart-clusters .smart-summary-grid > div {
  min-height: 44px;
  padding: 7px 10px;
  border-radius: 13px;
}

.expansion-card--smart-clusters .smart-summary-grid span {
  font-size: 8px;
}

.expansion-card--smart-clusters .smart-summary-grid strong {
  font-size: 18px;
}

@media (max-width: 1280px) {
  .expansion-card--smart-clusters .signals-topbar {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .expansion-card--smart-clusters .signals-actions {
    flex-wrap: wrap;
  }
}

.expansion-card--smart-clusters {
  min-width: 0;
  overflow: hidden;
}

.expansion-card--smart-clusters .signals-topbar {
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  width: 100%;
  min-width: 0;
}

.expansion-card--smart-clusters .smart-summary-grid {
  min-width: 0;
  width: 100%;
  grid-template-columns: repeat(2, minmax(52px, 1fr)) !important;
}

.expansion-card--smart-clusters .smart-summary-grid > div {
  min-width: 0;
  padding: 6px 8px !important;
}

.expansion-card--smart-clusters .smart-summary-grid strong {
  font-size: 16px !important;
}

.expansion-card--smart-clusters .smart-summary-grid span {
  font-size: 7px !important;
}

@media (max-width: 1500px) {
  .expansion-card--smart-clusters .signals-topbar {
    grid-template-columns: 1fr !important;
  }
}

/* === Signals compact buttons === */

.expansion-card--smart-clusters .signals-actions button,
.expansion-card--smart-clusters .signals-mini-button {
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1;
}

/* secondary (Clear, Load) */
.expansion-card--smart-clusters button:not(.primary):not(.accent):not(.expansion-saved-filters__btn) {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(226,232,240,0.85);
}

/* primary accent (Run match, Save) */
.expansion-card--smart-clusters button.primary,
.expansion-card--smart-clusters button.accent,
.expansion-card--smart-clusters #expansion-smart-run-match,
.expansion-card--smart-clusters .signals-mini-button:hover {
  border: 1px solid rgba(250,204,21,0.45);
  background: rgba(250,204,21,0.08);
  color: #facc15;
}

/* inputs рядом тоже ужимаем */
.expansion-card--smart-clusters .signals-mini-input,
.expansion-card--smart-clusters input {
  height: 32px !important;
  padding: 0 10px !important;
  font-size: 12px;
  border-radius: 10px;
}

/* строки управления плотнее */
.expansion-card--smart-clusters .signals-save-row {
  gap: 6px !important;
}

/* === Signals dock: match Filters field/button density === */
#expansion-panel-view .expansion-dock-panel--signals .expansion-card--smart-clusters {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid,
#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid--match {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  min-width: 0;
  margin: 0 0 10px;
}

#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid > div {
  min-width: 0;
  min-height: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 7px 5px !important;
  border-radius: 10px !important;
  border: none !important;
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid span {
  font-size: var(--exp-type-label-size) !important;
  font-weight: var(--exp-type-label-weight);
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--exp-ink-muted);
}

#expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid strong {
  margin-top: 0;
  font-size: var(--exp-type-body-size) !important;
  font-weight: var(--exp-type-primary-weight);
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--exp-ink-strong);
  font-variant-numeric: tabular-nums;
}

#expansion-panel-view .expansion-dock-panel--signals .signals-persist {
  gap: 10px;
  padding-bottom: 2px;
}

#expansion-panel-view .expansion-dock-panel--signals .signals-persist-group + .signals-persist-group {
  padding-top: 8px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

#expansion-panel-view .expansion-dock-panel--signals .signals-persist-label {
  font-size: var(--exp-type-label-size);
  font-weight: var(--exp-type-label-weight);
  letter-spacing: 0.01em;
  color: var(--exp-ink-muted);
}

#expansion-panel-view .expansion-dock-panel--signals .signals-save-row {
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 4px;
}

#expansion-panel-view .expansion-dock-panel--signals .signals-mini-input,
#expansion-panel-view .expansion-dock-panel--signals .signals-mini-select {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  box-sizing: border-box;
  border: none !important;
  border-radius: 10px !important;
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-body) !important;
  font-size: var(--exp-type-body-size) !important;
  font-weight: var(--exp-type-body-weight);
  line-height: 1;
  width: 100%;
  min-width: 0;
  padding: 0 9px !important;
}

#expansion-panel-view .expansion-dock-panel--signals .signals-save-row .expansion-saved-filters__btn--icon {
  justify-self: center;
}

#expansion-panel-view .expansion-dock-panel--signals .expansion-smart-list {
  margin-top: 10px;
}

#expansion-panel-view .signals-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  margin: 0 0 10px;
  min-width: 0;
}
#expansion-panel-view .signals-action-row__select,
#expansion-panel-view .signals-action-row .signals-mini-select {
  width: 100%;
  min-width: 0;
}
#expansion-panel-view .signals-run-match-btn,
#expansion-panel-view #expansion-smart-run-match {
  appearance: none;
  -webkit-appearance: none;
  height: 28px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(217, 184, 95, 0.34);
  background: var(--ask-warm-active-bg-strong);
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow);
  color: var(--ask-warm-active-text);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.01em;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
}
#expansion-panel-view .signals-run-match-btn:hover,
#expansion-panel-view #expansion-smart-run-match:hover {
  filter: brightness(0.98);
}
#expansion-panel-view .signals-run-match-btn:disabled,
#expansion-panel-view #expansion-smart-run-match:disabled {
  opacity: 0.5;
  cursor: default;
}

/* Signals — hex Paint multi-select bar */
#expansion-panel-view .signals-layers {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 10px;
}
#expansion-panel-view .signals-layers__toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#expansion-panel-view .signals-layer-pill {
  height: 28px;
  padding: 0 10px;
  font-size: 11px;
}
#expansion-panel-view .signals-select-cluster-pair {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
#expansion-panel-view .signals-paint-btn {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: var(--exp-ink-body, rgba(15, 23, 42, 0.88));
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#expansion-panel-view .signals-paint-btn:hover {
  background: transparent;
  color: var(--exp-ink-strong, #0f172a);
}
#expansion-panel-view .signals-paint-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  stroke: currentColor;
  fill: none;
}
#expansion-panel-view .signals-paint-btn.is-active,
#expansion-panel-view .signals-paint-btn[aria-pressed="true"],
#expansion-panel-view .expansion-hex-pick-btn--paint.is-active,
#expansion-panel-view .expansion-hex-pick-btn--paint[aria-pressed="true"] {
  color: var(--ask-warm-active-text, #5b4a1f);
  background: var(--ask-warm-active-bg-strong, rgba(217, 184, 95, 0.28));
  box-shadow: var(--ask-warm-active-inset, none);
}
#expansion-panel-view .signals-selection-group {
  margin: 0 0 10px;
}
#expansion-panel-view .expansion-hex-pick-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 4px 6px 4px 10px;
  border-radius: 10px;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
}
#expansion-panel-view .expansion-dock-panel--signals .expansion-hex-pick-bar {
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
#expansion-panel-view .expansion-dock-panel--signals .expansion-hex-pick-bar .signals-mini-select {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
#expansion-panel-view .expansion-hex-pick-bar__count {
  min-width: 0;
  font-size: var(--exp-type-body-size, 12px);
  font-weight: var(--exp-type-body-weight, 550);
  letter-spacing: 0.01em;
  color: var(--exp-ink-muted);
  white-space: nowrap;
}
#expansion-panel-view .expansion-hex-pick-bar__count.is-active {
  color: var(--exp-ink-strong, rgba(15, 23, 42, 0.92));
}
#expansion-panel-view .expansion-hex-pick-bar__actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
#expansion-panel-view .expansion-hex-pick-btn.expansion-saved-filters__btn--icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: rgba(15, 23, 42, 0.84);
  cursor: pointer;
}
#expansion-panel-view .expansion-hex-pick-btn.expansion-saved-filters__btn--icon:hover:not(:disabled) {
  color: rgba(15, 23, 42, 1);
  background: transparent;
}
#expansion-panel-view .expansion-hex-pick-btn.expansion-saved-filters__btn--icon:disabled {
  opacity: 0.35;
  cursor: default;
}
#expansion-panel-view .expansion-hex-pick-btn.expansion-saved-filters__btn--icon svg {
  width: var(--exp-icon-header, 16px);
  height: var(--exp-icon-header, 16px);
  display: block;
  stroke: currentColor;
  fill: none;
}
#askbase-map.is-hex-paint,
#askbase-map.is-hex-paint .leaflet-container,
#askbase-map.is-hex-paint .maplibregl-canvas-container,
#askbase-map.is-hex-paint .maplibregl-canvas {
  cursor: crosshair !important;
}
#expansion-panel-view.is-hex-paint .expansion-hex-pick-bar {
  box-shadow:
    var(--exp-tile-inset),
    0 0 0 1px rgba(217, 184, 95, 0.28);
}

/* Selected hex metrics — same tile system as Market (#expansionSummaryMetrics) */
#expansion-panel-view #expansionSelectedHexMetrics,
#expansion-panel-view .expansion-selected-hex-metrics {
  margin-bottom: 0;
}
#expansion-panel-view #expansionSelectedHexMetrics .expansion-metrics-grid--selected-hex,
#expansion-panel-view .expansion-metrics-grid--selected-hex {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
#expansion-panel-view #expansionSelectedHexMetrics .expansion-metric--hex-wide,
#expansion-panel-view .expansion-metrics-grid--selected-hex > .expansion-metric--hex-wide {
  width: 100%;
}

#expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dist-title {
  margin-top: 10px;
}

#expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row {
  margin-bottom: 0;
  padding: 7px 8px;
  border: none;
  border-radius: 10px;
  background: var(--exp-tile-bg);
  box-shadow: var(--exp-tile-inset);
}

#expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row.is-matched {
  border: none;
  background: rgba(217, 184, 95, 0.10);
  box-shadow: inset 0 0 0 0.5px rgba(217, 184, 95, 0.28);
}

#expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row__id {
  font-size: var(--exp-type-primary-size);
  font-weight: var(--exp-type-primary-weight);
  color: var(--exp-ink-strong);
}

#expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row__meta,
#expansion-panel-view .expansion-dock-panel--signals .smart-no-match,
#expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row__reason {
  font-size: var(--exp-type-meta-size);
  font-weight: var(--exp-type-meta-weight);
  color: var(--exp-ink-muted);
}

/* === Stable 3D baseline (final overrides) === */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#map {
  position: relative !important;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

#maplibre-3d-map {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 500 !important;
  background: #f2f3f0 !important;
  isolation: isolate;
  transform: translateZ(0);
}

body.ask-map-mode-3d #maplibre-3d-map {
  display: block !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d #map .leaflet-pane,
body.ask-map-mode-3d #map .leaflet-tile-pane,
body.ask-map-mode-3d #map .leaflet-overlay-pane,
body.ask-map-mode-3d #map .leaflet-marker-pane,
body.ask-map-mode-3d #map .leaflet-shadow-pane,
body.ask-map-mode-3d #map .leaflet-popup-pane,
body.ask-map-mode-3d #map .leaflet-tooltip-pane,
body.ask-map-mode-3d #map .leaflet-map-pane {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  pointer-events: none !important;
}

body.ask-map-mode-3d #map .leaflet-control-attribution {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ask-map-mode-3d #ask-map-mode-switcher,
body.ask-map-mode-3d .ask-map-mode-switcher {
  z-index: 99999 !important;
  pointer-events: auto !important;
}

.ask-3d-debug-marker {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #facc15;
  border: 2px solid rgba(15, 23, 42, 0.95);
  box-shadow:
    0 0 0 4px rgba(250, 204, 21, 0.20),
    0 10px 24px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}

.ask-3d-debug-marker::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 8px;
  height: 8px;
  transform: translateX(-50%) rotate(45deg);
  background: #facc15;
  border-right: 2px solid rgba(15, 23, 42, 0.95);
  border-bottom: 2px solid rgba(15, 23, 42, 0.95);
}

/* === 3D: keep Leaflet controls visible, hide only map panes/attribution === */

body.ask-map-mode-3d .leaflet-control-container,
body.ask-map-mode-3d .leaflet-top,
body.ask-map-mode-3d .leaflet-left,
body.ask-map-mode-3d .leaflet-right {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9000 !important;
}

body.ask-map-mode-3d .leaflet-control-container * {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d .leaflet-control-attribution {
  display: none !important;
}

body.ask-map-mode-3d .leaflet-pane,
body.ask-map-mode-3d .leaflet-tile-pane,
body.ask-map-mode-3d .leaflet-overlay-pane,
body.ask-map-mode-3d .leaflet-marker-pane,
body.ask-map-mode-3d .leaflet-shadow-pane,
body.ask-map-mode-3d .leaflet-popup-pane,
body.ask-map-mode-3d .leaflet-tooltip-pane {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* === FINAL 3D controls fix: parent container must stay visible === */
body.ask-map-mode-3d .leaflet-control-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9000 !important;
}

body.ask-map-mode-3d .leaflet-top,
body.ask-map-mode-3d .leaflet-left,
body.ask-map-mode-3d .leaflet-right,
body.ask-map-mode-3d .leaflet-bottom {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 9001 !important;
}

body.ask-map-mode-3d .askbase-right-panel,
body.ask-map-mode-3d #panel-open-btn,
body.ask-map-mode-3d #top-search-btn,
body.ask-map-mode-3d #askbase-account-top-btn,
body.ask-map-mode-3d #locate-me-btn-bottom,
body.ask-map-mode-3d #askbase-north-btn-bottom,
body.ask-map-mode-3d #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers),
body.ask-map-mode-3d #ask-field-object-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d .askbase-right-panel,
body.ask-map-mode-3d #top-search-btn,
body.ask-map-mode-3d #askbase-account-top-btn,
body.ask-map-mode-3d #locate-me-btn-bottom,
body.ask-map-mode-3d #askbase-north-btn-bottom,
body.ask-map-mode-3d #askbase-zoom-control:not(.askbase-zoom-control--embedded):not(.askbase-zoom-control--layers),
body.ask-map-mode-3d #ask-field-object-btn {
  z-index: 9100 !important;
}

body.ask-map-mode-3d .leaflet-control-zoom {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ask-map-mode-3d #panel-open-btn {
  z-index: 500100 !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d #askbase-panel.askbase-panel--open {
  z-index: 9101 !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d #askbase-panel:not(.askbase-panel--open) {
  pointer-events: none !important;
}

body.ask-map-mode-3d .leaflet-control-attribution {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* === Left panel open-state hard override after 3D integration === */
body.askbase-left-panel-open #askbase-panel,
#askbase-panel.askbase-panel--open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  left: 16px !important;
  pointer-events: auto !important;
  z-index: 9300 !important;
}

body.askbase-left-panel-open #panel-open-btn,
#panel-open-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 500100 !important;
}

body.ask-map-mode-3d.askbase-left-panel-open #askbase-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  left: 16px !important;
  pointer-events: auto !important;
  z-index: 9300 !important;
}

#panel-open-btn {
  /* Fixed: survive ask-map-root stacking quirks after cabinet↔map.
   * Above injected cabinet .ab-modal (9999) so ☰ stays clickable. */
  pointer-events: auto !important;
  z-index: 500100 !important;
  position: fixed !important;
  left: 12px !important;
  top: var(--ask-map-top-chrome-top, 12px) !important;
}

/* Closed left panel must never steal clicks from ☰ / map chrome */
#askbase-panel:not(.askbase-panel--open),
#askbase-panel.askbase-panel--hidden:not(.askbase-panel--open) {
  pointer-events: none !important;
}

#askbase-panel.askbase-panel--open {
  pointer-events: auto !important;
  z-index: 9300 !important;
}

#askbase-panel {
  z-index: 9300 !important;
}

/* Cabinet CSS injects .ab-modal { inset:0; z-index:9999 } — keep closed modals inert on map. */
body.ask-app-mode-map .ab-modal:not(.is-open),
body.ask-app-mode-map .listings-filters-modal:not(.is-open),
body.ask-app-mode-map .listings-filters-backdrop:not(.is-open),
body.ask-app-mode-map .ask-modal.hidden,
body.ask-app-mode-map .user-listings-import-modal:not(.is-open) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* === LEFT LAYERS PANEL FINAL POSITION FIX === */
#askbase-panel {
  position: fixed !important;
  top: 58px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  width: 274px !important;
  max-height: calc(100vh - 76px) !important;
  overflow-y: auto !important;
  z-index: 9300 !important;
}

#askbase-panel.askbase-panel--hidden:not(.askbase-panel--open) {
  transform: translate3d(-320px, 0, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.askbase-left-panel-open #askbase-panel,
#askbase-panel.askbase-panel--open {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#panel-open-btn {
  position: fixed !important;
  top: var(--ask-map-top-chrome-top, 12px) !important;
  left: 12px !important;
  z-index: 500100 !important;
  pointer-events: auto !important;
}

/* === Left panel children anti-lag fix === */
#askbase-panel,
#askbase-panel * {
  transition-property: none !important;
}

#askbase-panel .askbase-layer-row,
#askbase-panel .askbase-layer-pills,
#askbase-panel .askbase-pill,
#askbase-panel button:not(.askbase-panel__close),
#askbase-panel select,
#askbase-panel input {
  position: relative;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  opacity: 1;
}

#askbase-panel .askbase-panel__close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: unset !important;
  transform: none !important;
}

#askbase-panel.askbase-panel--hidden:not(.askbase-panel--open) * {
  pointer-events: none !important;
}

#askbase-panel {
  transition: transform 180ms ease, opacity 140ms ease !important;
}

/* === ASK Coordinate context popup — premium glass === */
.ask-coord-popup .leaflet-popup-content-wrapper {
  border-radius: 18px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.82),
    rgba(15, 23, 42, 0.72)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 18px 45px rgba(15, 23, 42, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25) !important;
}

.ask-coord-popup .leaflet-popup-content {
  margin: 10px !important;
}

.ask-coord-popup .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22) !important;
}

.ask-coord-popup .leaflet-popup-close-button {
  color: rgba(226, 232, 240, 0.78) !important;
  font-size: 18px !important;
  padding: 8px 10px 0 0 !important;
}

.ask-coord-popup .leaflet-popup-close-button:hover {
  color: #ffffff !important;
}

.ask-coord-context-menu {
  min-width: 220px !important;
  padding: 2px !important;
}

.ask-coord-copy-btn {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
  cursor: pointer !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease !important;
}

.ask-coord-copy-btn:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px) !important;
}

.ask-coord-copy-btn:active {
  transform: translateY(0) !important;
}

.ask-coord-copy-hint {
  padding: 8px 14px 4px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: rgba(203, 213, 225, 0.72) !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

/* === ASK Coordinate popup compact premium override === */
.ask-coord-popup .leaflet-popup-content-wrapper {
  border-radius: 14px !important;
  background: rgba(15, 23, 42, 0.54) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(10px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
}

.ask-coord-popup .leaflet-popup-content {
  margin: 6px !important;
  width: auto !important;
}

.ask-coord-popup .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.54) !important;
  box-shadow: none !important;
}

.ask-coord-context-menu {
  min-width: 168px !important;
  padding: 0 !important;
}

.ask-coord-copy-btn {
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: rgba(248, 250, 252, 0.96) !important;
  box-shadow: none !important;
}

.ask-coord-copy-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  transform: none !important;
}

.ask-coord-copy-hint {
  padding: 2px 10px 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(203, 213, 225, 0.58) !important;
  letter-spacing: 0.02em !important;
}

.ask-coord-popup .leaflet-popup-close-button {
  top: 2px !important;
  right: 4px !important;
  color: rgba(226, 232, 240, 0.62) !important;
}

/* === ASK Coordinate popup ultra-compact === */

.ask-coord-context-menu {
  min-width: unset !important;
  padding: 0 !important;
}

/* УБИРАЕМ нижний текст полностью */
.ask-coord-copy-hint {
  display: none !important;
}

.ask-coord-popup .leaflet-popup-content-wrapper {
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.46) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.ask-coord-popup .leaflet-popup-content {
  margin: 4px 6px !important;
}

/* Главная строка */
.ask-coord-copy-btn {
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 0 !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;

  color: rgba(248, 250, 252, 0.92) !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
}

/* hover почти незаметный */
.ask-coord-copy-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* крестик компактнее */
.ask-coord-popup .leaflet-popup-close-button {
  top: 1px !important;
  right: 4px !important;
  font-size: 16px !important;
  color: rgba(226, 232, 240, 0.55) !important;
}

/* стрелка тоже легче */
.ask-coord-popup .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.46) !important;
  box-shadow: none !important;
}

/* Coord copy button — keep transparent so cadastral glass card stays visible */
.ask-coord-popup .ask-coord-copy-btn {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  transform: none !important;
}

.ask-coord-popup .ask-coord-copy-btn:hover,
.ask-coord-popup .ask-coord-copy-btn:active {
  background: transparent !important;
  transform: none !important;
}

/* Listing favorite (map / expansion / cabinet shared) */
.favorite-btn {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(15, 23, 42, 0.36);
  color: rgba(226, 232, 240, 0.78);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.favorite-btn.is-active {
  color: #f4c95d;
  border-color: rgba(244, 201, 93, 0.42);
  background: rgba(244, 201, 93, 0.12);
}
.favorite-btn--panel-list {
  width: 26px;
  height: 26px;
  font-size: 12px;
}
.favorite-btn--panel-header {
  width: 30px;
  height: 30px;
  font-size: 13px;
}
.favorite-btn--expansion-row {
  width: 28px;
  height: 28px;
  font-size: 12px;
  padding: 0;
}
.favorite-btn--expansion-row .cabinet-fav-icon {
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
}
#expansion-panel-view .expansion-market-results__aside .favorite-btn .cabinet-fav-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__aside .favorite-btn .cabinet-fav-icon {
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
}
.favorite-btn--expansion-row .cabinet-fav-icon svg,
#expansion-panel-view .expansion-market-results__aside .cabinet-listing-top-btn svg,
#expansion-panel-view .expansion-market-results__aside .expansion-listing-top-btn svg,
#expansion-panel-view .expansion-market-results__aside .market-listing-top-btn svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__aside .cabinet-listing-top-btn svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__aside .expansion-listing-top-btn svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__aside .market-listing-top-btn svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  color: inherit !important;
}
.favorite-btn.cabinet-listing-favorite-star.is-favorite,
.favorite-btn.cabinet-listing-favorite-star.favorite-active {
  color: #f4c95d;
  border-color: rgba(244, 201, 93, 0.42);
  background: rgba(244, 201, 93, 0.12);
}

.cabinet-listing-top-btn,
.expansion-listing-top-btn,
.market-listing-top-btn {
  box-sizing: border-box;
  border-radius: 999px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  background: rgba(255, 255, 255, 0.72);
  color: #92400e;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.cabinet-hot-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.cabinet-listing-top-btn.is-compact .cabinet-hot-icon,
.expansion-listing-top-btn.is-compact .cabinet-hot-icon {
  width: 14px;
  height: 14px;
}
.cabinet-listing-top-btn.is-active,
.expansion-listing-top-btn.is-active,
.market-listing-top-btn.is-active {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.95));
  color: #111827;
  border-color: rgba(245, 158, 11, 0.55);
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.18), 0 4px 14px rgba(245, 158, 11, 0.2);
}
.cabinet-listing-hot-btn--ghost,
#expansion-panel-view .expansion-market-results__aside .cabinet-listing-hot-btn--ghost {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(202, 180, 50, 0.38);
}
.cabinet-listing-hot-btn--ghost:hover,
#expansion-panel-view .expansion-market-results__aside .cabinet-listing-hot-btn--ghost:hover {
  background: transparent !important;
  color: rgba(234, 179, 8, 0.82);
  transform: scale(1.08);
}
.cabinet-listing-hot-btn--ghost.is-active,
#expansion-panel-view .expansion-market-results__aside .cabinet-listing-hot-btn--ghost.is-active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ca8a04;
  filter: drop-shadow(0 1px 2px rgba(250, 204, 21, 0.32));
}
.cabinet-listing-hot-btn--ghost.is-compact,
#expansion-panel-view .expansion-market-results__aside .cabinet-listing-hot-btn--ghost.is-compact {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}
.workspace-listing-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
#expansion-panel-view .expansion-market-results__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.leaflet-popup-content .ask-map-popup-fav-wrap {
  margin-top: 6px;
}
.leaflet-popup-content .ask-map-popup-fav-wrap .favorite-btn {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

/* === Fix map listing expandable details visibility === */
.map-listing-details-panel {
  display: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.map-listing-details-panel.is-open,
.is-details-open .map-listing-details-panel {
  display: block !important;
  max-height: 520px !important;
  overflow: auto !important;
  opacity: 1 !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.market-listing-panel {
  overflow: hidden !important;
}
.market-listing-panel__selected,
.map-listing-card {
  overflow: hidden !important;
}
.market-listing-panel__selected {
  max-height: none !important;
}

.map-listing-detail-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

.map-listing-detail-row {
  display: flex !important;
}

/* === Map listing details: data-panel + capture handler alignment === */
[data-map-details-panel="1"].is-open,
[data-map-details-panel="1"][data-open="true"] {
  display: block !important;
  max-height: 520px !important;
  overflow: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-map-details-panel="1"] {
  display: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.market-listing-panel__body,
.market-listing-panel__selected,
.market-listing-panel,
.map-listing-card {
  overflow: hidden !important;
}

/* === Map listing details: inline onclick + runtime toggle === */
.map-listing-details-panel.is-open,
.market-listing-panel__selected-col.is-details-open .map-listing-details-panel,
.map-listing-card.is-details-open .map-listing-details-panel,
.market-listing-panel.is-details-open .map-listing-details-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: 520px !important;
  overflow: auto !important;
}

.market-listing-panel {
  /* Overlay host may paint focus spotlight outside sheet */
  overflow: visible !important;
  z-index: 9600 !important;
}
.market-listing-panel__sheet {
  overflow: hidden !important;
  height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
  max-height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
}
.market-listing-panel__selected-col,
.map-listing-card {
  /* selected-col may open details drawer; keep list cards clipped via __list-item */
  overflow: visible !important;
  height: auto !important;
}

body.ask-market-listing-panel-open #ask-map-region-header,
body.ask-market-listing-panel-open #panel-open-btn {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.ask-market-listing-panel-open .market-listing-panel.is-open {
  z-index: 9600 !important;
}

body.ask-market-listing-panel-open #askModal,
body.ask-map-glass-dialog-open #askModal {
  z-index: 200000 !important;
}

.market-listing-panel__body {
  overflow: hidden !important;
}
.market-listing-panel__selected {
  overflow: hidden !important;
}
.market-listing-panel__list-item {
  overflow: hidden !important;
  height: auto !important;
}

.market-listing-panel__selected-col {
  position: relative !important;
}

.market-listing-details-drawer {
  position: absolute !important;
  left: 24px !important;
  top: calc(100% - 36px) !important;
  width: min(520px, calc(100vw - 56px)) !important;

  display: none !important;
  margin: 0 !important;
  padding: 14px 16px !important;

  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.68)) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 24px 70px rgba(15, 23, 42, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;

  max-height: min(360px, 42vh) !important;
  overflow: auto !important;

  z-index: 9800 !important;
  transform: translateY(-8px) scale(0.985) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease !important;
}

.market-listing-details-drawer.is-open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

#askbase-bottom-sheet,
.askbase-bottom-sheet {
  z-index: 7000;
}

.market-listing-details-drawer-inner {
  min-width: 0 !important;
}

.market-listing-details-drawer-title {
  margin-bottom: 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(203, 213, 225, 0.74) !important;
}

.market-listing-details-drawer-row {
  display: grid !important;
  grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.market-listing-details-drawer-row span {
  color: rgba(203, 213, 225, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.market-listing-details-drawer-row b {
  color: rgba(248, 250, 252, 0.94) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: right !important;
  word-break: break-word !important;
}

.market-listing-details-drawer-section {
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.market-listing-details-drawer-section-title {
  margin-bottom: 8px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(203, 213, 225, 0.7) !important;
}

body.ask-market-details-drawer-open .market-listing-panel__sheet {
  overflow: visible !important;
}

/* === Map listing details drawer: fixed viewport overlay final === */
.market-listing-details-drawer {
  position: fixed !important;
  left: var(--drawer-left, 32px) !important;
  top: var(--drawer-top, 520px) !important;
  width: var(--drawer-width, 480px) !important;
  min-width: 320px !important;

  display: none !important;
  margin: 0 !important;
  padding: 14px 16px !important;

  border-radius: 20px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.86),
    rgba(15, 23, 42, 0.74)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    0 24px 70px rgba(15, 23, 42, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;

  max-height: min(360px, 42vh) !important;
  overflow: auto !important;

  z-index: 12000 !important;
  transform: translateY(-8px) scale(0.985) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.market-listing-details-drawer.is-open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

.market-listing-details-drawer-row {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 5px 0 !important;
}

.market-listing-details-drawer-row span {
  font-size: 12px !important;
  color: rgba(203, 213, 225, 0.62) !important;
}

.market-listing-details-drawer-row b {
  font-size: 12px !important;
  text-align: right !important;
  color: rgba(248, 250, 252, 0.94) !important;
  word-break: break-word !important;
}

/* === Map listing details drawer polish === */
.market-listing-details-drawer {
  width: min(var(--drawer-width, 440px), 440px) !important;
  min-width: 300px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.82),
    rgba(15, 23, 42, 0.7)
  ) !important;
  max-height: min(320px, 38vh) !important;
}

.market-listing-details-drawer-row {
  grid-template-columns: 96px minmax(0, 1fr) !important;
  padding: 4px 0 !important;
}

.market-listing-details-drawer-title {
  margin-bottom: 8px !important;
}

.market-listing-details-drawer-row span,
.market-listing-details-drawer-row b {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Expansion Apply / Reset — see end of file (premium compact) */

/* === MARKET PHOTO GLOBAL DIM LAYER FINAL === */

#market-photo-global-dim {
  display: none !important;
}

/* Extra full-page dim disabled — cabinet uses only the viewer backdrop once.
   Keep panel stacking so Expansion UI sits under the viewer. */
body.photo-viewer-open #market-photo-global-dim {
  display: none !important;
}

/* Photo viewer above listing panel (9600), bottom sheet, mode-seg — full foreground */
body.photo-viewer-open .market-photo-viewer {
  z-index: 12000 !important;
}

body.photo-viewer-open .market-photo-viewer-dialog {
  z-index: 12010 !important;
  height: calc(100vh - 24px) !important;
  max-height: calc(100vh - 24px) !important;
}

body.photo-viewer-open .market-listing-panel,
body.photo-viewer-open #askbase-bottom-sheet,
body.photo-viewer-open #askbase-mode-seg,
body.photo-viewer-open #ask-map-mode-switcher,
body.photo-viewer-open #ask-map-attrib {
  z-index: 11800 !important;
  pointer-events: none !important;
}

/* Map chrome host is z 500050 — above the viewer dim at 12000. Search / Layers /
   Labels therefore sat on top of the overlay and looked brighter than Mode-seg
   (already dropped to 11800). Put the whole host under the dim. */
body.photo-viewer-open #ask-map-chrome-host {
  z-index: 11000 !important;
}

#askbase-panel.askbase-panel--hidden:not(.askbase-panel--open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-320px) !important;
}

#askbase-panel.askbase-panel--open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  top: 58px !important;
  left: 16px !important;
}

#askbase-panel.askbase-panel--open,
#askbase-panel.askbase-panel--open * {
  pointer-events: auto !important;
  visibility: visible !important;
}

/* === LEFT PANEL OPEN HORIZONTAL FINAL === */
#askbase-panel.askbase-panel--open {
  left: 16px !important;
  right: auto !important;
  transform: none !important;
  translate: none !important;
}

#askbase-panel.askbase-panel--hidden:not(.askbase-panel--open) {
  transform: translateX(-320px) !important;
}

/* === LEFT PANEL INNER TOP COMPACT FINAL === */
#askbase-panel.askbase-panel--open.askbase-panel--layers-compact {
  padding-top: 40px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Title row is empty (× is absolute, ☰ is fixed outside) — don't stack spacer height */
#askbase-panel.askbase-panel--open.askbase-panel--layers-compact .askbase-panel__title-row {
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#askbase-panel.askbase-panel--open.askbase-panel--layers-compact .askbase-panel__section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#askbase-panel.askbase-panel--open #layer-pills {
  margin-top: 0 !important;
}

/* === LEFT PANEL HIDE LEGACY ANALYZE ROW === */
#askbase-panel > .askbase-layer-row:first-of-type {
  display: none !important;
}

/* === LEFT PANEL GEOMETRY FINAL === */
#askbase-panel.askbase-panel--open {
  top: 8px !important;
  left: 16px !important;
  width: 340px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#askbase-panel.askbase-panel--open .askbase-panel__section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* === TOP SEARCH ACCOUNT REAL SWAP === */
#askbaseTopSearch,
.askbase-top-search {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
}

#askbaseTopSearch #askbase-account-top-btn,
.askbase-top-search #askbase-account-top-btn,
#askbaseTopSearch .askbase-account-top-btn,
.askbase-top-search .askbase-account-top-btn {
  order: 2 !important;
}

#askbaseTopSearch #askbase-search-btn,
.askbase-top-search #askbase-search-btn,
#askbaseTopSearch #top-search-btn,
.askbase-top-search #top-search-btn,
#askbaseTopSearch .askbase-top-search-btn,
.askbase-top-search .askbase-top-search-btn {
  order: 1 !important;
}

#askbaseTopSearch #askbase-userpoints-btn,
.askbase-top-search #askbase-userpoints-btn {
  order: 3 !important;
}

/* === TOP SEARCH ACCOUNT ABSOLUTE POSITION FINAL === */
#askbase-account-top-btn {
  position: fixed !important;
  top: 14px !important;
  right: 292px !important;
  left: auto !important;
  transform: none !important;
}

#top-search-btn {
  position: fixed !important;
  top: 14px !important;
  right: 352px !important;
  left: auto !important;
  transform: none !important;
}

/* === TOP BUTTONS HARD FINAL OVERRIDE === */

#askbaseTopSearch,
.askbase-top-search {
  position: fixed !important;
  top: var(--ask-map-top-chrome-top) !important;
  right: var(--ask-map-top-chrome-right) !important;
  z-index: 9060 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--ask-map-right-rail-gap, 8px) !important;

  width: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top-search-btn {

  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  order: 1 !important;
  margin: 0 !important;
}

#askbase-account-top-btn {

  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  order: 2 !important;
  margin: 0 !important;
}

/* === PREMIUM UNIFIED SCROLLBARS (PANELS ONLY) === */
#expansion-panel-view .expansion-market-results,
#expansion-panel-view .expansion-hex-listings,
#expansion-panel-view .expansion-bucket-list,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion,
#expansion-panel-view .askbase-bottom-sheet__body,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban,
#urban-panel-view .askbase-bottom-sheet__body,
#clusters-panel-view .askbase-bottom-sheet__body,
#radar-panel-view .askbase-bottom-sheet__body {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.18) transparent;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar,
#expansion-panel-view .expansion-hex-listings::-webkit-scrollbar,
#expansion-panel-view .expansion-bucket-list::-webkit-scrollbar,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar,
#expansion-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar,
#urban-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar,
#clusters-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar,
#radar-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-track,
#expansion-panel-view .expansion-hex-listings::-webkit-scrollbar-track,
#expansion-panel-view .expansion-bucket-list::-webkit-scrollbar-track,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar-track,
#expansion-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-track,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar-track,
#urban-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-track,
#clusters-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-track,
#radar-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-track {
  background: transparent;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-thumb,
#expansion-panel-view .expansion-hex-listings::-webkit-scrollbar-thumb,
#expansion-panel-view .expansion-bucket-list::-webkit-scrollbar-thumb,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar-thumb,
#expansion-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar-thumb,
#urban-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb,
#clusters-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb,
#radar-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

#expansion-panel-view .expansion-market-results::-webkit-scrollbar-thumb:hover,
#expansion-panel-view .expansion-hex-listings::-webkit-scrollbar-thumb:hover,
#expansion-panel-view .expansion-bucket-list::-webkit-scrollbar-thumb:hover,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion::-webkit-scrollbar-thumb:hover,
#expansion-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb:hover,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban::-webkit-scrollbar-thumb:hover,
#urban-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb:hover,
#clusters-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb:hover,
#radar-panel-view .askbase-bottom-sheet__body::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.28);
  border: 2px solid transparent;
  background-clip: padding-box;
}

#askbase-bottom-sheet.askbase-bottom-sheet--collapsed {
  transform: translateY(calc(100% - 56px)) !important;
  pointer-events: auto !important;
}

#askbase-bottom-sheet.askbase-bottom-sheet--collapsed .expansion-panel-body,
#askbase-bottom-sheet.askbase-bottom-sheet--collapsed .expansion-panel-content,
#askbase-bottom-sheet.askbase-bottom-sheet--collapsed #expansion-panel-view .askbase-bottom-sheet__body,
#expansion-panel-view .askbase-bottom-sheet__body.is-sheet-body-deferred {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  /* Skip painting thousands of result cards while the sheet transforms. */
  content-visibility: hidden;
}

#askbase-bottom-sheet.is-sheet-expanding {
  will-change: transform;
}

#askbase-bottom-sheet {
  transition: transform .24s ease, opacity .18s ease !important;
}

.expansion-panel-collapse-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  cursor: pointer;
  flex: 0 0 auto;
  outline: none;
  transition: color 0.16s ease;
}

.expansion-panel-collapse-btn:hover {
  background: transparent;
  color: rgba(15, 23, 42, 0.94);
}

/* === Expansion Category trigger normalize === */
#expansionFilterCategoryWrap {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
}

#expansionFilterCategoryTrigger {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 8px !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(226, 232, 240, 0.72) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 9px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

#expansionFilterCategoryTrigger .expansion-filter-caret {
  flex: 0 0 auto;
  margin-left: 6px;
  opacity: 0.72;
  font-size: 11px;
  line-height: 1;
}

#expansionFilterCategoryLabel {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#expansionFilterCategoryMenu[hidden] {
  display: none !important;
}

/* === Expansion Category dropdown — Retailers light glass === */
#expansionFilterCategoryMenu {
  width: 100% !important;
  min-width: 240px !important;
  padding: 8px !important;
  border-radius: var(--ask-map-surface-radius, 16px) !important;
  max-height: 240px !important;
  background: rgba(247, 250, 249, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: blur(20px) saturate(105%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(105%) !important;
  color: var(--ask-map-chrome-text) !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-option {
  min-height: 34px !important;
  padding: 7px 10px !important;
  gap: 10px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: var(--ask-map-chrome-text) !important;
  background: transparent !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-checkbox {
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
  flex: 0 0 16px !important;
  border: 1.5px solid rgba(148, 163, 184, 0.55) !important;
  background: rgba(255, 255, 255, 0.85) !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-option.is-selected {
  background: rgba(248, 242, 218, 0.88) !important;
  color: var(--ask-map-chrome-text-strong) !important;
  font-weight: 600 !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-option.is-selected .expansion-category-multiselect-checkbox {
  background: rgba(217, 184, 95, 0.95) !important;
  border-color: rgba(180, 140, 40, 0.7) !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-option.is-selected .expansion-category-multiselect-checkbox::after {
  content: "" !important;
  width: 4px !important;
  height: 7px !important;
  border: solid #fff !important;
  border-width: 0 1.75px 1.75px 0 !important;
  transform: rotate(45deg) !important;
  font-size: 0 !important;
  color: transparent !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-option:hover {
  background: rgba(255, 255, 255, 0.55) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#expansionFilterCategoryMenu .expansion-category-multiselect-label {
  color: inherit !important;
}

#expansionFilterCategoryMenu::-webkit-scrollbar {
  width: 6px;
}

#expansionFilterCategoryMenu::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 999px;
}

/* === Expansion Filters footer: specificity lock (chrome lives at ~2510) === */
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer {
  position: static !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-filter-apply-btn,
#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-filter-apply-btn {
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
  background: var(--ask-warm-active-bg-strong) !important;
  color: var(--ask-warm-active-text) !important;
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow) !important;
}

#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn {
  border: none !important;
  background: var(--exp-tile-bg) !important;
  color: var(--exp-ink-strong) !important;
  box-shadow: var(--exp-tile-inset) !important;
  opacity: 1 !important;
}

#expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn:hover {
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: var(--exp-tile-inset) !important;
}

/* === Unified listing status (cabinet, map popup, expansion) === */
.listing-status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex-shrink: 0;
  vertical-align: middle;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22);
}

.listing-status-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
  vertical-align: middle;
}

.listing-status-badge--none {
  opacity: 0.55;
  border-color: rgba(148, 163, 184, 0.35);
  color: rgba(148, 163, 184, 0.9);
}

/* Canonical workflow-status colors — must match ASK_LISTING_STATUS_COLORS in 00-core-state.js */
#listings .listing-status-dot--new,
.listing-status-dot--new {
  background: #f59e0b !important;
}

#listings .listing-status-dot--processing,
.listing-status-dot--processing {
  background: #22c55e !important;
}

#listings .listing-status-dot--waiting,
.listing-status-dot--waiting {
  background: #60a5fa !important;
}

#listings .listing-status-dot--done,
.listing-status-dot--done {
  background: #ef4444 !important;
}

#listings .listing-status-dot--archived,
.listing-status-dot--archived {
  background: #94a3b8 !important;
}

.listing-status-badge--new,
.cabinet-badge-status--new.listing-status-badge {
  background: rgba(245, 158, 11, 0.14);
  border-color: transparent;
  color: rgba(15, 23, 42, 0.78);
}

.listing-status-badge--processing,
.cabinet-badge-status--processing.listing-status-badge {
  background: rgba(34, 197, 94, 0.12);
  border-color: transparent;
  color: rgba(15, 23, 42, 0.78);
}

.listing-status-badge--waiting,
.cabinet-badge-status--waiting.listing-status-badge {
  background: rgba(96, 165, 250, 0.12);
  border-color: transparent;
  color: rgba(15, 23, 42, 0.78);
}

.listing-status-badge--done,
.cabinet-badge-status--done.listing-status-badge {
  background: rgba(239, 68, 68, 0.12);
  border-color: transparent;
  color: rgba(15, 23, 42, 0.78);
}

.listing-status-badge--archived,
.cabinet-badge-status--archived.listing-status-badge {
  background: rgba(148, 163, 184, 0.12);
  border-color: transparent;
  color: rgba(15, 23, 42, 0.72);
}

.market-listing-panel__meta .listing-status-badge,
.market-listing-panel__list-meta .listing-status-badge,
#expansion-panel-view .expansion-market-results__meta .listing-status-badge {
  margin-right: 4px;
  vertical-align: middle;
}

.market-listing-panel__list-top > .listing-status-dot,
#expansion-panel-view .expansion-market-results__top > .listing-status-dot {
  align-self: center;
}

/* Map chrome collapse — must stay last; beats 3D / panel-open visibility !important rules */
body.ask-map-mode-3d.ask-map-chrome-collapsed #panel-open-btn,
body.ask-map-chrome-collapsed.askbase-left-panel-open #panel-open-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed .askbase-panel-toggle,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbaseTopSearch,
body.ask-map-mode-3d.ask-map-chrome-collapsed #top-search-flyout,
body.ask-map-mode-3d.ask-map-chrome-collapsed #top-search-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-account-top-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-profile-link,
body.ask-map-mode-3d.ask-map-chrome-collapsed #ask-map-mode-switcher,
body.ask-map-mode-3d.ask-map-chrome-collapsed .ask-map-mode-switcher,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askMapModeRail,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbaseBasemapToggle,
body.ask-map-mode-3d.ask-map-chrome-collapsed .askbase-basemap-toggle,
body.ask-map-mode-3d.ask-map-chrome-collapsed .askbase-right-panel,
body.ask-map-mode-3d.ask-map-chrome-collapsed .askbase-radar-clusters-block,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-ruler-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-radar-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-clusters-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-urban-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-expansion-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-userpoints-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #userpoints-toggle-btn,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-panel,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-userpoints-modes,
body.ask-map-mode-3d.ask-map-chrome-collapsed .askbase-ruler-modes,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-bottom-sheet,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-sheet-close,
body.ask-map-mode-3d.ask-map-chrome-collapsed #locate-me-btn-bottom,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-top,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-top.leaflet-right,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-control-container .leaflet-top,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-bottom.leaflet-left,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-control-container .leaflet-bottom.leaflet-left {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Beat body.ask-map-mode-3d .leaflet-control-container * { visibility: visible } */
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-control-container .leaflet-top *,
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-control-container .leaflet-bottom.leaflet-left * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Collapsed: keep compass + unified attribution "i" */
body.ask-map-mode-3d.ask-map-chrome-collapsed .leaflet-bottom.leaflet-right,
body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-north-btn-bottom,
body.ask-map-mode-3d.ask-map-chrome-collapsed #ask-map-attrib {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ask-map-mode-3d.ask-map-chrome-collapsed #askbase-north-btn-bottom {
  display: flex !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #ask-map-attrib {
  z-index: 4900 !important;
}

/* When bottom sheet is open, keep corner controls under it (same position, lower layer) */
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #askMapModeRail,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) .ask-map-mode-rail,
body.ask-map-mode-3d:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) .leaflet-bottom.leaflet-left,
body.ask-map-mode-3d:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) .leaflet-bottom.leaflet-right,
body.ask-map-mode-3d:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #locate-me-btn-bottom,
body.ask-map-mode-3d:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #askbase-north-btn-bottom {
  z-index: 4900 !important;
}

/* Collapsed bottom sheet: lift map mode rail + compass just above the header strip */
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) .leaflet-bottom.leaflet-right {
  bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
  z-index: 5025 !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) .leaflet-bottom.leaflet-right {
  bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header-radar) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
}

/* Collapsed bottom sheet: lift geolocation (bottom-left) above the header strip */
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) .leaflet-bottom.leaflet-left {
  bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
  z-index: 5025 !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) .leaflet-bottom.leaflet-left {
  bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header-radar) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #locate-me-btn-bottom {
  z-index: 5025 !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #ask-map-ticker,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #askMapTickerToggle {
  --ask-map-ticker-bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
  bottom: var(--ask-map-ticker-bottom) !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) #ask-map-ticker,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) #askMapTickerToggle {
  --ask-map-ticker-bottom: calc(
    var(--ask-map-bottom-sheet-collapsed-header-radar) + var(--ask-map-bottom-sheet-collapsed-controls-gap)
    + env(safe-area-inset-bottom, 0px)
  ) !important;
  bottom: var(--ask-map-ticker-bottom) !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open:not(.askbase-bottom-sheet--collapsed)) #ask-map-ticker,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open:not(.askbase-bottom-sheet--collapsed)) #askMapTickerToggle {
  display: none !important;
}

/* Attribution "i" + phototag sit above the sheet (z 9k+/500k) — hide while any bottom sheet is open */
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #ask-map-attrib,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #ask-field-object-wrap,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open) #ask-field-object-btn {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #askMapModeRail,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) .ask-map-mode-rail,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) #askMapModeRail,
body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"]) .ask-map-mode-rail {
  top: var(--ask-map-right-rail-tools-top) !important;
  bottom: auto !important;
  z-index: 5025 !important;
}

body:has(#askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed) #askbase-north-btn-bottom {
  z-index: 5025 !important;
}

/* ===== Map glass dialogs (notice / confirm) ===== */
#askModal,
#cabinetNoticeModal {
  z-index: 100000 !important;
}

/* Profile root is z-index 500000 — same lift as cabinet #askModal. */
body.ask-app-mode-profile #askModal,
html.ask-boot-profile #askModal,
body.ask-app-mode-profile #cabinetNoticeModal,
html.ask-boot-profile #cabinetNoticeModal {
  z-index: 600500 !important;
}

.ask-map-glass-dialog.hidden {
  display: none;
}

.ask-map-glass-dialog {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.ask-map-glass-dialog__overlay {
  position: absolute;
  inset: 0;
  background: var(--ask-delete-backdrop-bg);
  backdrop-filter: var(--ask-delete-backdrop-blur);
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur);
}

.ask-map-glass-dialog__card {
  position: relative;
  z-index: 1;
  width: min(280px, calc(100vw - 32px));
  padding: 14px 14px 12px;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
}

.ask-map-glass-dialog__card::before {
  content: none;
}

.ask-map-glass-dialog__title {
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 5px;
}

.ask-map-glass-dialog__body {
  position: relative;
  z-index: 1;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(15, 23, 42, 0.65);
  margin-bottom: 10px;
  white-space: pre-line;
}

.ask-map-glass-dialog__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ask-map-glass-dialog__btn {
  height: 32px;
  min-width: 72px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}

.ask-map-glass-dialog__btn:hover {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.16);
  color: #0f172a;
}

.ask-map-glass-dialog__btn:active {
  transform: translateY(1px);
}

.ask-map-glass-dialog__btn--ghost {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.82);
  font-weight: 500;
}

.ask-map-glass-dialog__btn--ghost:hover {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.9);
}

/* === UNIFIED RIGHT MAP RAIL — single column, shared inset (final) === */
.leaflet-top.leaflet-right,
.leaflet-bottom.leaflet-right,
.leaflet-bottom.leaflet-left {
  margin: 0 !important;
}

.leaflet-top.leaflet-right {
  top: var(--ask-map-right-rail-tools-top) !important;
  right: var(--ask-map-right-rail-inset) !important;
}

/* Final bottom row: locate (left) + compass (right); 3D rail stacks above via --ask-map-mode-rail-bottom */
.leaflet-bottom.leaflet-left,
body.ask-map-mode-3d .leaflet-bottom.leaflet-left,
body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-left {
  bottom: var(--ask-map-bottom-controls-inset) !important;
  left: var(--ask-map-control-edge) !important;
}

.leaflet-bottom.leaflet-right,
body.ask-map-mode-3d .leaflet-bottom.leaflet-right,
body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-right {
  bottom: var(--ask-map-bottom-controls-inset) !important;
  right: var(--ask-map-control-edge) !important;
}

.leaflet-top.leaflet-right .leaflet-control,
.leaflet-bottom.leaflet-right .leaflet-control,
/* Left bottom stack: phototag above locate with shared rail gap. */
.leaflet-bottom.leaflet-left .leaflet-control {
  margin: 0 0 var(--ask-map-right-rail-gap) 0 !important;
}

/* Flush bottom row on BOTH sides (locate left, compass right) */
.leaflet-bottom.leaflet-left .leaflet-control:last-child,
.leaflet-bottom.leaflet-right .leaflet-control:last-child {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep compass/3D on the same edge inset as left stack */
#askbase-north-btn-bottom,
#askMapModeRail,
.ask-map-mode-rail {
  right: var(--ask-map-control-edge) !important;
}

.leaflet-top.leaflet-right .askbase-right-panel,
.askbase-right-panel {
  width: var(--ask-map-right-rail-width) !important;
  gap: var(--ask-map-right-rail-gap) !important;
  margin: 0 !important;
}

#askbaseTopSearch,
.askbase-top-search {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  gap: var(--ask-map-right-rail-gap) !important;
  right: var(--ask-map-right-rail-inset) !important;
  top: var(--ask-map-top-chrome-top) !important;
}

#askbaseTopSearch .askbase-geo-btn,
#askbaseTopSearch #top-search-btn,
#askbaseTopSearch #askbase-account-top-btn,
#askbaseTopSearch #askbase-userpoints-btn,
#askbaseTopSearch .askbase-account-top-btn,
.askbase-top-search .askbase-geo-btn,
.askbase-top-search #top-search-btn,
.askbase-top-search #askbase-account-top-btn,
.askbase-top-search #askbase-userpoints-btn,
.askbase-top-search .askbase-account-top-btn {
  width: var(--ask-map-right-rail-width) !important;
  height: var(--ask-map-right-rail-width) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.askbase-radar-clusters-block {
  right: var(--ask-map-right-rail-inset) !important;
  width: var(--ask-map-right-rail-width) !important;
  align-items: stretch !important;
}

.askbase-radar-clusters-block .askbase-geo-btn {
  width: var(--ask-map-right-rail-width) !important;
  height: var(--ask-map-right-rail-width) !important;
}

#askMapModeRail,
.ask-map-mode-rail {
  top: var(--ask-map-right-rail-tools-top) !important;
  bottom: auto !important;
  right: var(--ask-map-right-rail-inset) !important;
  z-index: 9200 !important;
}

#top-search-flyout.askbase-search-flyout {
  top: var(--ask-map-top-chrome-top) !important;
  right: calc(
    var(--ask-map-right-rail-inset)
    + var(--ask-mode-seg-width, 110px)
    + var(--ask-map-right-rail-gap)
    + 8px
  ) !important;
  left: auto !important;
  width: var(--ask-map-search-flyout-width, 228px) !important;
  max-width: min(var(--ask-map-search-flyout-width, 228px), calc(100vw - 120px)) !important;
}

/* Region filter — Sparkles/Heatmap map actions; region picker lives in left panel */
.ask-map-region-header {
  position: fixed;
  top: var(--ask-map-top-chrome-top);
  left: calc(12px + 38px + var(--ask-map-right-rail-gap));
  z-index: 9050;
  pointer-events: auto;
  width: auto;
  min-width: 72px;
  max-width: none;
}

.ask-map-region-header--viz-only {
  width: auto;
  min-width: 72px;
}

.ask-map-region-header__main {
  display: none !important;
}

.ask-map-region-picker {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: visible;
}

.ask-map-region-picker__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 36px;
  padding: 0 12px;
  margin: 0;
  border: none;
  border-radius: var(--ask-map-surface-radius);
  background: transparent;
  color: var(--ask-map-chrome-text-strong);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.ask-map-region-picker__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ask-map-region-picker__chevron {
  flex: 0 0 16px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15, 23, 42, 0.62);
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s ease;
}

.ask-map-region-picker__chevron svg {
  width: 16px;
  height: 16px;
  display: block;
}

.ask-map-region-picker.is-open .ask-map-region-picker__chevron {
  transform: rotate(180deg);
  color: rgba(15, 23, 42, 0.84);
}

.ask-map-region-picker__trigger:hover {
  background: var(--ask-map-chrome-chip-hover-bg);
}

.ask-map-region-picker__trigger:focus,
.ask-map-region-picker__option:focus {
  outline: none;
  box-shadow: none;
}

.ask-map-region-picker__trigger:focus-visible,
.ask-map-region-picker__option:focus-visible {
  outline: 2px solid rgba(15, 23, 42, 0.18);
  outline-offset: 2px;
}

.ask-map-region-picker__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 9400;
  max-height: min(60vh, 420px);
  overflow: auto;
  padding: 8px;
  border-radius: var(--ask-map-surface-radius);
  background: var(--ask-map-surface-glass-bg);
  border: 0.5px solid var(--ask-map-surface-glass-border);
  box-shadow: var(--ask-map-surface-glass-shadow);
  backdrop-filter: var(--ask-map-surface-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur);
  scrollbar-width: thin;
  scrollbar-color: var(--ask-map-scrollbar-thumb) transparent;
  box-sizing: border-box;
}

.ask-map-region-picker__menu:not([hidden]) {
  display: block;
}

.ask-map-region-picker__menu::-webkit-scrollbar {
  width: var(--ask-map-scrollbar-size);
  height: var(--ask-map-scrollbar-size);
}

.ask-map-region-picker__menu::-webkit-scrollbar-track {
  background: transparent;
}

.ask-map-region-picker__menu::-webkit-scrollbar-thumb {
  background: var(--ask-map-scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.ask-map-region-picker__menu::-webkit-scrollbar-thumb:hover {
  background: var(--ask-map-scrollbar-thumb-hover);
  border: 2px solid transparent;
  background-clip: padding-box;
}

.ask-map-region-picker__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 8px 10px;
  margin: 0;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: var(--ask-map-chrome-text);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
}

.ask-map-region-picker__option-text {
  flex: 1 1 auto;
  min-width: 0;
}

.ask-map-region-picker__check {
  flex: 0 0 14px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23D9B85F' stroke-width='1.1'/%3E%3Cpath fill='none' stroke='%23B8860B' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' d='M5.2 8.2 7 10.1 11.2 5.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.ask-map-region-picker__option:hover {
  background: var(--ask-map-chrome-chip-hover-bg);
  color: var(--ask-map-chrome-text-strong);
}

.ask-map-region-picker__option.is-active {
  background: rgba(217, 184, 95, 0.14);
  color: var(--ask-map-chrome-text-strong);
}

.ask-map-region-picker__option.is-active .ask-map-region-picker__check {
  opacity: 1;
}

.ask-map-region-header__select--native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ask-map-region-header__viz-tools {
  position: relative;
  top: auto;
  left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  width: auto;
  min-width: 72px;
}

.ask-map-region-header__viz-tools--map-actions {
  min-width: 72px;
}

body.ask-map-ui-profile-helsinki .ask-map-region-header__viz-tools {
  min-width: 72px;
}

.ask-map-favorites-viz-btn,
.ask-map-hot-viz-btn {
  display: inline-flex;
}

.ask-map-favorites-viz-btn__icon {
  font-size: 16px;
  line-height: 1;
  color: rgba(15, 23, 42, 0.84);
}

.ask-map-favorites-viz-btn.askbase-pill--active .ask-map-favorites-viz-btn__icon,
.ask-map-favorites-viz-btn[aria-pressed="true"] .ask-map-favorites-viz-btn__icon {
  color: #b45309;
}

.ask-map-hot-viz-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15, 23, 42, 0.84);
}

.ask-map-hot-viz-btn__icon .cabinet-hot-icon {
  width: 16px;
  height: 16px;
}

.ask-map-hot-viz-btn.askbase-pill--active .ask-map-hot-viz-btn__icon,
.ask-map-hot-viz-btn[aria-pressed="true"] .ask-map-hot-viz-btn__icon {
  color: #c2410c;
}

.ask-map-region-header__viz-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  font: inherit;
  line-height: 0;
  appearance: none;
  -webkit-appearance: none;
}

.ask-map-region-header__viz-btn .askbase-mode-icon {
  display: block;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

body.askbase-left-panel-open .ask-map-region-header {
  left: calc(16px + 274px + 12px);
}

#askMapRegionSelect.ask-map-region-header__select,
.ask-map-region-header #askMapRegionSelect {
  display: block;
  width: 100%;
  min-width: 196px;
  height: 36px;
  padding: 0 28px 0 12px;
  border-radius: 10px;
  border: none;
  background-color: transparent;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(15,23,42,0.62)' d='M6 8L1 3h10z'/%3E%3C/svg%3E"),
    var(--ask-map-btn-glass-bg);
  background-repeat: no-repeat, no-repeat;
  background-position: right 10px center, 0 0;
  backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
  box-shadow: none;
  color: var(--ask-map-chrome-text-strong);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  outline: none;
}

.ask-map-region-header #askMapRegionSelect:hover {
  border-color: var(--ask-map-chrome-hover-border);
}

.ask-map-region-header #askMapRegionSelect:focus,
.ask-map-region-header #askMapRegionSelect:focus-visible {
  border-color: var(--ask-map-chrome-hover-border);
  outline: 2px solid rgba(59, 130, 246, 0.28);
  outline-offset: 2px;
}

.ask-map-region-header #askMapRegionSelect option {
  background: rgba(248, 250, 252, 0.98);
  color: rgba(15, 23, 42, 0.92);
}

body.ask-map-chrome-collapsed #ask-map-region-header,
body.ask-map-mode-3d.ask-map-chrome-collapsed #ask-map-region-header {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* === MAP CHROME — light frosted floating controls === */
#panel-open-btn,
.askbase-panel-toggle,
.askbase-geo-btn,
.askbase-account-top-btn,
.ask-map-mode-current,
.askbase-radar-clusters-block .askbase-geo-btn,
.ask-map-region-header__viz-btn,
#askbaseTopSearch .askbase-geo-btn,
#askbaseTopSearch #top-search-btn,
#askbaseTopSearch #askbase-account-top-btn,
#askbaseTopSearch #askbase-userpoints-btn,
#top-search-btn,
#askbase-userpoints-btn,
#userpoints-toggle-btn:not(.askbase-up-switch-btn),
#askbase-ruler-btn,
#askbase-radar-btn,
#askbase-clusters-btn,
#askbase-urban-btn,
#askbase-expansion-btn,
#locate-me-btn-bottom,
#askbase-north-btn-bottom {
  background: var(--ask-map-btn-glass-bg) !important;
  border: 1px solid var(--ask-map-btn-glass-border) !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur) !important;
  color: var(--ask-map-chrome-text) !important;
  opacity: var(--ask-map-btn-icon-opacity) !important;
}

#panel-open-btn svg,
.askbase-geo-btn svg,
.askbase-account-top-btn svg,
.ask-map-mode-current svg,
.ask-map-region-header__viz-btn svg,
#top-search-btn svg,
#askbase-userpoints-btn svg {
  opacity: 0.92;
  filter: drop-shadow(0 0.5px 0 rgba(255, 255, 255, 0.65));
}

#panel-open-btn:hover,
.askbase-panel-toggle:hover,
.askbase-geo-btn:not(.askbase-up-switch-btn):hover,
.askbase-account-top-btn:hover,
.ask-map-mode-current:hover,
.ask-map-mode-current.is-open,
.askbase-radar-clusters-block .askbase-geo-btn:hover,
.ask-map-region-header__viz-btn:hover,
#top-search-btn:hover,
#askbase-account-top-btn:hover,
#askbase-userpoints-btn:hover,
#userpoints-toggle-btn:not(.askbase-up-switch-btn):hover,
#askbase-ruler-btn:hover,
#askbase-radar-btn:hover,
#askbase-clusters-btn:hover,
#askbase-urban-btn:hover,
#askbase-expansion-btn:hover,
#locate-me-btn-bottom:hover,
#askbase-north-btn-bottom:hover {
  background: var(--ask-map-btn-glass-bg-hover) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  border: 1px solid var(--ask-map-chrome-hover-border) !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: var(--ask-map-btn-icon-opacity-hover) !important;
}

.askbase-geo-btn.askbase-geo-btn--active:not(.askbase-up-switch-btn):not(.ask-map-agent__toggle):not(.ask-map-agent__send),
.askbase-radar-clusters-block .askbase-geo-btn.askbase-geo-btn--active,
#askbase-userpoints-btn.askbase-geo-btn--active,
#userpoints-toggle-btn:not(.askbase-up-switch-btn).askbase-geo-btn--active,
.ask-map-region-header__viz-btn.askbase-pill--active {
  background: var(--ask-map-btn-glass-bg-active) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  border: 0.5px solid var(--ask-map-chrome-hover-border) !important;
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
}

/* MapLibre 3d used to force no-blur + opaque white on chrome buttons, which
   diverged from Radar (#askbase-bottom-sheet uses surface-glass + live blur).
   Idle blur matches the sheet; pan/zoom still skips blur via .ask-map-interacting. */

/* Open search pill: keep loupe as inset icon, not a second glass button */
body.ask-map-mode-3d #askbaseTopSearch.is-search-open #top-search-btn,
body.ask-map-mode-3d #askbaseTopSearch.is-search-open #top-search-btn:hover,
body.ask-map-mode-3d:not(.ask-map-mode-earth) #askbaseTopSearch.is-search-open #top-search-btn,
body.ask-map-mode-3d:not(.ask-map-mode-earth) #askbaseTopSearch.is-search-open #top-search-btn:hover,
#askbaseTopSearch.is-search-open #top-search-btn.askbase-geo-btn,
#askbaseTopSearch.is-search-open #top-search-btn.askbase-geo-btn:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.ask-map-mode-3d #askbaseTopSearch.is-search-open #top-search-btn:hover,
#askbaseTopSearch.is-search-open #top-search-btn.askbase-geo-btn:hover {
  background: rgba(255, 255, 255, 0.42) !important;
}


.ask-map-mode-menu {
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  border-radius: var(--ask-map-surface-radius) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

.ask-map-mode-option {
  color: var(--ask-map-chrome-text) !important;
}

.ask-map-mode-option:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--ask-map-chrome-text) !important;
}

.ask-map-mode-option.is-active {
  background: var(--ask-map-chrome-active-bg) !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: none !important;
}

.ask-map-mode-option.is-active .ask-map-mode-icon,
.ask-map-mode-option:hover .ask-map-mode-icon {
  opacity: 0.88 !important;
}

.ask-map-mode-current::before,
.ask-map-mode-menu::before {
  background: linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)) !important;
}

/* === MAP CHROME — light frosted floating panels === */

/* Left layers panel — same surface as Radar / Clusters bottom sheet */
#askbase-panel.askbase-panel--layers-compact,
.askbase-panel.askbase-panel--layers-compact {
  --askbase-dd-bg: rgba(255, 255, 255, 0.96);
  --askbase-dd-border: 1px solid rgba(15, 23, 42, 0.08);
  --askbase-dd-color: #0f172a;
  --askbase-dd-hover-bg: rgba(15, 23, 42, 0.045);
  --askbase-dd-scrollbar-thumb: rgba(15, 23, 42, 0.18);

  border-radius: var(--ask-map-panel-radius, 22px) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  color: #0f172a !important;
}

.askbase-panel.askbase-panel--layers-compact::before {
  background: none !important;
  content: none !important;
}

.askbase-panel.askbase-panel--layers-compact .askbase-panel__title,
.askbase-panel.askbase-panel--layers-compact .askbase-layer-label,
.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-layer-label {
  color: #0f172a !important;
}

.askbase-panel.askbase-panel--layers-compact .askbase-panel__subtitle,
.askbase-panel.askbase-panel--layers-compact .askbase-panel__section-title {
  color: rgba(71, 85, 105, 0.88) !important;
}

.askbase-panel.askbase-panel--layers-compact .askbase-pill,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailSegmentBtn,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailCategoryBtn,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailBrandBtn,
.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail,
#osmRetailSegmentBtn,
#osmRetailCategoryBtn,
#osmRetailBrandBtn {
  background: transparent !important;
  border: none !important;
  color: rgba(15, 23, 42, 0.72) !important;
  box-shadow: none !important;
}

.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill {
  background: transparent !important;
  border: none !important;
  color: rgba(15, 23, 42, 0.72) !important;
  box-shadow: none !important;
}

.askbase-panel.askbase-panel--layers-compact .askbase-pill:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailSegmentBtn:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailCategoryBtn:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailFilters #osmRetailBrandBtn:hover,
.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--has-label:has(.askbase-pill--layer-osm-retail) .askbase-pill--layer-osm-retail:hover,
.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill:hover,
#osmRetailSegmentBtn:hover,
#osmRetailCategoryBtn:hover,
#osmRetailBrandBtn:hover {
  background: rgba(15, 23, 42, 0.045) !important;
  border: none !important;
  color: #0f172a !important;
}

.askbase-panel.askbase-panel--layers-compact .askbase-pill--active,
.askbase-panel.askbase-panel--layers-compact .askbase-pill--layer-osm-retail.askbase-pill--active,
.askbase-panel.askbase-panel--layers-compact
  .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill.askbase-pill--active {
  background: rgba(15, 23, 42, 0.06) !important;
  border: none !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

.askbase-panel.askbase-panel--layers-compact #askMapRegionSelect {
  background: var(--ask-map-chrome-chip-bg) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(15,23,42,0.62)' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 6px center !important;
  border: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#osmRetailSegmentDropdown label:hover,
#osmRetailCategoryDropdown label:hover,
#osmRetailBrandDropdown label:hover {
  background: var(--ask-map-chrome-dd-hover) !important;
}

/* Labels / filters flyout */
.askbase-userpoints-modes {
  border-radius: var(--ask-map-surface-radius) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

/* Earth: Labels/Filters panel = same glass as Radar bottom sheet */
body.ask-map-mode-earth .askbase-userpoints-modes,
body.ask-map-mode-earth #askbase-userpoints-modes {
  --ask-earth-sheet-blur: blur(12px);
  --ask-earth-sheet-fill: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  --ask-earth-sheet-border: rgba(255, 255, 255, 0.08);
  --ask-earth-sheet-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  background: var(--ask-earth-sheet-fill) !important;
  border: 1px solid var(--ask-earth-sheet-border) !important;
  box-shadow: var(--ask-earth-sheet-shadow) !important;
  backdrop-filter: var(--ask-earth-sheet-blur) !important;
  -webkit-backdrop-filter: var(--ask-earth-sheet-blur) !important;
  border-radius: var(--ask-map-panel-radius, 22px) !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

body.ask-map-mode-earth .askbase-userpoints-modes::before {
  background: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0)) !important;
  border-radius: var(--ask-map-panel-radius, 22px) var(--ask-map-panel-radius, 22px) 0 0 !important;
}

body.ask-map-mode-earth .askbase-userpoints-group-title {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth .askbase-userpoints-group + .askbase-userpoints-group {
  border-top-color: rgba(255, 255, 255, 0.10) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode,
body.ask-map-mode-earth .askbase-userpoints-group-chip {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(248, 250, 252, 0.92) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode:hover,
body.ask-map-mode-earth .askbase-userpoints-group-chip:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode--active,
body.ask-map-mode-earth .askbase-userpoints-mode.askbase-userpoints-mode--active {
  background: rgba(255, 255, 255, 0.20) !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

/* Status chips on dark glass — keep tint, lift text */
body.ask-map-mode-earth .askbase-userpoints-mode--status-new,
body.ask-map-mode-earth .askbase-userpoints-mode--status-new:hover,
body.ask-map-mode-earth .askbase-userpoints-mode--status-new.askbase-userpoints-mode--active {
  color: rgba(253, 230, 138, 0.95) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode--status-processing,
body.ask-map-mode-earth .askbase-userpoints-mode--status-processing:hover,
body.ask-map-mode-earth .askbase-userpoints-mode--status-processing.askbase-userpoints-mode--active {
  color: rgba(187, 247, 208, 0.95) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode--status-waiting,
body.ask-map-mode-earth .askbase-userpoints-mode--status-waiting:hover,
body.ask-map-mode-earth .askbase-userpoints-mode--status-waiting.askbase-userpoints-mode--active {
  color: rgba(191, 219, 254, 0.95) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode--status-done,
body.ask-map-mode-earth .askbase-userpoints-mode--status-done:hover,
body.ask-map-mode-earth .askbase-userpoints-mode--status-done.askbase-userpoints-mode--active {
  color: rgba(254, 202, 202, 0.95) !important;
}

body.ask-map-mode-earth .askbase-userpoints-mode--status-archived,
body.ask-map-mode-earth .askbase-userpoints-mode--status-archived:hover,
body.ask-map-mode-earth .askbase-userpoints-mode--status-archived.askbase-userpoints-mode--active {
  color: rgba(226, 232, 240, 0.82) !important;
}

.askbase-userpoints-modes::before {
  background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) !important;
}

.askbase-userpoints-group-title {
  color: var(--ask-map-chrome-text) !important;
}

.askbase-userpoints-group + .askbase-userpoints-group {
  border-top-color: var(--ask-map-chrome-divider) !important;
}

.askbase-userpoints-mode,
.askbase-userpoints-group-chip {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

.askbase-userpoints-mode:hover,
.askbase-userpoints-group-chip:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  border-color: transparent !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-userpoints-mode--active,
.askbase-userpoints-mode.askbase-userpoints-mode--active {
  background: var(--ask-map-chrome-active-bg) !important;
  border-color: transparent !important;
  color: var(--ask-map-chrome-text-strong) !important;
  box-shadow: none !important;
}

/* Status chips — cabinet badge palette (ASK_LISTING_STATUS_COLORS). Beat generic chip/active. */
.askbase-userpoints-mode--status-new,
.askbase-userpoints-mode--status-new:hover,
.askbase-userpoints-mode--status-new.askbase-userpoints-mode--active {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.78) !important;
  box-shadow: none !important;
  filter: none !important;
}

.askbase-userpoints-mode--status-processing,
.askbase-userpoints-mode--status-processing:hover,
.askbase-userpoints-mode--status-processing.askbase-userpoints-mode--active {
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.78) !important;
  box-shadow: none !important;
  filter: none !important;
}

.askbase-userpoints-mode--status-waiting,
.askbase-userpoints-mode--status-waiting:hover,
.askbase-userpoints-mode--status-waiting.askbase-userpoints-mode--active {
  background: rgba(96, 165, 250, 0.12) !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.78) !important;
  box-shadow: none !important;
  filter: none !important;
}

.askbase-userpoints-mode--status-done,
.askbase-userpoints-mode--status-done:hover,
.askbase-userpoints-mode--status-done.askbase-userpoints-mode--active {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.78) !important;
  box-shadow: none !important;
  filter: none !important;
}

.askbase-userpoints-mode--status-archived,
.askbase-userpoints-mode--status-archived:hover,
.askbase-userpoints-mode--status-archived.askbase-userpoints-mode--active {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.72) !important;
  box-shadow: none !important;
  filter: none !important;
}

.askbase-userpoints-mode--status-new.askbase-userpoints-mode--active {
  background: rgba(245, 158, 11, 0.22) !important;
}
.askbase-userpoints-mode--status-processing.askbase-userpoints-mode--active {
  background: rgba(34, 197, 94, 0.2) !important;
}
.askbase-userpoints-mode--status-waiting.askbase-userpoints-mode--active {
  background: rgba(96, 165, 250, 0.2) !important;
}
.askbase-userpoints-mode--status-done.askbase-userpoints-mode--active {
  background: rgba(239, 68, 68, 0.2) !important;
}
.askbase-userpoints-mode--status-archived.askbase-userpoints-mode--active {
  background: rgba(148, 163, 184, 0.22) !important;
}

/* Tools row inside labels panel — same chip language as Type/Layer */
.askbase-userpoints-modes .askbase-userpoints-tools-row {
  gap: 6px !important;
}

.askbase-userpoints-modes .askbase-ruler-modes {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

.askbase-userpoints-modes .askbase-ruler-modes::before {
  display: none !important;
  content: none !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn,
.askbase-userpoints-modes .askbase-ruler-mode {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--ask-map-chrome-chip-bg) !important;
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}

/* Compact on/off switch for labels visibility — never inherit glass/warm chrome */
.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn,
.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn:hover,
.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn.askbase-geo-btn--active,
.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn.askbase-geo-btn--off {
  width: 34px !important;
  min-width: 34px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  outline: none !important;
  opacity: 1 !important;
  color: inherit !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn .askbase-up-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: none !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn .askbase-up-switch__track {
  position: relative;
  display: block;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.14);
  box-shadow: none;
  filter: none;
  transition: background 0.15s ease;
}

.askbase-userpoints-modes #userpoints-toggle-btn .askbase-up-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.22);
  filter: none !important;
  transition: transform 0.15s ease;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-geo-btn--active .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.55) !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-geo-btn--active .askbase-up-switch__thumb {
  transform: translateX(14px);
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-geo-btn--off:not(.askbase-geo-btn--active) .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.10);
  opacity: 1;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn:hover .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.18);
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn.askbase-geo-btn--active:hover .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.62) !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn svg,
.askbase-userpoints-modes .askbase-ruler-mode svg,
.askbase-userpoints-modes .askbase-ruler-mode-icon {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  filter: none !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn:hover,
.askbase-userpoints-modes .askbase-ruler-mode:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn:hover {
  background: transparent !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn:hover .askbase-up-switch__track {
  background: rgba(15, 23, 42, 0.18);
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-geo-btn--active,
.askbase-userpoints-modes .askbase-ruler-mode--active {
  background: var(--ask-map-chrome-active-bg) !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-up-switch-btn.askbase-geo-btn--active {
  background: transparent !important;
}

.askbase-userpoints-modes #userpoints-toggle-btn.askbase-geo-btn--off:not(.askbase-geo-btn--active) {
  background: transparent !important;
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

.askbase-userpoints-group-chip input[type="checkbox"] {
  border-color: rgba(15, 23, 42, 0.18) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}

.askbase-userpoints-group-chip input[type="checkbox"]:checked {
  border-color: rgba(59, 130, 246, 0.42) !important;
  background: rgba(59, 130, 246, 0.14) !important;
}

.askbase-userpoints-group-chip input[type="checkbox"]::after {
  background: rgba(37, 99, 235, 0.88) !important;
}

/* ===== Labels / measurements filter panel — mobile (layout + cover only; keep desktop look) ===== */
@media (max-width: 720px) {
  .askbase-userpoints-modes {
    width: auto !important;
    max-width: none !important;
    left: 12px;
    right: 12px;
    /* Keep original desktop visual tokens (padding/radius/chips) */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  .askbase-userpoints-modes.askbase-userpoints-modes--open {
    z-index: 9600 !important;
  }

  .askbase-userpoints-modes-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9550;
    background: var(--ask-delete-backdrop-bg);
    backdrop-filter: var(--ask-delete-backdrop-blur);
    -webkit-backdrop-filter: var(--ask-delete-backdrop-blur);
    pointer-events: auto;
  }

  .askbase-userpoints-modes-backdrop.askbase-userpoints-modes-backdrop--open {
    display: block;
  }

  /* Keep the open control above the dimmer so it can toggle close */
  body.ask-userpoints-modes-mobile-open #askbase-userpoints-btn {
    position: relative;
    z-index: 9650 !important;
  }
}



/* Ruler mode picker */
.askbase-ruler-modes {
  border-radius: var(--ask-map-surface-radius) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

.askbase-ruler-modes::before {
  background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) !important;
}

.askbase-ruler-mode {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

.askbase-ruler-mode:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  border-color: transparent !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-ruler-mode--active {
  background: var(--ask-map-chrome-chip-active-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
  box-shadow: none !important;
}

/* Search flyout */
#top-search-flyout.askbase-search-flyout {
  --ask-map-top-search-block-width: calc(
    var(--ask-map-right-rail-width) * 2 + var(--ask-map-right-rail-gap)
  );
  --ask-map-search-flyout-width: 228px;
  position: fixed !important;
  top: var(--ask-map-top-chrome-top) !important;
  right: calc(
    var(--ask-map-right-rail-inset)
    + var(--ask-map-top-search-block-width)
    + 48px
  ) !important;
  left: auto !important;
  width: var(--ask-map-search-flyout-width) !important;
  max-width: min(var(--ask-map-search-flyout-width), calc(100vw - 120px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: auto !important;
  flex: none !important;
  gap: 0 !important;
  padding: 3px !important;
  border-radius: 12px !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  z-index: 9048 !important;
  overflow: hidden !important;
}

#top-search-flyout .askbase-search-flyout__row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 2px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.44) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

#top-search-flyout #search-input {
  flex: 1 1 auto !important;
  display: block !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 4px 0 9px !important;
  border-radius: 9px 0 0 9px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
  font-size: 12px !important;
}

#top-search-flyout #search-input::placeholder {
  color: rgba(15, 23, 42, 0.40) !important;
}

#top-search-flyout #search-input:focus {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#top-search-flyout #search-submit-btn,
#top-search-flyout .askbase-search-flyout__submit {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: rgba(15, 23, 42, 0.62) !important;
  box-shadow: none !important;
}

#top-search-flyout #search-submit-btn:hover,
#top-search-flyout .askbase-search-flyout__submit:hover {
  background: rgba(255, 255, 255, 0.52) !important;
  color: rgba(15, 23, 42, 0.88) !important;
}

#top-search-flyout #search-status,
#top-search-flyout #search-status:empty,
#askbaseTopSearch.is-search-open #top-search-flyout #search-status {
  display: none !important;
}

/* Bottom sheets — Radar / Clusters / Urban / Expansion */
#askbase-bottom-sheet,
.askbase-bottom-sheet {
  border-radius: var(--ask-map-panel-radius) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

/* Region picker open-surface chrome retired with floating header */

#askbase-bottom-sheet::before,
.askbase-bottom-sheet::before,
.ask-map-region-picker.is-open:not(.ask-map-region-picker--in-panel)::before {
  content: none !important;
  display: none !important;
}

#askbase-bottom-sheet::after,
.askbase-bottom-sheet::after {
  content: none !important;
}

.ask-map-region-picker__trigger:hover,
.ask-map-region-picker__option:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.ask-map-region-picker__option.is-active {
  background: rgba(217, 184, 95, 0.14) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-bottom-sheet__title,
.market-listing-details-drawer-title,
.market-listing-details-drawer-section-title {
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-bottom-sheet__subtitle,
.market-listing-details-drawer-row span {
  color: var(--ask-map-chrome-text) !important;
}

.market-listing-details-drawer-row b {
  color: var(--ask-map-chrome-text-strong) !important;
}

.market-listing-details-drawer-row,
.market-listing-details-drawer-section {
  border-color: var(--ask-map-chrome-divider) !important;
}

.askbase-bottom-sheet__close,
.askbase-sheet-collapse-btn,
.askbase-panel__close,
.market-listing-panel__close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

.askbase-bottom-sheet__close-icon,
.askbase-bottom-sheet__close-icon svg,
.askbase-panel__close-icon,
.askbase-panel__close-icon svg,
.askbase-sheet-collapse-btn__icon,
.askbase-sheet-collapse-btn__icon svg {
  color: inherit !important;
}

.askbase-bottom-sheet__close:hover,
.askbase-sheet-collapse-btn:hover,
.askbase-panel__close:hover,
.market-listing-panel__close:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
}

.askbase-bottom-sheet .askbase-pill,
.askbase-bottom-sheet label.askbase-pill,
.askbase-bottom-sheet .askbase-radar-radius-pill,
#askbase-bottom-sheet .askbase-pill,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban label.askbase-pill,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select,
#radar-panel-view .radar-controls .askbase-radar-radius-pill {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

.askbase-bottom-sheet .askbase-pill:hover,
.askbase-bottom-sheet label.askbase-pill:hover,
.askbase-bottom-sheet .askbase-radar-radius-pill:hover,
#askbase-bottom-sheet .askbase-pill:hover,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill:hover,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban label.askbase-pill:hover,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select:hover,
#radar-panel-view .radar-controls .askbase-radar-radius-pill:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  border-color: transparent !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-bottom-sheet .askbase-pill--active,
.askbase-bottom-sheet .askbase-radar-radius-pill--active,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill--active,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban > button[data-mode].active,
#radar-panel-view .radar-controls .askbase-radar-radius-pill--active {
  background: rgba(217, 184, 95, 0.22) !important;
  border: none !important;
  color: #92400e !important;
  box-shadow: none !important;
}

.askbase-radar-radius-pills {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
}

.askbase-bottom-sheet select,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-bottom-sheet select option,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban select.askbase-pill option,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select option {
  background: rgba(248, 250, 252, 0.98) !important;
  color: rgba(15, 23, 42, 0.92) !important;
}

#askbase-bottom-sheet .askbase-result-card tr {
  background: rgba(255, 255, 255, 0.06) !important;
}

#askbase-bottom-sheet .askbase-result-card tr:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

#askbase-bottom-sheet .askbase-result-card td {
  color: var(--ask-map-chrome-text) !important;
}

#askbase-bottom-sheet .askbase-result-card td:first-child {
  color: var(--ask-map-chrome-text-strong) !important;
}

#askbase-bottom-sheet .askbase-result-card td:last-child,
#askbase-bottom-sheet .askbase-result-card td[data-value] {
  color: rgba(180, 83, 9, 0.92) !important;
}

/* Market listing side panel */
.market-listing-panel__sheet,
.market-listing-panel__list-section {
  border-radius: var(--ask-map-panel-radius) !important;
  background: var(--ask-map-panel-glass-bg) !important;
  border: 0.5px solid var(--ask-map-panel-glass-border) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
  backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur) !important;
}

.market-listing-panel__sheet::before {
  background: linear-gradient(rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0)) !important;
}

.market-listing-panel__list-titlebar,
.market-listing-panel__title,
.market-listing-panel__list-title {
  color: var(--ask-map-chrome-text) !important;
}

.market-listing-panel__sheet {
  scrollbar-color: rgba(148, 163, 184, 0.12) transparent !important;
}

.market-listing-panel__sheet::-webkit-scrollbar-thumb,
.market-listing-panel__list::-webkit-scrollbar-thumb,
.mlp__stage::-webkit-scrollbar-thumb,
.mlp__rail-list::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.10) !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
}

.market-listing-panel__sheet::-webkit-scrollbar-thumb:hover,
.market-listing-panel__list::-webkit-scrollbar-thumb:hover,
.mlp__stage::-webkit-scrollbar-thumb:hover,
.mlp__rail-list::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.22) !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
}

/* LEGACY list-item chrome-chip tails disabled — mlp picks */

/* Add-marker modal — light delete/viewer (override any glass chrome) */
.askbase-marker-create-modal__backdrop {
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35)) !important;
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
}

.askbase-marker-create-modal__dialog {
  background: var(--ask-delete-card-bg, #ffffff) !important;
  border: var(--ask-delete-card-border, 0) !important;
  border-radius: var(--ask-delete-card-radius, 14px) !important;
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82)) !important;
}

.askbase-marker-create-modal__title {
  color: var(--ask-delete-title-color, #0f172a) !important;
}

.askbase-marker-create-modal__subtitle {
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65)) !important;
}

.askbase-marker-create-modal__label {
  color: var(--ask-delete-label-color, rgba(15, 23, 42, 0.62)) !important;
}

.askbase-marker-create-modal__input,
.askbase-marker-create-modal__textarea,
.askbase-marker-create-modal__select {
  background: var(--ask-delete-input-bg, #ffffff) !important;
  border: 1px solid var(--ask-delete-input-border, rgba(15, 23, 42, 0.12)) !important;
  border-radius: var(--ask-delete-input-radius, 14px) !important;
  color: var(--ask-delete-title-color, #0f172a) !important;
}

.askbase-marker-create-modal__btn {
  background: var(--ask-delete-neutral-bg, rgba(255, 255, 255, 0.72)) !important;
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08)) !important;
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82)) !important;
}

.askbase-marker-create-modal__btn:hover:not(:disabled) {
  background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04)) !important;
  border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12)) !important;
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82)) !important;
}

.askbase-marker-create-modal__btn--primary {
  background: var(--ask-action-bg, rgba(255, 255, 255, 0.72)) !important;
  border-color: var(--ask-action-border, rgba(15, 23, 42, 0.82)) !important;
  color: var(--ask-action-text, rgba(15, 23, 42, 0.82)) !important;
  font-weight: var(--ask-action-weight, 650) !important;
}

.askbase-marker-create-modal__btn--primary:hover:not(:disabled) {
  background: var(--ask-action-hover-bg, rgba(15, 23, 42, 0.04)) !important;
  border-color: var(--ask-action-hover-border, rgba(15, 23, 42, 0.12)) !important;
}

/* === Radar panel — readable header + iOS glass cards === */
#radar-panel-view .radar-title,
#expansion-panel-view .expansion-title,
#radar-panel-view .askbase-bottom-sheet__title {
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
}

#radar-panel-view .radar-metrics {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

#radar-results-grid .radar-card {
  background: var(--ask-map-panel-card-bg) !important;
  border: 0.5px solid var(--ask-map-panel-card-border) !important;
  box-shadow: var(--ask-map-panel-card-shadow) !important;
  backdrop-filter: var(--ask-map-panel-card-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-card-blur) !important;
}

#radar-results-grid .radar-card:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

#radar-results-grid .radar-card--level1 {
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(217, 184, 95, 0.30) !important;
  box-shadow:
    var(--ask-map-panel-card-shadow),
    inset 0 0 0 1px rgba(217, 184, 95, 0.12) !important;
}

#radar-results-grid .radar-card--level1 .radar-card__title {
  color: rgba(146, 64, 14, 0.94) !important;
}

#radar-results-grid .radar-card--level2 .radar-card__title,
#radar-results-grid .radar-card--level3 .radar-card__title,
#radar-results-grid .radar-card__title {
  color: var(--ask-map-chrome-text-strong) !important;
}

#radar-results-grid .radar-card__meta,
#radar-results-grid .radar-metric-box__label,
#radar-results-grid .radar-structure-kpi__label,
#radar-results-grid .radar-structure-context,
#radar-results-grid .radar-urban-table > div:first-child,
#radar-results-grid .radar-urban-table > div:nth-child(2),
#radar-results-grid .radar-demand-scenario__label,
#radar-results-grid .radar-demand-meta-lines,
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label,
#radar-results-grid .radar-demand-footer,
#radar-results-grid .radar-demand-footer__text,
#radar-results-grid .radar-demand-footer__row,
#radar-results-grid .radar-demand-drivers--pending,
#radar-results-grid .radar-table--structure th,
#radar-results-grid .radar-traffic-row__label {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

#radar-results-grid .radar-ui-icon,
#radar-results-grid .radar-metric-box__icon .radar-ui-icon,
#radar-results-grid .radar-demand-driver-row__icon .radar-ui-icon,
#radar-results-grid .radar-demand-footer__icon .radar-ui-icon,
#radar-results-grid .radar-traffic-row__icon .radar-ui-icon {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

#radar-results-grid .radar-ui-icon path,
#radar-results-grid .radar-ui-icon circle,
#radar-results-grid .radar-ui-icon rect,
#radar-results-grid .radar-ui-icon line {
  stroke-width: 1.75;
}

#radar-results-grid .radar-metric-box__icon,
#radar-results-grid .radar-demand-driver-row__icon,
#radar-results-grid .radar-demand-footer__icon {
  opacity: 1 !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

#radar-results-grid .radar-metric-box__value,
#radar-results-grid .radar-structure-kpi__value,
#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__value,
#radar-results-grid .radar-urban-table td {
  color: var(--ask-map-chrome-text-strong) !important;
}

#radar-results-grid .radar-metric-box,
#radar-results-grid .radar-demand-scenario,
#radar-results-grid .radar-demand-driver-list,
#radar-results-grid .radar-table--structure tbody tr,
#radar-results-grid .radar-table--structure tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

#radar-results-grid .radar-demand-scenario--base {
  background: rgba(254, 243, 199, 0.18) !important;
  border-color: rgba(217, 184, 95, 0.28) !important;
}

#radar-results-grid .radar-demand-scenario--base .radar-demand-scenario__label {
  color: rgba(146, 64, 14, 0.88) !important;
}

#radar-results-grid .radar-demand-scenario__value,
#radar-results-grid .radar-traffic-row__value,
#radar-results-grid .radar-urban-table td:last-child,
#radar-results-grid .radar-table--structure td:last-child {
  color: rgba(161, 98, 7, 0.94) !important;
}

#radar-results-grid .radar-demand-scenario__value--muted {
  color: var(--ask-map-chrome-text) !important;
}

#radar-results-grid .radar-demand-footer {
  border-top-color: var(--ask-map-chrome-divider) !important;
  opacity: 1 !important;
}

#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label {
  opacity: 1 !important;
}

#radar-results-grid .radar-demand-driver-list .radar-demand-driver-row {
  border-bottom-color: var(--ask-map-chrome-divider) !important;
}

#radar-results-grid .radar-table--structure th {
  border-bottom-color: var(--ask-map-chrome-divider) !important;
}

#radar-results-grid .radar-table th {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
  border-bottom-color: var(--ask-map-chrome-divider) !important;
}

#radar-results-grid .radar-table td {
  color: var(--ask-map-chrome-text-strong) !important;
  border-bottom-color: var(--ask-map-chrome-divider) !important;
}

#radar-results-grid .radar-brands__name,
#radar-results-grid .radar-mix__name {
  color: var(--ask-map-chrome-text-strong) !important;
}

#radar-results-grid .radar-brands__name {
  font-weight: 400 !important;
}

#radar-results-grid .radar-table--mix th:first-child,
#radar-results-grid .radar-table--brands th:first-child {
  font-weight: 600 !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#radar-results-grid .radar-table-th-count {
  font-weight: 500 !important;
  color: var(--ask-map-chrome-text) !important;
  opacity: 0.78 !important;
}

#radar-results-grid .radar-table-th-total {
  font-weight: 700 !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#radar-results-grid .radar-table--mix th.radar-table-th-sum,
#radar-results-grid .radar-table--brands th.radar-table-th-sum {
  font-weight: 600 !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

/* === MATTE GLASS — full map UI unification === */

/* Bottom-sheet headers — all analytics modes */
#radar-panel-view .radar-title,
#clusters-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
#urban-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
#expansion-panel-view .expansion-title,
#expansion-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
#expansion-panel-view .expansion-card h4,
.urban-v2-shell__title {
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#radar-panel-view .radar-metrics,
.urban-v2-shell__subtitle,
.urban-v2-shell__muted,
#expansion-panel-view .expansion-muted,
#expansion-panel-view .expansion-market-count,
#expansion-panel-view .expansion-price-legend__meta,
#expansion-panel-view .expansion-price-legend__title {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

/* Shared inner cards — Radar / Clusters / Urban / Expansion (filters card stays glass-naked) */
#clusters-panel-view .clusters-results-dashboard .clusters-card,
#askbase-bottom-sheet #clusters-details .clusters-card,
#expansion-panel-view .expansion-card,
#expansion-panel-view .expansion-card--placeholder,
#expansion-panel-view .expansion-card.expansion-card--listings-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure,
.urban-v2-selected-card,
#askbase-bottom-sheet .askbase-result-card,
.askbase-bottom-sheet .askbase-result-card {
  background: var(--ask-map-panel-card-bg) !important;
  border: 0.5px solid var(--ask-map-panel-card-border) !important;
  box-shadow: var(--ask-map-panel-card-shadow) !important;
  backdrop-filter: var(--ask-map-panel-card-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-card-blur) !important;
}

/* Filters: no nested card under the glass panel (wins over shared .expansion-card above). */
#expansion-panel-view .expansion-card.expansion-card--listings-filters,
#expansion-panel-view .expansion-card.expansion-card--market-structure,
#expansion-panel-view .expansion-card.expansion-card--selected-hex,
#expansion-panel-view .expansion-card.expansion-card--smart-clusters {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

#clusters-panel-view .clusters-results-dashboard .clusters-card__title,
#clusters-panel-view .clusters-results-dashboard .clusters-subsection__title,
#clusters-panel-view .clusters-results-dashboard .clusters-recommendation-title,
#clusters-panel-view .clusters-results-dashboard .clusters-metric-row__value,
#clusters-panel-view .clusters-results-dashboard .clusters-signal-row__text,
#clusters-panel-view .clusters-results-dashboard .cluster-kpi-main,
#askbase-bottom-sheet #clusters-details .clusters-card__title,
.urban-v2-selected-card .urban-v2-details__row-value,
.urban-v2-selected-card .urban-v2-details__meta-item,
.urban-v2-selected-card .urban-v2-details__title,
#expansion-panel-view .expansion-market-results__title,
#expansion-panel-view .expansion-market-results__price,
#expansion-panel-view .expansion-market-results__title-inner {
  color: var(--ask-map-chrome-text-strong) !important;
}

#clusters-panel-view .clusters-results-dashboard .clusters-metric-row__label,
#clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
.urban-v2-selected-card .urban-v2-details__row-label,
.urban-v2-selected-card .urban-v2-details__meta-item span,
.urban-v2-selected-card .urban-v2-details__section-title,
#expansion-panel-view .expansion-market-results__meta,
#expansion-panel-view .expansion-market-results__location,
#expansion-panel-view .expansion-market-results__empty {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

/* Clusters dashboard — force dark readable text on light glass (beat dark-theme leftovers) */
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 4px 14px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  color: rgba(15, 23, 42, 0.88) !important;
}

#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card__title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card__title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-recommendation-title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-recommendation-title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__value,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__value,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-kpi-main,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-kpi-main,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-main,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-main,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-card__title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-card__title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-decision-main,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-decision-main,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block--clusters-panel .clusters-card__title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metric strong,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metric strong,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-item,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-brand-roster-item,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__list--compact li,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__list--compact li,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__note--compact,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__note--compact,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__list li,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__list li,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__note,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__note,
#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-value,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-value {
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-subsection__title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-subsection__title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__label,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__label,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__label,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__label,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-metric,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-metric,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-note,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-note,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-decision-note,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-decision-note,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-signal-row__text,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-signal-row__text,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metrics-title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metrics-title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metric span,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metric span,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__section-title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__section-title,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__label,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__label,
#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-title,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-title,
#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-ticks,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-ticks,
#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-ticks span,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-ticks span {
  color: rgba(15, 23, 42, 0.62) !important;
  opacity: 1 !important;
}

/* Market balance bars — visible track on light glass (white-on-white was invisible) */
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__bar {
  background: rgba(15, 23, 42, 0.10) !important;
}
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar > span,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__bar > span {
  background: linear-gradient(90deg, #7da7d9 0%, #8b5cf6 100%) !important;
}

#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-chip,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-chip,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--decision .clusters-chip,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--decision .clusters-chip {
  color: rgba(15, 23, 42, 0.88) !important;
  background: rgba(99, 102, 241, 0.10) !important;
  border: 1px solid rgba(99, 102, 241, 0.28) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-item,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-brand-roster-item {
  background: rgba(15, 23, 42, 0.04) !important;
}

#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row,
#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale,
#askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metrics-title,
#askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metrics-title {
  border-color: rgba(15, 23, 42, 0.08) !important;
}

#askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-marker,
#askbase-bottom-sheet #clusters-details .cluster-inline-scale-marker {
  background: rgba(15, 23, 42, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}

#expansion-panel-view .expansion-market-results__item {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
  border-radius: 14px !important;
}

#expansion-panel-view .expansion-market-results__item:hover {
  background: rgba(15, 23, 42, 0.05) !important;
  border: none !important;
}

#expansion-panel-view .expansion-market-results__item.is-active {
  background: rgba(37, 99, 235, 0.08) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#expansion-panel-view.is-market-select .expansion-market-results__item.is-market-selected,
#expansion-panel-view.is-market-select .expansion-market-results__item.is-market-selected:hover,
#expansion-panel-view.is-market-select .expansion-market-results__item.is-market-selected.is-active {
  background:
    linear-gradient(180deg, rgba(255, 252, 240, 0.98), rgba(248, 242, 218, 0.72)) !important;
  border-color: rgba(217, 184, 95, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(217, 184, 95, 0.34),
    inset 0 1px 0 rgba(255, 252, 240, 0.9),
    0 1px 2px rgba(120, 83, 20, 0.05) !important;
}

#expansion-panel-view .expansion-market-results__thumb {
  background: #eef1f5 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

#expansion-panel-view .expansion-header-scale-select,
#expansion-panel-view .expansion-header-analytics-select,
#urban-panel-view .urban-v2-conf-pill,
#clusters-panel-view .clusters-minscore-pill,
#clusters-panel-view .clusters-opacity-pill {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

#expansion-panel-view .expansion-market-sort {
  background-color: transparent !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: none !important;
}

#expansion-panel-view .expansion-market-sort option,
#expansion-panel-view select option,
#urban-panel-view select option {
  background: rgba(248, 250, 252, 0.98) !important;
  color: rgba(15, 23, 42, 0.92) !important;
}

/* Retail filter dropdowns */
#osmRetailSegmentDropdown,
#osmRetailCategoryDropdown,
#osmRetailBrandDropdown,
.askbase-panel .askbase-filter-dropdown {
  background: var(--ask-map-chrome-dd-bg) !important;
  border: none !important;
  backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
  color: var(--ask-map-chrome-text-strong) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
}

#osmRetailSegmentDropdown .askbase-filter-row,
#osmRetailCategoryDropdown .askbase-filter-row,
#osmRetailBrandDropdown .askbase-filter-row,
#osmRetailSegmentDropdown label,
#osmRetailCategoryDropdown label,
#osmRetailBrandDropdown label {
  color: var(--ask-map-chrome-text) !important;
}

/* RC status legend */
.rc-legend {
  background: var(--ask-map-chrome-glass-bg) !important;
  border: none !important;
  box-shadow: var(--ask-map-chrome-glass-shadow) !important;
  backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.rc-legend-title,
.rc-legend-item {
  color: var(--ask-map-chrome-text) !important;
}

.rc-legend-close {
  color: var(--ask-map-chrome-text) !important;
}

.rc-legend-close:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
}

/* Ruler measure popup + save bar (legacy glass — exclude unified map-save-sheet) */
.askbase-measure-popup-leaflet .askbase-measure-popup,
.askbase-measure-save-bar-inner {
  background: var(--ask-map-chrome-glass-bg) !important;
  border: none !important;
  box-shadow: var(--ask-map-chrome-glass-shadow) !important;
  backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-chrome-glass-blur) !important;
}

.askbase-measure-popup-text {
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-measure-save:not(.askbase-map-save-sheet__btn),
.askbase-measure-cancel:not(.askbase-map-save-sheet__btn) {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

.askbase-measure-save:not(.askbase-map-save-sheet__btn):hover,
.askbase-measure-cancel:not(.askbase-map-save-sheet__btn):hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

/* Map notice / confirm dialogs */
.ask-map-glass-dialog__card {
  background: var(--ask-map-panel-glass-bg) !important;
  border: 0.5px solid var(--ask-map-panel-glass-border) !important;
  border-radius: var(--ask-map-panel-radius) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
  backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur) !important;
}

.ask-map-glass-dialog__title {
  color: var(--ask-map-chrome-text-strong) !important;
}

.ask-map-glass-dialog__body {
  color: var(--ask-map-chrome-text) !important;
}

.ask-map-glass-dialog__btn:not(.ask-delete-dialog__cancel):not(.ask-delete-dialog__confirm),
.ask-map-glass-dialog__btn--ghost:not(.ask-delete-dialog__cancel) {
  background: var(--ask-map-chrome-chip-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

.ask-map-glass-dialog__btn--primary {
  background: var(--ask-map-chrome-chip-active-bg) !important;
  border-color: transparent !important;
  color: var(--ask-map-chrome-text-strong) !important;
  font-weight: 650 !important;
}

/*
 * Map #askModal delete dialog uses shared ask-delete-dialog.css tokens.
 * Keep !important only where map glass-panel tokens would otherwise win.
 * #cabinetNoticeModal remains a separate notice dialog.
 */
#askModal.ask-delete-dialog.ask-map-glass-dialog {
  padding: 0 !important;
  z-index: 100050 !important;
}
body.ask-app-mode-profile #askModal.ask-delete-dialog.ask-map-glass-dialog,
html.ask-boot-profile #askModal.ask-delete-dialog.ask-map-glass-dialog {
  z-index: 600500 !important;
}

#cabinetNoticeModal.ask-map-glass-dialog {
  padding: 16px !important;
  z-index: 100050 !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__overlay,
#cabinetNoticeModal .ask-map-glass-dialog__overlay {
  background: var(--ask-delete-backdrop-bg, var(--ask-modal-backdrop-bg)) !important;
  backdrop-filter: var(--ask-delete-backdrop-blur, var(--ask-modal-backdrop-blur)) !important;
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, var(--ask-modal-backdrop-blur)) !important;
  transition: var(--ask-delete-backdrop-transition, var(--ask-modal-backdrop-transition)) !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__card {
  box-sizing: border-box !important;
  width: var(--ask-delete-card-width) !important;
  max-width: none !important;
  min-height: auto !important;
  padding: var(--ask-delete-card-padding) !important;
  border-radius: var(--ask-delete-card-radius) !important;
  background: var(--ask-delete-card-bg) !important;
  border: var(--ask-delete-card-border) !important;
  box-shadow: var(--ask-delete-card-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__card {
  box-sizing: border-box !important;
  width: min(450px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  padding: 20px 18px 16px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__header {
  margin-bottom: 8px !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__title {
  position: static !important;
  font-size: var(--ask-delete-title-size) !important;
  font-weight: var(--ask-delete-title-weight) !important;
  line-height: var(--ask-delete-title-line-height) !important;
  color: var(--ask-delete-title-color) !important;
  margin: 0 !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__title {
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__description {
  position: static !important;
  font-size: var(--ask-delete-description-size) !important;
  font-weight: var(--ask-delete-description-weight) !important;
  line-height: var(--ask-delete-description-line-height) !important;
  color: var(--ask-delete-description-color) !important;
  margin: 0 0 16px !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__input,
#askModal.ask-delete-dialog .ask-modal-input {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin-top: 10px !important;
  height: var(--ask-delete-input-height, 40px) !important;
  min-height: var(--ask-delete-input-height, 40px) !important;
  padding: 0 12px !important;
  border-radius: var(--ask-delete-input-radius, 14px) !important;
  border: 1px solid var(--ask-delete-input-border, rgba(15, 23, 42, 0.12)) !important;
  background: var(--ask-delete-input-bg, #ffffff) !important;
  color: var(--ask-delete-title-color, #0f172a) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__input:focus,
#askModal.ask-delete-dialog .ask-modal-input:focus {
  border-color: rgba(15, 23, 42, 0.22) !important;
  box-shadow: none !important;
  outline: none !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__input:focus-visible,
#askModal.ask-delete-dialog .ask-modal-input:focus-visible {
  border-color: rgba(15, 23, 42, 0.28) !important;
  box-shadow: none !important;
}

#askModal.ask-delete-dialog.ask-delete-dialog--prompt .ask-delete-dialog__confirm {
  font-weight: var(--ask-delete-danger-weight, 650) !important;
  border-color: var(--ask-delete-danger-border) !important;
  background: var(--ask-delete-danger-bg) !important;
  color: var(--ask-delete-danger-text) !important;
}

#askModal.ask-delete-dialog.ask-delete-dialog--prompt .ask-delete-dialog__cancel {
  border: 1px solid var(--ask-delete-neutral-border) !important;
  background: var(--ask-delete-neutral-bg) !important;
  color: var(--ask-delete-neutral-text) !important;
  font-weight: 500 !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__body {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: rgba(15, 23, 42, 0.65) !important;
  margin-bottom: 16px !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__actions {
  position: static !important;
  gap: var(--ask-delete-actions-gap) !important;
  justify-content: flex-end !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__actions {
  gap: 10px !important;
  justify-content: flex-end !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__cancel,
#askModal.ask-delete-dialog .ask-delete-dialog__confirm {
  height: var(--ask-delete-button-height) !important;
  min-width: var(--ask-delete-button-min-width) !important;
  padding: var(--ask-delete-button-padding) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--ask-delete-button-radius) !important;
  border: 1px solid var(--ask-delete-neutral-border) !important;
  background: var(--ask-delete-neutral-bg) !important;
  color: var(--ask-delete-neutral-text) !important;
  font-size: var(--ask-delete-button-size) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__confirm {
  font-weight: var(--ask-delete-danger-weight) !important;
  border-color: var(--ask-delete-danger-border) !important;
  background: var(--ask-delete-danger-bg) !important;
  color: var(--ask-delete-danger-text) !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__cancel:hover,
#askModal.ask-delete-dialog .ask-delete-dialog__confirm:hover {
  background: var(--ask-delete-hover-bg) !important;
  border-color: var(--ask-delete-hover-border) !important;
  color: var(--ask-delete-neutral-text) !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__cancel:active,
#askModal.ask-delete-dialog .ask-delete-dialog__confirm:active {
  transform: translateY(1px);
}

#askModal.ask-delete-dialog .ask-delete-dialog__cancel:focus,
#askModal.ask-delete-dialog .ask-delete-dialog__confirm:focus,
#askModal.ask-delete-dialog .ask-delete-dialog__cancel:focus:not(:focus-visible),
#askModal.ask-delete-dialog .ask-delete-dialog__confirm:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

#askModal.ask-delete-dialog .ask-delete-dialog__cancel:focus-visible,
#askModal.ask-delete-dialog .ask-delete-dialog__confirm:focus-visible {
  outline: none !important;
  box-shadow: var(--ask-delete-focus-ring) !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__btn {
  height: 40px !important;
  min-width: 92px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  color: rgba(15, 23, 42, 0.82) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none;
}

#cabinetNoticeModal .ask-map-glass-dialog__btn:hover {
  background: rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: rgba(15, 23, 42, 0.9) !important;
}

#cabinetNoticeModal .ask-map-glass-dialog__btn:focus-visible {
  outline: 2px solid rgba(100, 116, 139, 0.45) !important;
  outline-offset: 2px !important;
}

@media (max-width: 420px) {
  #cabinetNoticeModal .ask-map-glass-dialog__card {
    width: calc(100vw - 24px) !important;
    padding: 18px 16px 14px !important;
  }
}

/* Listing side panel — matte shell */
.market-listing-panel__sheet,
.market-listing-panel__list-section {
  background: var(--ask-map-panel-glass-bg) !important;
  border: 0.5px solid var(--ask-map-panel-glass-border) !important;
  border-radius: var(--ask-map-panel-radius) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
  backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur) !important;
}

.market-listing-details-drawer {
  background: var(--ask-map-panel-glass-bg) !important;
  border: 0.5px solid var(--ask-map-panel-glass-border) !important;
  border-radius: var(--ask-map-panel-radius) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
  backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur) !important;
}

/* Clusters legend chip */
#clusters-legend .askbase-result-card {
  background: var(--ask-map-chrome-glass-bg) !important;
  border: none !important;
  color: var(--ask-map-chrome-text) !important;
}

#clusters-legend .askbase-result-card td:last-child {
  color: var(--ask-map-chrome-text) !important;
}

/* Urban selected card gloss */
.urban-v2-selected-card::before {
  background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) !important;
}

.urban-v2-selected-card {
  color: var(--ask-map-chrome-text-strong) !important;
}

/* === PREMIUM FLOAT ICONS — panel pills borderless; map chrome uses glass footing === */
.askbase-ruler-mode,
.askbase-bottom-sheet .askbase-pill,
.askbase-bottom-sheet .askbase-radar-radius-pill,
#radar-panel-view .radar-controls .askbase-radar-radius-pill,
.askbase-bottom-sheet__controls-row--clusters .askbase-pill,
.askbase-bottom-sheet__controls-row--clusters .clusters-minscore-pill,
.askbase-bottom-sheet__controls-row--clusters .clusters-opacity-pill,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill,
#expansion-panel-view .expansion-pill-toggle,
#expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select,
.askbase-measure-save:not(.askbase-map-save-sheet__btn),
.askbase-measure-cancel:not(.askbase-map-save-sheet__btn) {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

#panel-open-btn,
.askbase-panel-toggle,
.askbase-geo-btn:not(.askbase-up-switch-btn),
.askbase-account-top-btn,
#top-search-btn,
#askbase-account-top-btn,
#askbase-userpoints-btn,
#userpoints-toggle-btn:not(.askbase-up-switch-btn),
#locate-me-btn-bottom,
#askbase-north-btn-bottom,
.ask-map-mode-current,
.ask-map-region-header__viz-btn,
#askbaseTopSearch .askbase-geo-btn,
#askbase-ruler-btn,
#askbase-radar-btn,
#askbase-clusters-btn,
#askbase-urban-btn,
#askbase-expansion-btn {
  background: var(--ask-map-btn-glass-bg) !important;
  border: 1px solid var(--ask-map-btn-glass-border) !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur) !important;
  color: var(--ask-map-chrome-text) !important;
  opacity: var(--ask-map-btn-icon-opacity) !important;
}

#panel-open-btn:hover,
.askbase-geo-btn:not(.askbase-up-switch-btn):hover,
.askbase-account-top-btn:hover,
#top-search-btn:hover,
#askbase-account-top-btn:hover,
#askbase-userpoints-btn:hover,
#userpoints-toggle-btn:not(.askbase-up-switch-btn):hover,
.ask-map-mode-current:hover,
.ask-map-region-header__viz-btn:hover,
#askbase-ruler-btn:hover,
#askbase-radar-btn:hover,
#askbase-clusters-btn:hover,
#askbase-urban-btn:hover,
#askbase-expansion-btn:hover,
.askbase-bottom-sheet .askbase-pill:hover,
.askbase-bottom-sheet .askbase-radar-radius-pill:hover,
#radar-panel-view .radar-controls .askbase-radar-radius-pill:hover {
  background: var(--ask-map-btn-glass-bg-hover) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  opacity: var(--ask-map-btn-icon-opacity-hover) !important;
}

#panel-open-btn:hover,
.askbase-panel-toggle:hover,
.askbase-geo-btn:not(.askbase-up-switch-btn):hover,
.askbase-account-top-btn:hover,
#top-search-btn:hover,
#askbase-account-top-btn:hover,
#askbase-userpoints-btn:hover,
#userpoints-toggle-btn:not(.askbase-up-switch-btn):hover,
.ask-map-mode-current:hover,
.ask-map-mode-current.is-open,
.ask-map-region-header__viz-btn:hover,
#askbaseTopSearch .askbase-geo-btn:hover,
#askbase-ruler-btn:hover,
#askbase-radar-btn:hover,
#askbase-clusters-btn:hover,
#askbase-urban-btn:hover,
#askbase-expansion-btn:hover,
#locate-me-btn-bottom:hover,
#askbase-north-btn-bottom:hover {
  border: 0.5px solid var(--ask-map-chrome-hover-border) !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.askbase-geo-btn--active:not(.askbase-up-switch-btn),
#askbase-userpoints-btn.askbase-geo-btn--active,
#userpoints-toggle-btn:not(.askbase-up-switch-btn).askbase-geo-btn--active,
.ask-map-region-header__viz-btn.askbase-pill--active,
.askbase-bottom-sheet .askbase-pill--active,
.askbase-bottom-sheet .askbase-radar-radius-pill--active,
#radar-panel-view .radar-controls .askbase-radar-radius-pill--active,
#askbase-ruler-btn.askbase-geo-btn--active,
#askbase-radar-btn.askbase-geo-btn--active,
#askbase-clusters-btn.askbase-geo-btn--active,
#askbase-urban-btn.askbase-geo-btn--active,
#askbase-expansion-btn.askbase-geo-btn--active {
  background: var(--ask-map-btn-glass-bg-active) !important;
  backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur-hover) !important;
  border: 0.5px solid var(--ask-map-chrome-hover-border) !important;
  box-shadow: var(--ask-map-btn-glass-shadow) !important;
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
}

/* === iOS VIBRANCY — squircle controls + hairline surfaces === */
.askbase-geo-btn,
.askbase-account-top-btn,
#panel-open-btn,
.ask-map-mode-current,
.ask-map-region-header__viz-btn,
#top-search-btn,
#askbase-account-top-btn,
#askbase-userpoints-btn,
#userpoints-toggle-btn,
#locate-me-btn-bottom,
#askbase-north-btn-bottom,
#askbase-ruler-btn,
#askbase-radar-btn,
#askbase-clusters-btn,
#askbase-urban-btn,
#askbase-expansion-btn {
  border-radius: var(--ask-map-btn-radius) !important;
}

#clusters-panel-view .clusters-results-dashboard .clusters-card,
#askbase-bottom-sheet #clusters-details .clusters-card,
#expansion-panel-view .expansion-card,
#expansion-panel-view .expansion-card--placeholder,
#expansion-panel-view .expansion-card.expansion-card--listings-results,
#expansion-panel-view .expansion-card.expansion-card--market-structure,
.urban-v2-selected-card,
#askbase-bottom-sheet .askbase-result-card,
.askbase-bottom-sheet .askbase-result-card,
#radar-results-grid .radar-card {
  border-width: 0.5px !important;
}

.askbase-marker-create-modal__dialog {
  border-radius: var(--ask-delete-card-radius, 14px) !important;
  background: var(--ask-delete-card-bg, #ffffff) !important;
  border: var(--ask-delete-card-border, 0) !important;
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.rc-legend {
  border-radius: var(--ask-map-surface-radius) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

.askbase-measure-popup-leaflet .askbase-measure-popup,
.askbase-measure-save-bar-inner {
  border-radius: var(--ask-map-surface-radius) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

#osmRetailSegmentDropdown,
#osmRetailCategoryDropdown,
#osmRetailBrandDropdown,
.askbase-panel .askbase-filter-dropdown {
  border-radius: var(--ask-map-surface-radius) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

/* Bottom sheet header icons — beat #askbase-bottom-sheet * light text cascade */
#askbase-bottom-sheet > .askbase-bottom-sheet__close,
#askbase-bottom-sheet > .askbase-sheet-collapse-btn,
#askbase-bottom-sheet > .askbase-bottom-sheet__close *,
#askbase-bottom-sheet > .askbase-sheet-collapse-btn *,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion *,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn *,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle *,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse * {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet > .askbase-bottom-sheet__close:hover,
#askbase-bottom-sheet > .askbase-sheet-collapse-btn:hover,
#askbase-bottom-sheet > .askbase-bottom-sheet__close:hover *,
#askbase-bottom-sheet > .askbase-sheet-collapse-btn:hover *,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion:hover,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn:hover,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion:hover *,
#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse:hover * {
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
}

/* Radar table metric icons — beat #askbase-bottom-sheet * light text cascade */
#askbase-bottom-sheet #radar-results-grid .radar-ui-icon,
#askbase-bottom-sheet #radar-results-grid .radar-metric-box__icon,
#askbase-bottom-sheet #radar-results-grid .radar-demand-driver-row__icon,
#askbase-bottom-sheet #radar-results-grid .radar-demand-footer__icon,
#askbase-bottom-sheet #radar-results-grid .radar-ui-icon *,
#askbase-bottom-sheet #radar-results-grid .radar-metric-box__icon *,
#askbase-bottom-sheet #radar-results-grid .radar-demand-driver-row__icon *,
#askbase-bottom-sheet #radar-results-grid .radar-demand-footer__icon * {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

/* Potential Demand text — beat #askbase-bottom-sheet * light text cascade */
#askbase-bottom-sheet #radar-results-grid .radar-demand-footer,
#askbase-bottom-sheet #radar-results-grid .radar-demand-footer__row,
#askbase-bottom-sheet #radar-results-grid .radar-demand-footer__text,
#askbase-bottom-sheet #radar-results-grid .radar-demand-meta-lines,
#askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label,
#askbase-bottom-sheet #radar-results-grid .radar-demand-scenario__label,
#askbase-bottom-sheet #radar-results-grid .radar-demand-scenario__value--muted,
#askbase-bottom-sheet #radar-results-grid .radar-demand-drivers--pending {
  color: rgba(15, 23, 42, 0.80) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__value {
  color: rgba(15, 23, 42, 0.94) !important;
  opacity: 1 !important;
}

/* Expansion panel typography — beat #askbase-bottom-sheet * light text cascade */
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-label,
#askbase-bottom-sheet #expansion-panel-view .expansion-kv-label,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title,
#askbase-bottom-sheet #expansion-panel-view .expansion-field > span,
#askbase-bottom-sheet #expansion-panel-view .expansion-price-legend__ticks,
#askbase-bottom-sheet #expansion-panel-view .expansion-price-legend__tick,
#askbase-bottom-sheet #expansion-panel-view .expansion-smart-item span,
#askbase-bottom-sheet #expansion-panel-view .smart-cluster-row__meta,
#askbase-bottom-sheet #expansion-panel-view .smart-no-match,
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span:last-child {
  /* 0.58 alpha measured 4.4:1, and the panel is translucent over map tiles,
     so the real contrast can drop further. */
  color: var(--exp-ink-muted) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-metric-value,
#askbase-bottom-sheet #expansion-panel-view .expansion-kv-value,
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li,
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span,
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li *,
#askbase-bottom-sheet #expansion-panel-view .expansion-card--smart-clusters .signals-title,
#askbase-bottom-sheet #expansion-panel-view .smart-cluster-row__id,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__title-inner {
  color: var(--ask-map-chrome-text-strong) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span:last-child {
  color: rgba(15, 23, 42, 0.78) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__price {
  color: #0f172a !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__location {
  color: var(--exp-ink-meta) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__meta,
#askbase-bottom-sheet #expansion-panel-view .expansion-muted,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-count,
#askbase-bottom-sheet #expansion-panel-view .expansion-price-legend__meta,
#askbase-bottom-sheet #expansion-panel-view .expansion-price-legend__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-results__empty {
  color: var(--ask-map-chrome-text) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-field input:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-field select:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-filter-field .expansion-filter-select:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryTrigger:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .signals-mini-input,
#askbase-bottom-sheet #expansion-panel-view .signals-mini-select {
  color: var(--exp-ink-body) !important;
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-field select.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-field input.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-filter-field .expansion-filter-select.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryTrigger.is-placeholder {
  color: rgba(15, 23, 42, 0.55) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-field input::placeholder,
#askbase-bottom-sheet #expansion-panel-view .signals-mini-input::placeholder {
  color: rgba(15, 23, 42, 0.55) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input::placeholder {
  color: rgba(15, 23, 42, 0.55) !important;
  font-weight: 550 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle,
#askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle {
  color: rgba(15, 23, 42, 0.88) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:hover,
#askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle:hover {
  color: rgba(15, 23, 42, 0.96) !important;
  background: transparent !important;
  border-color: transparent !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked),
#askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle:has(input[type="checkbox"]:checked) {
  color: rgba(15, 23, 42, 0.94) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle > span:not(.expansion-pill-toggle__box):not(.expansion-favorites-icon) {
  color: inherit !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle .expansion-pill-toggle__box {
  border-color: rgba(15, 23, 42, 0.14) !important;
  background: transparent !important;
  border-radius: 4px !important;
  border-width: 1px !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked) .expansion-pill-toggle__box {
  border: 1px solid rgba(217, 184, 95, 0.35) !important;
  background: rgba(217, 184, 95, 0.18) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle input[type="checkbox"]:checked + .expansion-pill-toggle__box::before {
  border: none !important;
  border-radius: 1px !important;
  width: 4px !important;
  height: 4px !important;
  margin: 0 !important;
  background: #E7C86A !important;
  transform: translate(-50%, -50%) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn .expansion-favorites-icon {
  color: rgba(15, 23, 42, 0.84) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn:hover .expansion-favorites-icon {
  color: rgba(15, 23, 42, 0.94) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn.is-favorites-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn:has(#expansionFavoritesToggle:checked),
#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn.is-favorites-active .expansion-favorites-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorites-toolbar-btn:has(#expansionFavoritesToggle:checked) .expansion-favorites-icon {
  color: #c2410c !important;
  background: transparent !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle--favorites .expansion-favorites-icon {
  color: rgba(15, 23, 42, 0.84) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle--favorites.is-favorites-active .expansion-favorites-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle--favorites:has(#expansionFavoritesToggle:checked) .expansion-favorites-icon {
  color: #c2410c !important;
}

/* ===== Expansion Results — match Filters dock chrome ===== */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__content,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__content,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__content {
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  border-radius: var(--ask-map-surface-radius) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__header,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__header,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__header,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__header {
  border-bottom: none !important;
  padding: 8px 10px 7px !important;
  background: transparent !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__page {
  fill: #ffffff !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__fold {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__lines {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.42 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__badge {
  fill: #0f172a !important;
  stroke: none !important;
  fill-opacity: 0.84 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf .ask-pdf-file-icon__text {
  fill: #ffffff !important;
  stroke: none !important;
  color: #ffffff !important;
  font-size: 4.8px !important;
  font-weight: 800 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover * {
  color: rgba(15, 23, 42, 0.84) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__page,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__fold {
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__lines {
  stroke: #0f172a !important;
  stroke-opacity: 0.42 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__badge {
  fill: #0f172a !important;
  fill-opacity: 0.84 !important;
  stroke: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--pdf:hover .ask-pdf-file-icon__text {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: none !important;
}
/* Beat #askbase-bottom-sheet * light-text cascade on All/Clear + Select */
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action *,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon * {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg rect {
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  fill: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg circle {
  fill: currentColor !important;
  stroke: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action:hover *,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon:hover * {
  color: rgba(15, 23, 42, 0.94) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon:hover svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon:hover svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon:hover svg rect {
  stroke-opacity: 0.94 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active *,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"],
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] * {
  color: #d9b85f !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg rect {
  stroke: #d9b85f !important;
  stroke-opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg circle,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg circle {
  fill: #d9b85f !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn {
  color: rgba(15, 23, 42, 0.84) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] {
  color: #d9b85f !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg path {
  stroke: #d9b85f !important;
  stroke-opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansionSummaryMetrics .expansion-metric,
#askbase-bottom-sheet #expansion-panel-view #expansionSummaryMetrics .expansion-metric--price {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon *,
#askbase-bottom-sheet #expansion-panel-view .expansion-field-icon,
#askbase-bottom-sheet #expansion-panel-view .expansion-field-icon * {
  color: var(--exp-icon-ink) !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-label,
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-label *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__text,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field-label,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon) {
  color: var(--exp-ink-muted) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-metric-value {
  color: var(--exp-ink-strong) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-market-status:not(:empty) {
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-muted) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dist-col {
  background: rgba(15, 23, 42, 0.03) !important;
  box-shadow: inset 0 0 0 0.5px rgba(15, 23, 42, 0.07) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-count,
#askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span:last-child {
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-muted) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__title {
  font-size: var(--exp-type-title-size) !important;
  font-weight: var(--exp-type-title-weight) !important;
  letter-spacing: normal !important;
  color: var(--exp-ink-title) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__header-actions {
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__collapse {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__header-notice {
  color: rgba(15, 23, 42, 0.58) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-count,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort {
  height: 22px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--exp-ink-muted, var(--ask-map-chrome-text)) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: var(--exp-type-meta-size, 12px) !important;
  font-weight: var(--exp-type-meta-weight, 500) !important;
  font-style: normal !important;
  font-synthesis: none !important;
  letter-spacing: normal !important;
  line-height: 22px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-count {
  font-variant-numeric: tabular-nums;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: auto !important;
  min-width: 0 !important;
  text-indent: 0 !important;
  padding: 0 16px 0 0 !important;
  outline: none !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15, 23, 42, 0.45) 50%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.45) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 4px) 8px,
    calc(100% - 0px) 8px !important;
  background-size: 4px 4px, 4px 4px !important;
  background-repeat: no-repeat !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort:focus,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort:hover {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__body,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__body,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__body {
  padding: 8px 10px 12px !important;
  background: transparent !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__body {
  display: block !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-card.expansion-card--listings-results {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: min(46vh, 420px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
  gap: 8px !important;
  align-content: start !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results > .expansion-market-results__item {
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Results cards — cabinet workspace listing style (grid layout unchanged) */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item {
  align-items: start !important;
  grid-template-columns: 66px minmax(0, 1fr) !important;
  flex: initial !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  border-radius: 16px !important;
  border: none !important;
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-strong) !important;
  transition: background 0.14s ease !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item:hover {
  border: none !important;
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: var(--exp-tile-inset) !important;
  transform: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item.is-active {
  border: none !important;
  background: rgba(37, 99, 235, 0.08) !important;
  box-shadow: var(--exp-tile-inset) !important;
  transform: none !important;
}

#askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected,
#askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected:hover,
#askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected.is-active {
  background:
    linear-gradient(180deg, rgba(255, 252, 240, 0.96), rgba(248, 242, 218, 0.62)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(217, 184, 95, 0.46),
    inset 0 1px 0 rgba(255, 252, 240, 0.85),
    0 1px 2px rgba(120, 83, 20, 0.06) !important;
}

#askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected .expansion-market-results__thumb {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(217, 184, 95, 0.28);
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__thumb {
  width: 66px !important;
  height: 58px !important;
  border-radius: 12px !important;
  border: none !important;
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__body {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__title-inner {
  font-size: var(--exp-type-primary-size) !important;
  font-weight: var(--exp-type-primary-weight) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: var(--exp-ink-strong) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__subtitle,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-kind {
  margin-top: 2px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.35 !important;
  color: var(--exp-ink-meta) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__area,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-area {
  margin-top: 4px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.35 !important;
  color: var(--exp-ink-meta) !important;
  font-variant-numeric: tabular-nums !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__price-line,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-price {
  margin-top: 5px !important;
  font-size: var(--exp-type-primary-size) !important;
  font-weight: var(--exp-type-primary-weight) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  color: var(--exp-ink-strong) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__ppm2-line {
  margin-top: 2px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.3 !important;
  color: var(--exp-ink-meta) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__area.is-pending,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__price-line.is-pending,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__ppm2-line.is-pending,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__subtitle.is-pending {
  margin-top: 4px !important;
  min-height: 14px !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-metric-skel {
  display: inline-block !important;
  width: 72px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    rgba(148, 163, 184, 0.16) 0%,
    rgba(148, 163, 184, 0.28) 45%,
    rgba(148, 163, 184, 0.16) 100%
  ) !important;
  background-size: 200% 100% !important;
  animation: expansion-metric-skel-shimmer 1.1s ease-in-out infinite !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-metric-skel--wide {
  width: 132px !important;
}

@keyframes expansion-metric-skel-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__aside {
  display: none !important;
}

/* Selected hex listings — same card chrome / type as Results.
   Do not nest a flex scrollport here: leftover min-height:0 collapsed
   the list to a strip under the metrics. Body is the only scroller. */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-card--selected-hex {
  display: block !important;
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-hex-listings,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results {
  display: flex !important;
  flex-direction: column !important;
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
  gap: 8px !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item--hex {
  align-items: start !important;
  grid-template-columns: 66px minmax(0, 1fr) !important;
  flex: initial !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
  border-radius: 16px !important;
  border: none !important;
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-strong) !important;
  transition: background 0.14s ease !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item--hex:hover {
  border: none !important;
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: var(--exp-tile-inset) !important;
  transform: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item--hex.is-active {
  border: none !important;
  background: rgba(37, 99, 235, 0.08) !important;
  box-shadow: var(--exp-tile-inset) !important;
  transform: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__thumb {
  width: 66px !important;
  height: 58px !important;
  border-radius: 12px !important;
  border: none !important;
  background: rgba(15, 23, 42, 0.05) !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__thumb-placeholder {
  font-size: 10px !important;
  font-weight: var(--exp-type-label-weight) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--exp-ink-muted) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__body {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: hidden !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__title-inner {
  font-size: var(--exp-type-primary-size) !important;
  font-weight: var(--exp-type-primary-weight) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: var(--exp-ink-strong) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__subtitle,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-kind {
  margin-top: 2px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.35 !important;
  color: var(--exp-ink-meta) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__area,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-area {
  margin-top: 4px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.35 !important;
  color: var(--exp-ink-meta) !important;
  font-variant-numeric: tabular-nums !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__price-line,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-price {
  margin-top: 5px !important;
  font-size: var(--exp-type-primary-size) !important;
  font-weight: var(--exp-type-primary-weight) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  color: var(--exp-ink-strong) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__ppm2-line {
  margin-top: 2px !important;
  font-size: var(--exp-type-meta-size) !important;
  font-weight: var(--exp-type-meta-weight) !important;
  line-height: 1.3 !important;
  color: var(--exp-ink-meta) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-hex-li__open {
  display: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dist-title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-muted {
  font-size: var(--exp-type-label-size) !important;
  font-weight: var(--exp-type-label-weight) !important;
  letter-spacing: 0.01em !important;
  color: var(--exp-ink-muted) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-search-area-btn,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorite-search-btn {
  color: var(--ask-map-chrome-text) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-search-area-btn:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorite-search-btn:hover {
  color: var(--ask-map-chrome-text-strong) !important;
  background: transparent !important;
  border: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-search-area-btn.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-favorite-search-btn.is-active {
  color: #c2410c !important;
  background: transparent !important;
  border: none !important;
}

/* Path-level paint — wins over sheet chrome / currentColor conflicts */
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  fill-opacity: 1 !important;
  opacity: 1 !important;
  filter: none !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg path {
  fill: none !important;
  stroke-width: 1.75 !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  fill: #0f172a !important;
  fill-opacity: 0.84 !important;
  stroke: none !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn.is-active .expansion-search-area-btn__icon svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn[aria-pressed="true"] .expansion-search-area-btn__icon svg path {
  fill: none !important;
  stroke: #c2410c !important;
  stroke-opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn.is-active .expansion-search-area-btn__icon svg circle,
#askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn[aria-pressed="true"] .expansion-search-area-btn__icon svg circle {
  fill: #c2410c !important;
  fill-opacity: 1 !important;
  stroke: none !important;
}

#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

#askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

/* Expansion header readability: controls row and pills */
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle.is-open,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle.is-open,
#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle.is-open:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle.is-open:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-clusters-mini-panel__inner,
#askbase-bottom-sheet #expansion-panel-view .expansion-listings-mini-panel__inner {
  background: transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left-color: rgba(148, 163, 184, 0.32) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-header-top {
  position: relative !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 132px 112px !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
#askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  color: rgba(15, 23, 42, 0.96) !important;
  background: transparent !important;
  border: none !important;
  font-weight: 600 !important;
}


#askbase-bottom-sheet #expansion-panel-view .expansion-header-legend-wrap .expansion-price-legend__ticks,
#askbase-bottom-sheet #expansion-panel-view .expansion-header-legend-wrap .expansion-price-legend__tick,
#askbase-bottom-sheet #expansion-panel-view .expansion-header-legend-wrap .expansion-price-legend__meta {
  color: rgba(15, 23, 42, 0.78) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] > .askbase-bottom-sheet__close,
#askbase-bottom-sheet[data-sheet-mode="expansion"] > .askbase-sheet-collapse-btn {
  top: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

/* Filters footer buttons: inherit premium styles above (no opaque slab overrides). */

/* Expansion Filters — Retailers glass readability on light sheet */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__title,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field select:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger:not(.is-placeholder) *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryLabel:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterLocalityLabel:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterDistrictLabel:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterSourceLabel:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion > summary {
  color: var(--ask-map-chrome-text-strong) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder) .expansion-date-trigger__label,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active .expansion-date-trigger__label {
  color: var(--ask-map-chrome-text-strong) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field select.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder *,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryLabel.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterLocalityLabel.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterDistrictLabel.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterSourceLabel.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder * {
  color: rgba(15, 23, 42, 0.55) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__label {
  color: rgba(71, 85, 105, 0.92) !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryMenu,
#askbase-bottom-sheet #expansion-panel-view .expansion-category-multiselect-menu {
  background: rgba(247, 250, 249, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 28px rgba(15, 23, 42, 0.12) !important;
  width: calc(200% + 5px) !important;
  min-width: 0 !important;
  max-width: none !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryWrap .expansion-category-multiselect-menu,
#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryMenu {
  left: auto !important;
  right: 0 !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionFilterDistrictWrap .expansion-category-multiselect-menu {
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
}
#askbase-bottom-sheet #expansion-panel-view #expansionFilterSourceWrap .expansion-category-multiselect-menu {
  width: 100% !important;
  left: 0 !important;
  right: auto !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryMenu .expansion-category-multiselect-option,
#askbase-bottom-sheet #expansion-panel-view .expansion-category-multiselect-option {
  color: var(--ask-map-chrome-text) !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryMenu .expansion-category-multiselect-option.is-selected,
#askbase-bottom-sheet #expansion-panel-view .expansion-category-multiselect-option.is-selected {
  background: rgba(248, 242, 218, 0.88) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__content,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__content,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__content,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__content {
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field select,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__body .expansion-field-label {
  color: var(--exp-ink-muted) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-tech-grid .expansion-field-label,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field > span:not(.expansion-filters-hint):not(.expansion-field-icon),
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-other-grid .expansion-field-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* Calendar date trigger — same chip as other filter fields; idle muted, active strong */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger {
  color: var(--exp-ink-muted) !important;
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
  opacity: 1 !important;
  font-weight: var(--exp-type-body-weight) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder .expansion-date-trigger__label {
  color: var(--exp-ink-muted) !important;
  font-weight: var(--exp-type-body-weight) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:focus-visible {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: none !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder) {
  color: var(--exp-ink-strong) !important;
  border: none !important;
  background: var(--exp-tile-bg) !important;
  font-weight: var(--exp-type-primary-weight) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active .expansion-date-trigger__label,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder) .expansion-date-trigger__label {
  color: var(--ask-map-chrome-text-strong, #0f172a) !important;
  font-weight: 600 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger * {
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger svg line,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger svg path {
  stroke: var(--exp-icon-ink) !important;
  stroke-opacity: 1 !important;
  fill: none !important;
  fill-opacity: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  color: var(--exp-icon-ink) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg line,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg line,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg path {
  stroke: #0f172a !important;
  color: #0f172a !important;
}

/* Main + accordion filter leading icons — same chrome as calendar */
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon {
  color: var(--exp-icon-ink) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg rect,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg path,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg line {
  stroke: var(--exp-icon-ink) !important;
  fill: none !important;
  opacity: 1 !important;
  color: var(--exp-icon-ink) !important;
}
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle[fill="currentColor"],
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg [fill="currentColor"] {
  fill: var(--exp-icon-ink) !important;
  stroke: none !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansion-smart-clear,
#askbase-bottom-sheet #expansion-panel-view #expansion-smart-run-match {
  color: var(--exp-ink-strong) !important;
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#askbase-bottom-sheet #expansion-panel-view #expansion-smart-run-match {
  color: var(--ask-warm-active-text) !important;
  background: var(--ask-warm-active-bg-strong) !important;
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow) !important;
}

#askbase-bottom-sheet #expansion-panel-view .signals-persist-label {
  color: var(--exp-ink-muted) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid > div {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#askbase-bottom-sheet #expansion-panel-view .smart-summary-grid span,
#askbase-bottom-sheet #expansion-panel-view .expansion-card--smart-clusters .smart-summary-grid span {
  color: var(--exp-ink-muted) !important;
}

#askbase-bottom-sheet #expansion-panel-view .smart-summary-grid strong,
#askbase-bottom-sheet #expansion-panel-view .expansion-card--smart-clusters .smart-summary-grid strong {
  color: var(--exp-ink-strong) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-metric,
#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-cluster-row.is-matched {
  background: rgba(217, 184, 95, 0.10) !important;
  box-shadow: inset 0 0 0 0.5px rgba(217, 184, 95, 0.28) !important;
}

#askbase-bottom-sheet #expansion-panel-view .smart-cluster-row__reason {
  color: #a16207 !important;
}

#askbase-bottom-sheet #expansion-panel-view .smart-match-badge {
  color: #3f6212 !important;
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-src-badge--market {
  color: #1e40af !important;
  background: rgba(37, 99, 235, 0.12) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}

#askbase-bottom-sheet #expansion-panel-view .expansion-src-badge--my {
  color: #3f6212 !important;
  background: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
}

/* Expansion header: same readable chrome as Radar (light glass panel) */
#expansion-panel-view .expansion-header-top {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 132px 112px;
  padding-right: 0;
  overflow: hidden;
}

#expansion-panel-view .expansion-title {
  flex: 0 0 auto;
  min-width: max-content;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-header-top {
  position: relative !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 132px 112px !important;
  gap: 0 !important;
  column-gap: 8px !important;
  padding-right: 0 !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-title,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__title {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  font-weight: 500 !important;
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 6px !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view label.askbase-pill.expansion-pill-toggle,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select#expansionHexScale.expansion-header-scale-select--compact {
  min-width: 0 !important;
  width: auto !important;
  max-width: 4.75rem !important;
  padding: 0 4px !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view label.askbase-pill.expansion-pill-toggle {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgba(15, 23, 42, 0.88) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  background: transparent !important;
  border: none !important;
  color: rgba(15, 23, 42, 0.92) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle:hover,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view label.askbase-pill.expansion-pill-toggle:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: rgba(15, 23, 42, 0.96) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:hover,
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:hover {
  background: transparent !important;
  color: rgba(15, 23, 42, 0.98) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked),
#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view label.askbase-pill.expansion-pill-toggle:has(input[type="checkbox"]:checked) {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgba(15, 23, 42, 0.94) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle > span:not(.expansion-pill-toggle__box):not(.expansion-favorites-icon) {
  color: inherit !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle .expansion-pill-toggle__box {
  border-color: rgba(15, 23, 42, 0.14) !important;
  background: transparent !important;
  border-radius: 4px !important;
  border-width: 1px !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked) .expansion-pill-toggle__box {
  border: 1px solid rgba(217, 184, 95, 0.35) !important;
  background: rgba(217, 184, 95, 0.18) !important;
}

#askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .expansion-pill-toggle input[type="checkbox"]:checked + .expansion-pill-toggle__box::before {
  border: none !important;
  border-radius: 1px !important;
  width: 4px !important;
  height: 4px !important;
  margin: 0 !important;
  background: #E7C86A !important;
  transform: translate(-50%, -50%) !important;
}

/* ===== Retailers factory native selects (2026-07-11) ===== */
.retail-factory-filters {
  display: grid;
  gap: 8px;
  width: 100%;
}

.retail-factory-field {
  display: block;
  width: 100%;
}

.retail-factory-label {
  font-size: 12px;
  font-weight: 600;
}

.retail-factory-field select {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
}


/* ===== Region selector inside left Retailers panel ===== */
/* Dense glass overlay: denser than shared surface tokens (0.14 alpha is too thin
   inside a translucent sidebar). Menu stays absolute — never expands panel flow. */
.askbase-panel__region-row {
  width: 100%;
  min-width: 0;
  margin: 14px 0 18px;
  position: relative;
  z-index: 1300;
  box-sizing: border-box;
}

#askbase-panel.askbase-panel--open.askbase-panel--layers-compact .askbase-panel__region-row {
  margin-top: 4px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
}

.askbase-panel__region-row:has(#askMapRegionPicker.is-open) {
  z-index: 1600;
}

#askbase-panel #askMapRegionPicker.ask-map-region-picker--in-panel {
  width: 100%;
  min-width: 0;
  position: relative;
  overflow: visible;
  z-index: 1;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#askbase-panel #askMapRegionPicker.ask-map-region-picker--in-panel::before {
  content: none;
}

#askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger {
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
}

#askbase-panel #askMapRegionPicker.ask-map-region-picker--in-panel.is-open #askMapRegionPickerTrigger {
  border-radius: 8px;
  border: none;
  box-shadow: none;
  background: transparent;
}

#askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger:hover {
  background: rgba(15, 23, 42, 0.045) !important;
}

#askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger:focus,
#askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger:active {
  outline: none;
  box-shadow: none;
  border: none;
}

#askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger:focus-visible {
  outline: 2px solid rgba(71, 85, 105, 0.28);
  outline-offset: 2px;
}

#askbase-panel #askMapRegionPickerMenu.ask-map-region-picker__menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  max-height: min(60vh, calc(100dvh - 160px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  z-index: 1700 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #0f172a !important;
}

#askbase-panel #askMapRegionPicker.is-open {
  z-index: 2;
}

#askbase-panel #askMapRegionPicker .ask-map-region-picker__option.is-active {
  background: rgba(248, 242, 218, 0.88) !important;
  color: #0f172a !important;
}

#askbase-panel #askMapRegionPicker .ask-map-region-picker__option:hover,
#askbase-panel #askMapRegionPicker .ask-map-region-picker__option:focus-visible {
  background: rgba(15, 23, 42, 0.045) !important;
  color: #0f172a !important;
}

#askbase-panel #askMapRegionSelect.ask-map-region-header__select--native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  background-image: none !important;
}

@media (max-width: 1024px) {
  .askbase-panel__region-row {
    margin: 12px 0 16px;
  }

  #askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
  }

  #askbase-panel #askMapRegionPickerMenu.ask-map-region-picker__menu {
    max-height: min(55vh, calc(100dvh - 140px - env(safe-area-inset-bottom, 0px))) !important;
  }
}

@media (max-width: 420px) {
  body.askbase-left-panel-open .ask-map-region-header {
    left: calc(12px + min(386px, calc(100vw - 24px)) + 8px);
  }
}


/* ===== Retail filters — unified multiselect v1 ===== */

/* ===== Retailers panel — typography matched to Radar panel ===== */
/* Source of truth (computed on #radar-panel-view):
   - title / chrome:  .radar-title → 13px / 600  (system-ui)
   - metrics:         .radar-metrics → 11px / 400
   - card heading:    .radar-card--level2 .radar-card__title → 14px / 600
   - dense rows:      .radar-demand-driver-row → 10px
*/
#osmRetailFilters,
.retail-panel-heading-row {
  --retail-font-family: system-ui, -apple-system, Roboto, sans-serif;
  /* Align section title with Radar header title (not card title) for panel chrome unity */
  --retail-heading-size: 13px;
  --retail-heading-weight: 600;
  --retail-heading-lh: 1.2;
  --retail-heading-ls: normal;
  /* Control / filter trigger labels = Radar title */
  --retail-label-size: 13px;
  --retail-label-weight: 600;
  --retail-label-lh: 1.2;
  --retail-master-weight: 600;
  /* Secondary counts = Radar metrics */
  --retail-value-size: 11px;
  --retail-value-weight: 500;
  --retail-value-lh: 1.25;
  /* light-surface equivalents of Radar label/value hierarchy */
  --retail-text-primary: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
  --retail-text-secondary: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.80));
  /* legacy aliases used by retail filter rules */
  --retail-control-size: var(--retail-label-size);
  --retail-control-weight: var(--retail-label-weight);
  --retail-control-lh: var(--retail-label-lh);
  --retail-row-size: var(--retail-label-size);
  --retail-row-weight: var(--retail-label-weight);
  --retail-count-size: var(--retail-value-size);
  --retail-count-weight: var(--retail-value-weight);
  font-family: var(--retail-font-family);
}

.retail-panel-heading-row .askbase-layer-label {
  font-size: var(--retail-heading-size);
  font-weight: var(--retail-heading-weight);
  line-height: var(--retail-heading-lh);
  letter-spacing: var(--retail-heading-ls);
  color: var(--retail-text-primary);
}

.retail-panel-total {
  font-size: var(--retail-value-size);
  font-weight: var(--retail-value-weight);
  line-height: var(--retail-value-lh);
  color: var(--retail-text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex-shrink: 0;
}

.retail-panel-total.is-loading {
  opacity: 0.55;
}

.retail-filter-multiselect {
  position: relative;
  width: 100%;
}

#osmRetailSegmentBox,
#osmRetailCategoryBox,
#osmRetailBrandBox {
  overflow: visible;
  z-index: 1;
}

#osmRetailSegmentBox.is-retail-filter-open,
#osmRetailCategoryBox.is-retail-filter-open,
#osmRetailBrandBox.is-retail-filter-open {
  z-index: 1200;
}

.retail-filter-multiselect__trigger {
  width: 100%;
  min-height: 40px;
  padding: 0 28px 0 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: var(--retail-text-primary);
  font-family: var(--retail-font-family);
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}

.retail-filter-multiselect__summary {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--retail-text-primary);
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
}

.retail-panel-heading-row {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}

.retail-panel-heading-row .askbase-layer-label {
  min-width: 0;
}

.retail-panel-viz-controls {
  justify-self: end;
  align-self: center;
  min-width: 0;
}

.retail-filter-multiselect__trigger::after {
  content: none !important;
  display: none !important;
}

.retail-filter-multiselect__trigger:disabled {
  opacity: 0.72;
  cursor: wait;
}

#osmRetailSegmentBox.is-retail-filter-open .retail-filter-multiselect__trigger,
#osmRetailCategoryBox.is-retail-filter-open .retail-filter-multiselect__trigger,
#osmRetailBrandBox.is-retail-filter-open .retail-filter-multiselect__trigger {
  border-color: rgba(14, 165, 233, 0.55);
  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.12);
}

.retail-filter-multiselect__dropdown,
.retail-filter-multiselect__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 1200;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.retail-filter-multiselect__dropdown[hidden],
.retail-filter-multiselect__panel[hidden] {
  display: none !important;
}

.retail-filter-multiselect__dropdown.is-open,
.retail-filter-multiselect__panel.is-open {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

#osmRetailSegmentDropdown.retail-filter-multiselect__dropdown,
#osmRetailCategoryDropdown.retail-filter-multiselect__dropdown,
#osmRetailBrandDropdown.retail-filter-multiselect__dropdown,
#osmRetailSegmentDropdown.retail-filter-multiselect__panel,
#osmRetailCategoryDropdown.retail-filter-multiselect__panel,
#osmRetailBrandDropdown.retail-filter-multiselect__panel {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.72) !important;
  border-radius: 14px !important;
  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.14),
    0 2px 8px rgba(15, 23, 42, 0.08) !important;
  padding: 10px !important;
  margin-top: 0 !important;
  max-height: min(420px, 48vh) !important;
  max-width: min(320px, calc(100vw - 24px)) !important;
  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: #0f172a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#osmRetailSegmentDropdown.retail-filter-multiselect__dropdown *,
#osmRetailCategoryDropdown.retail-filter-multiselect__dropdown *,
#osmRetailBrandDropdown.retail-filter-multiselect__dropdown * {
  color: inherit;
}

.retail-filter-multiselect__error {
  padding: 8px;
  font-size: 12px;
  color: #64748b !important;
}

.retail-filter-option {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  height: 48px;
  padding: 0 12px;
  margin: 0;
  border-radius: 11px;
  cursor: pointer;
  color: #0f172a !important;
  background: #ffffff !important;
  border: none !important;
  box-sizing: border-box;
  user-select: none;
}

.retail-filter-option--all {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 6px;
  border-radius: 11px 11px 0 0;
}

.retail-filter-option:hover {
  background: #f1f5f9 !important;
}

.retail-filter-option--selected {
  background: #e0f2fe !important;
  color: var(--retail-text-primary) !important;
}

.retail-filter-option--selected .retail-filter-option__label {
  color: var(--retail-text-primary) !important;
  font-weight: var(--retail-label-weight) !important;
  opacity: 1 !important;
}

.retail-filter-option--selected .retail-filter-option__count {
  color: var(--retail-text-secondary) !important;
  font-weight: var(--retail-value-weight) !important;
  opacity: 1 !important;
}

.retail-filter-option--all.retail-filter-option--selected .retail-filter-option__label {
  font-weight: var(--retail-master-weight) !important;
}

.retail-filter-option__checkbox,
.retail-filter-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin: 0;
  padding: 0;
  align-self: center;
  flex-shrink: 0;
  border-radius: 3px;
  border: 1px solid rgba(15, 23, 42, 0.22);
  background: #ffffff;
  box-shadow: none;
  accent-color: transparent;
  cursor: pointer;
  position: relative;
  transform: none !important;
}

.retail-filter-option__label {
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--retail-font-family);
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
  color: var(--retail-text-primary) !important;
  opacity: 1 !important;
}

.retail-filter-option--all .retail-filter-option__label {
  font-size: var(--retail-label-size);
  font-weight: var(--retail-master-weight);
  line-height: var(--retail-label-lh);
}

.retail-filter-option__count {
  flex-shrink: 0;
  min-width: 2.75rem;
  font-family: var(--retail-font-family);
  font-size: var(--retail-value-size);
  font-weight: var(--retail-value-weight);
  line-height: var(--retail-value-lh);
  color: var(--retail-text-secondary) !important;
  font-variant-numeric: tabular-nums;
  text-align: right;
  opacity: 1 !important;
}

.retail-filter-option:focus-within {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: -2px;
}

.askbase-panel.askbase-panel--layers-compact .retail-factory-filters {
  gap: var(--askbase-ctrl-gap);
}

.askbase-panel.askbase-panel--layers-compact .retail-filter-multiselect__trigger {
  min-height: var(--askbase-ctrl-height);
  height: var(--askbase-ctrl-height);
  max-height: var(--askbase-ctrl-height);
  padding: var(--askbase-ctrl-padding-y) 28px var(--askbase-ctrl-padding-y) var(--askbase-ctrl-padding-x);
  font-family: var(--retail-font-family);
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
  border-radius: var(--askbase-ctrl-radius);
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: var(--retail-text-primary);
  opacity: 1;
}

.askbase-panel.askbase-panel--layers-compact .retail-filter-multiselect__summary {
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
  color: var(--retail-text-primary);
}

.askbase-panel.askbase-panel--layers-compact .retail-filter-multiselect__trigger::after {
  content: none !important;
  display: none !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown.retail-filter-multiselect__dropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown.retail-filter-multiselect__dropdown,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown.retail-filter-multiselect__dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.72) !important;
  color: #0f172a !important;
  max-height: min(420px, 48vh) !important;
  padding: 10px !important;
  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.14),
    0 2px 8px rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 12px !important;
  margin-bottom: 0 !important;
  color: #0f172a !important;
  background: #ffffff !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option:hover,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option:hover {
  background: #f1f5f9 !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option--selected,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option--selected,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option--selected {
  background: #e0f2fe !important;
  color: #0f172a !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option__label,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option__label,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option__label {
  font-size: var(--retail-label-size);
  font-weight: var(--retail-label-weight);
  line-height: var(--retail-label-lh);
  color: var(--retail-text-primary) !important;
  opacity: 1 !important;
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option--all .retail-filter-option__label,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option--all .retail-filter-option__label,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option--all .retail-filter-option__label {
  font-size: var(--retail-label-size);
  font-weight: var(--retail-master-weight);
  line-height: var(--retail-label-lh);
}

.askbase-panel.askbase-panel--layers-compact #osmRetailSegmentDropdown .retail-filter-option__count,
.askbase-panel.askbase-panel--layers-compact #osmRetailCategoryDropdown .retail-filter-option__count,
.askbase-panel.askbase-panel--layers-compact #osmRetailBrandDropdown .retail-filter-option__count {
  font-size: var(--retail-value-size);
  font-weight: var(--retail-value-weight);
  line-height: var(--retail-value-lh);
  color: var(--retail-text-secondary) !important;
  font-variant-numeric: tabular-nums;
  opacity: 1 !important;
}

#osmRetailSegmentDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar,
#osmRetailCategoryDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar,
#osmRetailBrandDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar {
  width: 6px;
}

#osmRetailSegmentDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar-thumb,
#osmRetailCategoryDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar-thumb,
#osmRetailBrandDropdown.retail-filter-multiselect__dropdown::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.35);
  border-radius: 8px;
}

.retail-factory-field select:focus {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}

/* === Retail marker popup — light glass (readable on satellite / 3D) === */
.leaflet-tooltip.ask-retail-marker-tooltip,
.leaflet-tooltip.ask-retail-popup-wrap {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.92) !important;
  pointer-events: auto;
}

.leaflet-tooltip.ask-retail-marker-tooltip::before,
.leaflet-tooltip.ask-retail-popup-wrap::before {
  border-top-color: rgba(255, 255, 255, 0.94) !important;
}

.leaflet-tooltip.ask-retail-marker-tooltip--pinned .ask-retail-popup {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 32px rgba(15, 23, 42, 0.14);
  outline: none;
}

.leaflet-popup.ask-retail-popup-wrap .leaflet-popup-content-wrapper,
.leaflet-popup-content-wrapper:has(.ask-retail-popup) {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: var(--ask-map-surface-radius, 16px) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(15, 23, 42, 0.92) !important;
}

.leaflet-popup.ask-retail-popup-wrap .leaflet-popup-content,
.leaflet-popup-content:has(.ask-retail-popup) {
  margin: 0 !important;
  min-width: 0;
  max-width: 300px;
}

.leaflet-popup.ask-retail-popup-wrap .leaflet-popup-tip,
.leaflet-container:has(.ask-retail-popup) .leaflet-popup-tip {
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.leaflet-popup.ask-retail-popup-wrap .leaflet-popup-close-button {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.72);
  border: 0.5px solid rgba(15, 23, 42, 0.12);
  color: rgba(15, 23, 42, 0.62);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 0;
  right: 8px;
  top: 8px;
}

.leaflet-popup.ask-retail-popup-wrap .leaflet-popup-close-button:hover {
  background: rgba(255, 255, 255, 0.95);
  color: rgba(15, 23, 42, 0.88);
}

.ask-retail-popup {
  /* Shared map-card surface. Hierarchy tokens are Retail-only
     (see .ask-retail-popup--compact-header). */
  --ask-retail-popup-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  position: relative;
  overflow: hidden;
  padding: 12px 14px 11px;
  border-radius: var(--ask-map-surface-radius, 16px);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 0.5px solid rgba(255, 255, 255, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 32px rgba(15, 23, 42, 0.14);
  color: rgba(15, 23, 42, 0.92);
  font-family: var(--ask-retail-popup-font);
  font-size: 12px;
  line-height: 1.4;
  min-width: 220px;
  max-width: min(280px, calc(100vw - 24px));
}

.ask-retail-popup::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
  border-radius: inherit;
}

.ask-retail-popup__eyebrow {
  position: relative;
  z-index: 1;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(71, 85, 105, 0.82);
  margin-bottom: 4px;
}

.ask-retail-popup__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 3px;
}

.ask-retail-popup__head-text {
  flex: 1;
  min-width: 0;
}

.ask-retail-popup__head-actions {
  flex-shrink: 0;
  margin: -2px -2px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.ask-map-popup-delete {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(71, 85, 105, 0.72);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  line-height: 0;
}

.ask-map-popup-delete:hover {
  background: rgba(15, 23, 42, 0.05);
  color: rgba(51, 65, 85, 0.92);
}

.ask-map-popup-delete:focus {
  outline: none;
}

.ask-map-popup-delete:focus-visible {
  outline: 2px solid rgba(100, 116, 139, 0.45);
  outline-offset: 1px;
}

.ask-map-popup-delete:active {
  background: rgba(15, 23, 42, 0.08);
}

.ask-map-popup-delete__icon {
  width: 15px;
  height: 15px;
  display: block;
  pointer-events: none;
}

.ask-retail-popup__title {
  position: relative;
  z-index: 1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.96);
  line-height: 1.25;
  margin-bottom: 0;
}

/* Retail compact header: brand · SEGMENT … ✦ */
.ask-retail-popup__head--compact {
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  min-width: 0;
}

.ask-retail-popup__head--compact .ask-retail-popup__title {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.ask-retail-popup__segment-sep {
  flex: 0 0 auto;
  color: rgba(148, 163, 184, 0.9);
  font-size: 12px;
  line-height: 1;
  user-select: none;
}

.ask-retail-popup__segment {
  flex: 0 0 auto;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  color: rgba(100, 116, 139, 0.88);
  line-height: 1.2;
  white-space: nowrap;
}

.ask-retail-popup__head--compact .ask-retail-popup__head-actions {
  margin: 0 0 0 auto;
  flex: 0 0 auto;
}

/*
 * Retail typography hierarchy (opt-in via compact-header from
 * askbaseBuildRetailPopupHtml). Shared cards keep base styles above.
 */
.ask-retail-popup--compact-header {
  --ask-retail-popup-color-title: rgba(15, 23, 42, 0.96);
  --ask-retail-popup-color-primary: rgba(15, 23, 42, 0.92);
  --ask-retail-popup-color-label: rgba(71, 85, 105, 0.88);
  --ask-retail-popup-color-meta: #94a3b8;
  --ask-retail-popup-title-size: 16px;
  --ask-retail-popup-title-weight: 650;
  --ask-retail-popup-title-lh: 1.2;
  --ask-retail-popup-segment-size: 11px;
  --ask-retail-popup-segment-weight: 550;
  --ask-retail-popup-segment-lh: 1.2;
  --ask-retail-popup-primary-label-size: 12.5px;
  --ask-retail-popup-primary-label-weight: 525;
  --ask-retail-popup-primary-label-lh: 16.5px;
  --ask-retail-popup-primary-value-size: 13.5px;
  --ask-retail-popup-primary-value-weight: 625;
  --ask-retail-popup-primary-value-lh: 17.5px;
  --ask-retail-popup-system-size: 11.25px;
  --ask-retail-popup-system-label-weight: 475;
  --ask-retail-popup-system-value-weight: 425;
  --ask-retail-popup-system-lh: 14.5px;
  font-size: 12.5px;
  font-weight: 450;
  line-height: 1.35;
}

.ask-retail-popup--compact-header .ask-retail-popup__title {
  font-size: var(--ask-retail-popup-title-size);
  font-weight: var(--ask-retail-popup-title-weight);
  color: var(--ask-retail-popup-color-title);
  line-height: var(--ask-retail-popup-title-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__segment {
  font-size: var(--ask-retail-popup-segment-size);
  font-weight: var(--ask-retail-popup-segment-weight);
  letter-spacing: 0.055em;
  color: rgba(100, 116, 139, 0.9);
  line-height: var(--ask-retail-popup-segment-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__address-label {
  font-size: var(--ask-retail-popup-primary-label-size);
  font-weight: var(--ask-retail-popup-primary-label-weight);
  color: var(--ask-retail-popup-color-label);
  line-height: var(--ask-retail-popup-primary-label-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__address-value {
  font-size: var(--ask-retail-popup-primary-value-size);
  font-weight: 550;
  line-height: var(--ask-retail-popup-primary-value-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__rows {
  gap: 4px;
}

.ask-retail-popup--compact-header .ask-retail-popup__row--primary {
  margin-bottom: 2px;
}

.ask-retail-popup--compact-header .ask-retail-popup__row--primary .ask-retail-popup__row-label,
.ask-retail-popup--compact-header .ask-retail-popup__row:not(.ask-retail-popup__row--system) .ask-retail-popup__row-label {
  font-size: var(--ask-retail-popup-primary-label-size);
  font-weight: var(--ask-retail-popup-primary-label-weight);
  color: var(--ask-retail-popup-color-label);
  line-height: var(--ask-retail-popup-primary-label-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__row--primary .ask-retail-popup__row-value,
.ask-retail-popup--compact-header .ask-retail-popup__row:not(.ask-retail-popup__row--system) .ask-retail-popup__row-value {
  font-size: var(--ask-retail-popup-primary-value-size);
  font-weight: var(--ask-retail-popup-primary-value-weight);
  color: var(--ask-retail-popup-color-primary);
  line-height: var(--ask-retail-popup-primary-value-lh);
}

.ask-retail-popup--compact-header .ask-retail-popup__row--system {
  gap: 8px;
}

.ask-retail-popup--compact-header .ask-retail-popup__row--system .ask-retail-popup__row-label,
.ask-retail-popup--compact-header .ask-retail-popup__row--system .ask-retail-popup__row-value {
  font-size: var(--ask-retail-popup-system-size);
  line-height: var(--ask-retail-popup-system-lh);
  color: var(--ask-retail-popup-color-meta);
}

.ask-retail-popup--compact-header .ask-retail-popup__row--system .ask-retail-popup__row-label {
  font-weight: var(--ask-retail-popup-system-label-weight);
}

.ask-retail-popup--compact-header .ask-retail-popup__row--system .ask-retail-popup__row-value {
  font-weight: var(--ask-retail-popup-system-value-weight);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 420px) {
  .ask-retail-popup__head--compact {
    gap: 4px;
  }

  .ask-retail-popup--compact-header {
    --ask-retail-popup-title-size: 15.5px;
    --ask-retail-popup-segment-size: 10.5px;
    --ask-retail-popup-primary-label-size: 12.25px;
    --ask-retail-popup-primary-value-size: 13px;
    --ask-retail-popup-system-size: 11px;
    --ask-retail-popup-primary-label-lh: 16px;
    --ask-retail-popup-primary-value-lh: 17px;
    --ask-retail-popup-system-lh: 14px;
  }

  .ask-retail-popup--compact-header .ask-retail-popup__segment {
    letter-spacing: 0.04em;
  }

  .ask-retail-popup--compact-header .ask-retail-popup__row--system {
    gap: 6px;
  }
}

.ask-retail-popup__fav.favorite-btn {
  width: 28px;
  height: 28px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: rgba(100, 116, 139, 0.62);
  padding: 0;
}

.ask-retail-popup__fav.favorite-btn:hover {
  color: rgba(202, 138, 4, 0.78);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: scale(1.08);
}

.ask-retail-popup__fav.favorite-btn:focus,
.ask-retail-popup__fav.favorite-btn:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.ask-retail-popup__fav.favorite-btn.is-favorite,
.ask-retail-popup__fav.favorite-btn.is-fav,
.ask-retail-popup__fav.favorite-btn.favorite-active,
.ask-retail-popup__fav.favorite-btn.is-active {
  color: #d97706;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.ask-retail-popup__fav .cabinet-fav-icon {
  font-size: 15px;
  line-height: 1;
  transform: translateY(-0.5px);
  font-family: inherit;
}

.ask-retail-popup__address {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  font-family: inherit;
}

.ask-retail-popup__address-label {
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  color: rgba(100, 116, 139, 0.92);
  line-height: 1.3;
  margin-bottom: 2px;
}

.ask-retail-popup__address-value {
  font-family: inherit;
  font-size: 12px;
  color: rgba(51, 65, 85, 0.92);
  line-height: 1.35;
}

.ask-retail-popup__rows {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 2px;
  padding-top: 8px;
  border-top: 0.5px solid rgba(15, 23, 42, 0.08);
}

.ask-retail-popup__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.35;
}

.ask-retail-popup__row-label {
  flex-shrink: 0;
  font-family: inherit;
  color: rgba(100, 116, 139, 0.92);
}

.ask-retail-popup__row-value {
  text-align: right;
  font-family: inherit;
  color: rgba(15, 23, 42, 0.9);
  font-weight: 600;
}

/* Opt-in system tone (Retail Class / Coordinates). Shared cards unchanged unless tone set. */
.ask-retail-popup__row--system {
  gap: 8px;
}

.ask-retail-popup__row--system .ask-retail-popup__row-label,
.ask-retail-popup__row--system .ask-retail-popup__row-value {
  color: #475569;
  font-weight: 500;
}

.ask-retail-popup__row--system .ask-retail-popup__row-value {
  font-variant-numeric: tabular-nums;
}

.ask-retail-popup__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.ask-retail-popup__btn {
  padding: 5px 10px;
  border-radius: 999px;
  border: 0.5px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(15, 23, 42, 0.88);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.ask-retail-popup__btn:hover {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(15, 23, 42, 0.18);
}

.ask-retail-popup__btn--listings {
  color: #14532d;
  border-color: rgba(34, 197, 94, 0.28);
  background: rgba(240, 253, 244, 0.92);
}

.ask-retail-popup__note {
  position: relative;
  z-index: 1;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(51, 65, 85, 0.88);
}

.ask-retail-popup__status {
  position: relative;
  z-index: 1;
  margin-top: 8px;
}

.ask-retail-popup__pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: rgba(15, 23, 42, 0.06);
  color: rgba(15, 23, 42, 0.72);
  border: 0.5px solid rgba(15, 23, 42, 0.08);
}

.ask-retail-popup__pill--new {
  background: rgba(59, 130, 246, 0.12);
  color: rgba(29, 78, 216, 0.92);
  border-color: rgba(59, 130, 246, 0.18);
}

.ask-retail-popup__pill--processing,
.ask-retail-popup__pill--in_progress {
  background: rgba(245, 158, 11, 0.14);
  color: rgba(146, 64, 14, 0.92);
  border-color: rgba(245, 158, 11, 0.22);
}

.ask-retail-popup__pill--waiting {
  background: rgba(100, 116, 139, 0.12);
  color: rgba(51, 65, 85, 0.88);
}

.ask-retail-popup__pill--done {
  background: rgba(34, 197, 94, 0.12);
  color: rgba(21, 128, 61, 0.92);
  border-color: rgba(34, 197, 94, 0.2);
}

.ask-retail-popup__pill--archived {
  background: rgba(148, 163, 184, 0.14);
  color: rgba(71, 85, 105, 0.9);
}

.ask-map-popup-star--visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgba(100, 116, 139, 0.62);
  pointer-events: none;
  cursor: default;
  user-select: none;
}

.ask-map-popup-star--visual .cabinet-fav-icon {
  font-size: 15px;
  line-height: 1;
  transform: translateY(-0.5px);
}

.askbase-measure-save-bar .ask-retail-popup {
  min-width: 260px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 32px rgba(15, 23, 42, 0.18);
}

/* Beat late glass overrides for unified map save sheet */
.askbase-map-save-sheet__card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.12) !important;
  border-radius: 16px !important;
}

.askbase-map-save-sheet__backdrop {
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35)) !important;
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px)) !important;
}

.askbase-map-save-sheet .askbase-measure-save,
.askbase-map-save-sheet .askbase-measure-cancel,
.askbase-map-save-sheet__btn {
  width: auto !important;
  height: 32px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.askbase-map-save-sheet .askbase-measure-save,
.askbase-map-save-sheet__btn--primary {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.82) !important;
  color: #0f172a !important;
}

.askbase-map-save-sheet .askbase-measure-cancel,
.askbase-map-save-sheet__btn--secondary {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  color: rgba(15, 23, 42, 0.82) !important;
}

.leaflet-tooltip.ask-transport-marker-tooltip {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(15, 23, 42, 0.92) !important;
}

.leaflet-tooltip.ask-transport-marker-tooltip::before {
  border-top-color: rgba(255, 255, 255, 0.94) !important;
}

.maplibregl-popup.ask-3d-retail-hover-tooltip .maplibregl-popup-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.maplibregl-popup.ask-3d-retail-hover-tooltip .maplibregl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.94);
}

.maplibregl-popup.ask-3d-retail-hover-tooltip.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.94);
  border-top-color: transparent;
}

.maplibregl-popup.ask-3d-retail-hover-tooltip--pinned .ask-retail-popup {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 32px rgba(15, 23, 42, 0.14);
  outline: none;
}

.maplibregl-popup.ask-retail-popup-wrap .maplibregl-popup-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: var(--ask-map-surface-radius, 16px);
}

.maplibregl-popup.ask-retail-popup-wrap .maplibregl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.88);
}

.maplibregl-popup.ask-retail-popup-wrap.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.88);
  border-top-color: transparent;
}

.maplibregl-popup.ask-retail-popup-wrap.maplibregl-popup-anchor-left .maplibregl-popup-tip {
  border-right-color: rgba(255, 255, 255, 0.88);
  border-top-color: transparent;
}

.maplibregl-popup.ask-retail-popup-wrap.maplibregl-popup-anchor-right .maplibregl-popup-tip {
  border-left-color: rgba(255, 255, 255, 0.88);
  border-top-color: transparent;
}

.maplibregl-popup.ask-retail-popup-wrap .maplibregl-popup-close-button {
  color: rgba(15, 23, 42, 0.62);
  background: rgba(255, 255, 255, 0.72);
  border: 0.5px solid rgba(15, 23, 42, 0.12);
}

.maplibregl-popup.ask-retail-popup-wrap .maplibregl-popup-close-button:hover {
  color: rgba(15, 23, 42, 0.88);
  background: rgba(255, 255, 255, 0.95);
}

/* ===== Geolocation failure dialog (premium, cabinet-aligned) ===== */
.ask-geolocation-dialog.hidden {
  display: none !important;
}

.ask-geolocation-dialog {
  position: fixed;
  inset: 0;
  z-index: 100060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
}

.ask-geolocation-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: var(--ask-delete-backdrop-bg);
  backdrop-filter: var(--ask-delete-backdrop-blur);
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur);
}

.ask-geolocation-dialog__panel {
  position: relative;
  z-index: 1;
  width: min(440px, calc(100vw - 32px));
  max-width: 100%;
  padding: 22px 24px 20px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
  box-sizing: border-box;
}

.ask-geolocation-dialog__title {
  font-size: 18px;
  font-weight: 650;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.ask-geolocation-dialog__message {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(15, 23, 42, 0.65);
}

.ask-geolocation-dialog__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.ask-geolocation-dialog__ok {
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  min-width: 92px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    transform 0.12s ease;
}

.ask-geolocation-dialog__ok:hover {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.18);
}

.ask-geolocation-dialog__ok:active {
  transform: translateY(1px);
  background: rgba(15, 23, 42, 0.06);
}

.ask-geolocation-dialog__ok:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(78, 111, 175, 0.22);
  border-color: rgba(15, 23, 42, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .ask-geolocation-dialog__ok {
    transition: none;
  }
}

/* ===== Premium current-location pin (salad lime) ===== */
.ask-geolocation-marker {
  position: relative;
  width: 34px;
  height: 44px;
  pointer-events: none;
  /* Do not animate transform on the root — MapLibre positions the marker via transform. */
  overflow: visible;
}

.ask-geolocation-marker__body {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 44px;
  filter: drop-shadow(0 4px 7px rgba(63, 98, 18, 0.32));
  animation: ask-geolocation-pin-vibrate 1.8s ease-in-out infinite;
  will-change: transform;
  transform-origin: 50% 88%;
  z-index: 1;
}

.ask-geolocation-marker__pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 44px;
  display: block;
  overflow: visible;
}

@keyframes ask-geolocation-pin-vibrate {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  25% {
    transform: translate3d(-0.45px, -0.7px, 0) scale(1.015);
  }
  50% {
    transform: translate3d(0.35px, -1.1px, 0) scale(1.025);
  }
  75% {
    transform: translate3d(0.3px, -0.45px, 0) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ask-geolocation-marker__body {
    animation: none;
  }
}

.leaflet-div-icon.ask-geolocation-marker-icon,
.leaflet-div-icon.ask-search-marker-icon {
  background: transparent !important;
  border: none !important;
}

/* === Left panel open: hamburger parks inside card header (no glass bleed) === */
body.askbase-left-panel-open #panel-open-btn,
body.askbase-left-panel-open #panel-open-btn:hover,
body.askbase-left-panel-open #panel-open-btn:focus,
body.askbase-left-panel-open #panel-open-btn:focus-visible,
body.askbase-left-panel-open #panel-open-btn:active {
  position: fixed !important;
  left: calc(16px + 8px) !important;
  top: calc(8px + 8px) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0.5px solid transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  outline: none !important;
}

/* ===== Retail filters (segments/categories/brands) — listing-card chip language ===== */

#askbase-panel .retail-filter-multiselect__trigger {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 36px 0 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

#askbase-panel .retail-filter-multiselect__trigger::before,
#askbase-panel .retail-filter-multiselect__trigger::after {
  content: none !important;
  display: none !important;
}

#askbase-panel .retail-filter-multiselect__summary {
  color: rgba(71, 85, 105, 0.88) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

#askbase-panel .retail-filter-multiselect__trigger:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #0f172a !important;
}

#askbase-panel .retail-filter-multiselect__trigger:hover .retail-filter-multiselect__summary {
  color: #0f172a !important;
}

/* Region-style SVG chevron */
#askbase-panel .retail-filter-multiselect__chevron {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  color: rgba(15, 23, 42, 0.62) !important;
  pointer-events: none !important;
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s ease !important;
}

#askbase-panel .retail-filter-multiselect__chevron svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

#askbase-panel .is-retail-filter-open .retail-filter-multiselect__chevron {
  transform: translateY(-50%) rotate(180deg) !important;
  color: rgba(15, 23, 42, 0.84) !important;
}

#askbase-panel .is-retail-filter-open .retail-filter-multiselect__trigger,
#askbase-panel .retail-filter-multiselect__trigger:focus,
#askbase-panel .retail-filter-multiselect__trigger:active {
  outline: none !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

#askbase-panel .retail-filter-multiselect__trigger:focus-visible {
  outline: 2px solid rgba(71, 85, 105, 0.28) !important;
  outline-offset: 2px !important;
}

/* Dropdown surface — near-opaque white card */
#askbase-panel #osmRetailSegmentDropdown.retail-filter-multiselect__dropdown,
#askbase-panel #osmRetailCategoryDropdown.retail-filter-multiselect__dropdown,
#askbase-panel #osmRetailBrandDropdown.retail-filter-multiselect__dropdown {
  top: calc(100% + 8px) !important;
  padding: 8px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #0f172a !important;
}

/* Option rows */
#askbase-panel #osmRetailSegmentDropdown .retail-filter-option,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option {
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #0f172a !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option:hover,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option:hover,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option:hover {
  background: rgba(15, 23, 42, 0.045) !important;
  color: #0f172a !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option--selected,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option--selected,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option--selected {
  background: rgba(248, 242, 218, 0.88) !important;
  color: #0f172a !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option--all,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option--all,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option--all {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  margin-bottom: 6px !important;
  border-radius: 12px 12px 4px 4px !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option__label,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option__label,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option__label {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: inherit !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option--all .retail-filter-option__label,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option--all .retail-filter-option__label,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option--all .retail-filter-option__label,
#askbase-panel #osmRetailSegmentDropdown .retail-filter-option--selected .retail-filter-option__label,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option--selected .retail-filter-option__label,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option--selected .retail-filter-option__label {
  font-weight: 600 !important;
}

#askbase-panel #osmRetailSegmentDropdown .retail-filter-option__count,
#askbase-panel #osmRetailCategoryDropdown .retail-filter-option__count,
#askbase-panel #osmRetailBrandDropdown .retail-filter-option__count {
  font-size: 11px !important;
  color: var(--ask-map-chrome-text) !important;
}

/* Checkbox → compact sharp square (not golden circle) */
#askbase-panel .retail-filter-option__checkbox,
#askbase-panel .retail-filter-option input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(15, 23, 42, 0.22) !important;
  background: #ffffff !important;
  background-image: none !important;
  accent-color: transparent !important;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none !important;
  position: relative !important;
}

#askbase-panel .retail-filter-option__checkbox:hover,
#askbase-panel .retail-filter-option input[type="checkbox"]:hover {
  border-color: rgba(15, 23, 42, 0.38) !important;
}

#askbase-panel .retail-filter-option__checkbox:checked,
#askbase-panel .retail-filter-option input[type="checkbox"]:checked {
  border: 1px solid #475569 !important;
  background: #475569 !important;
  background-image: none !important;
}

#askbase-panel .retail-filter-option__checkbox:checked::after,
#askbase-panel .retail-filter-option input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 3.5px !important;
  height: 7px !important;
  border: solid #fff !important;
  border-width: 0 1.4px 1.4px 0 !important;
  transform: rotate(45deg) !important;
  background: none !important;
}

#askbase-panel .retail-filter-option:focus-within {
  outline: 2px solid rgba(71, 85, 105, 0.28) !important;
  outline-offset: -2px !important;
}

/* ===== Left panel typography = Radar panel chrome ===== */
/* Source: #radar-panel-view .radar-title (13/600) + .radar-metrics (11/400) */
#askbase-panel {
  font-family: system-ui, -apple-system, Roboto, sans-serif;
  --ask-panel-font: system-ui, -apple-system, Roboto, sans-serif;
  --ask-panel-title-size: 13px;
  --ask-panel-title-weight: 600;
  --ask-panel-meta-size: 11px;
  --ask-panel-meta-weight: 400;
  --ask-panel-option-weight: 500;
}

#askbase-panel,
#askbase-panel .askbase-layer-label,
#askbase-panel #askMapRegionPickerLabel,
#askbase-panel #askMapRegionPickerTrigger,
#askbase-panel .ask-map-region-picker__label,
#askbase-panel .ask-map-region-picker__option,
#askbase-panel .ask-map-region-picker__option-text,
#askbase-panel .retail-filter-multiselect__trigger,
#askbase-panel .retail-filter-multiselect__summary,
#askbase-panel .retail-filter-option__label {
  font-family: var(--ask-panel-font) !important;
}

/* Primary chrome: region + Retailers + layer labels + filter triggers */
#askbase-panel #askMapRegionPickerLabel,
#askbase-panel #askMapRegionPickerTrigger,
#askbase-panel .ask-map-region-picker__label,
#askbase-panel .retail-panel-heading-row .askbase-layer-label,
#askbase-panel .askbase-layer-label,
#askbase-panel .retail-filter-multiselect__trigger {
  font-size: var(--ask-panel-title-size) !important;
  font-weight: var(--ask-panel-title-weight) !important;
  line-height: 1.2 !important;
  color: #0f172a !important;
}

#askbase-panel .retail-filter-multiselect__summary {
  font-size: var(--ask-panel-title-size) !important;
  font-weight: var(--ask-panel-title-weight) !important;
  line-height: 1.2 !important;
  color: rgba(71, 85, 105, 0.88) !important;
}

/* Secondary meta (counts) = MLP muted */
#askbase-panel .retail-panel-total,
#askbase-panel .retail-filter-option__count {
  font-size: var(--ask-panel-meta-size) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: rgba(71, 85, 105, 0.88) !important;
  font-variant-numeric: tabular-nums;
}

/* Dropdown options = region picker options (13/500) */
#askbase-panel .ask-map-region-picker__option,
#askbase-panel .ask-map-region-picker__option-text,
#askbase-panel .retail-filter-option__label {
  font-size: var(--ask-panel-title-size) !important;
  font-weight: var(--ask-panel-option-weight) !important;
  line-height: 1.2 !important;
}

#askbase-panel .ask-map-region-picker__option.is-active,
#askbase-panel .ask-map-region-picker__option.is-active .ask-map-region-picker__option-text,
#askbase-panel .retail-filter-option--selected .retail-filter-option__label,
#askbase-panel .retail-filter-option--all .retail-filter-option__label {
  font-weight: var(--ask-panel-title-weight) !important;
}

/* ===== Unified premium warm-active (filter controls) ===== */
/* Reference: selected dropdown row rgba(248,242,218) + gold #D9B85F.
   Subtle cream tint + thin warm border + soft inset — not a full orange fill. */

#askbase-panel .askbase-pill--active,
#askbase-panel .askbase-pill--layer-osm-retail.askbase-pill--active,
#askbase-panel .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill.askbase-pill--active,
#askbase-panel #askGpsTracesToggle.askbase-pill--active,
#askbase-panel #askGpsTracesToggle[aria-pressed="true"],
#askbase-panel .retail-filter-multiselect__trigger.is-retail-filter-applied,
#askbase-panel .retail-filter-multiselect.is-retail-filter-applied .retail-filter-multiselect__trigger {
  background: var(--ask-warm-active-bg-strong) !important;
  border: 1px solid var(--ask-warm-active-border) !important;
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow) !important;
  color: var(--ask-warm-active-text) !important;
  filter: none !important;
}

#askbase-panel .askbase-pill--active:hover,
#askbase-panel .askbase-pill--layer-osm-retail.askbase-pill--active:hover,
#askbase-panel .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill.askbase-pill--active:hover,
#askbase-panel .retail-filter-multiselect__trigger.is-retail-filter-applied:hover,
#askbase-panel .retail-filter-multiselect.is-retail-filter-applied .retail-filter-multiselect__trigger:hover {
  background: rgba(248, 242, 218, 0.86) !important;
  border-color: rgba(217, 184, 95, 0.38) !important;
  filter: none !important;
  color: var(--ask-warm-active-text) !important;
}

#askbase-panel .askbase-pill--active .askbase-mode-icon,
#askbase-panel .askbase-pill--active svg,
#askbase-panel .askbase-pill--layer-osm-retail.askbase-pill--active svg,
#askbase-panel .askbase-layer-row--transport-toolbar .askbase-pill--active .askbase-mode-icon,
#askbase-panel #askGpsTracesToggle.askbase-pill--active .askbase-mode-icon,
#askbase-panel #askGpsTracesToggle[aria-pressed="true"] .askbase-mode-icon {
  color: var(--ask-warm-active-icon) !important;
  fill: currentColor;
  opacity: 1 !important;
}

#askbase-panel .retail-filter-multiselect__trigger.is-retail-filter-applied .retail-filter-multiselect__summary,
#askbase-panel .retail-filter-multiselect.is-retail-filter-applied .retail-filter-multiselect__summary {
  color: var(--ask-warm-active-text) !important;
}

#askbase-panel .retail-filter-multiselect__trigger.is-retail-filter-applied::after,
#askbase-panel .retail-filter-multiselect.is-retail-filter-applied .retail-filter-multiselect__trigger::after {
  content: none !important;
  display: none !important;
}

#askbase-panel .retail-filter-multiselect__trigger.is-retail-filter-applied .retail-filter-multiselect__chevron,
#askbase-panel .retail-filter-multiselect.is-retail-filter-applied .retail-filter-multiselect__chevron {
  color: rgba(15, 23, 42, 0.72) !important;
}

/* Keep open state calm: open ≠ applied; only chevron rotates */
#askbase-panel .is-retail-filter-open:not(.is-retail-filter-applied) .retail-filter-multiselect__trigger {
  border-color: rgba(148, 163, 184, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 6px 18px rgba(15, 23, 42, 0.06) !important;
  background: rgba(248, 251, 249, 0.88) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

/* Map chrome toggles (favorites / hot / geo / tool rail) — same warm language */
.ask-map-favorites-viz-btn.askbase-pill--active,
.ask-map-favorites-viz-btn[aria-pressed="true"],
.ask-map-hot-viz-btn.askbase-pill--active,
.ask-map-hot-viz-btn[aria-pressed="true"],
.ask-map-region-header__viz-btn.askbase-pill--active,
.askbase-geo-btn.askbase-geo-btn--active:not(.askbase-up-switch-btn):not(.ask-map-agent__toggle):not(.ask-map-agent__send),
#askbase-userpoints-btn.askbase-geo-btn--active,
#userpoints-toggle-btn:not(.askbase-up-switch-btn).askbase-geo-btn--active,
#askbase-ruler-btn.askbase-geo-btn--active,
#askbase-radar-btn.askbase-geo-btn--active,
#askbase-clusters-btn.askbase-geo-btn--active,
#askbase-urban-btn.askbase-geo-btn--active,
#askbase-expansion-btn.askbase-geo-btn--active {
  background: var(--ask-warm-active-bg-strong) !important;
  border: 0.5px solid var(--ask-warm-active-border) !important;
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow) !important;
  color: var(--ask-warm-active-text) !important;
  opacity: 1 !important;
}

.ask-map-favorites-viz-btn.askbase-pill--active .ask-map-favorites-viz-btn__icon,
.ask-map-favorites-viz-btn[aria-pressed="true"] .ask-map-favorites-viz-btn__icon,
.ask-map-hot-viz-btn.askbase-pill--active .ask-map-hot-viz-btn__icon,
.ask-map-hot-viz-btn[aria-pressed="true"] .ask-map-hot-viz-btn__icon,
.ask-map-region-header__viz-btn.askbase-pill--active .askbase-mode-icon,
.askbase-geo-btn.askbase-geo-btn--active svg {
  color: var(--ask-warm-active-icon) !important;
}

/* Bottom sheets / segmented toggles — same tokens (already warm; lock to one recipe) */
.askbase-bottom-sheet .askbase-pill--active,
.askbase-bottom-sheet .askbase-radar-radius-pill--active,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban .askbase-pill--active,
#urban-panel-view .askbase-bottom-sheet__controls-row--urban > button[data-mode].active,
#urban-panel-view .urban-v2-icon-pill.is-active,
#radar-panel-view .radar-controls .askbase-radar-radius-pill--active,
.askbase-bottom-sheet__controls-row--clusters .askbase-pill--active {
  background: var(--ask-warm-active-bg-strong) !important;
  border: 1px solid var(--ask-warm-active-border) !important;
  box-shadow: var(--ask-warm-active-inset) !important;
  color: var(--ask-warm-active-text) !important;
}

/* ============================================================
   Radar mobile vertical tabs + bottom sheet (presentation only)
   Desktop (≥769px) unchanged. Breakpoint: 768px.
   ============================================================ */

.radar-sheet-handle,
.radar-mobile-tabs {
  display: none;
}

@media (max-width: 768px) {
  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] {
    left: 8px;
    right: 8px;
    bottom: 0;
    bottom: env(safe-area-inset-bottom, 0px);
    width: auto;
    min-height: 0;
    height: 52vh;
    height: 52dvh;
    max-height: calc(88vh - env(safe-area-inset-top, 0px));
    max-height: calc(88dvh - env(safe-area-inset-top, 0px));
    padding: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"][data-radar-sheet-size="expanded"] {
    height: 86vh;
    height: 86dvh;
    max-height: calc(88vh - env(safe-area-inset-top, 0px));
    max-height: calc(88dvh - env(safe-area-inset-top, 0px));
  }

  /* Mobile Radar: resize via handle only — hide collapse chevron + close */
  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] > #radarPanelCollapseBtn,
  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] > #askbase-sheet-close,
  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] > .askbase-sheet-collapse-btn,
  #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] > .askbase-bottom-sheet__close {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  /* Small/collapsed peek removed: treat legacy collapsed class as medium height */
  #askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"] {
    height: 52vh !important;
    height: 52dvh !important;
    min-height: 0 !important;
    max-height: calc(88vh - env(safe-area-inset-top, 0px)) !important;
    max-height: calc(88dvh - env(safe-area-inset-top, 0px)) !important;
    transform: translateY(0) !important;
  }

  #askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"] #radar-panel-view .askbase-bottom-sheet__body,
  #askbase-bottom-sheet.askbase-bottom-sheet--open.askbase-bottom-sheet--collapsed[data-sheet-mode="radar"] #radarMobileTabs {
    opacity: 1 !important;
    pointer-events: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: revert;
    padding: revert;
    border: revert;
  }

  @media (prefers-reduced-motion: reduce) {
    #askbase-bottom-sheet.askbase-bottom-sheet--open[data-sheet-mode="radar"] {
      transition: none !important;
    }
  }

  #radar-panel-view {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  #radar-panel-view .radar-mobile-chrome {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 5;
    background: inherit;
    background: var(--askbase-radar-glass-bg, rgba(255, 255, 255, 0.72));
    backdrop-filter: var(--askbase-radar-glass-blur, blur(14px));
    -webkit-backdrop-filter: var(--askbase-radar-glass-blur, blur(14px));
    border-bottom: 0.5px solid rgba(15, 23, 42, 0.08);
    margin: 0 -2px 6px;
    padding: 0 2px 6px;
  }

  .radar-sheet-handle {
    display: block;
    width: 40px;
    height: 4px;
    margin: 0 auto 6px;
    padding: 12px 28px;
    box-sizing: content-box;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.42);
    background-clip: content-box;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.65) inset,
      0 4px 12px rgba(15, 23, 42, 0.06);
    opacity: 0.95;
    touch-action: none;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
  }

  .radar-sheet-handle:active {
    cursor: grabbing;
    background: rgba(100, 116, 139, 0.52);
    background-clip: content-box;
  }

  #radar-panel-view .askbase-bottom-sheet__header {
    margin-bottom: 6px;
  }

  #radar-panel-view .radar-header {
    flex-wrap: wrap;
    gap: 6px 8px;
    padding-right: 4px;
    overflow: visible;
  }

  #radar-panel-view .radar-title {
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }

  #radar-panel-view .radar-controls {
    flex-wrap: nowrap;
    gap: 4px;
    max-width: 100%;
  }

  #radar-panel-view .radar-controls .askbase-radar-radius-pill {
    height: 30px;
    min-height: 30px;
    padding: 0 9px;
    font-size: 11px;
    white-space: nowrap;
  }

  #radar-panel-view .radar-controls #radarProfileType {
    display: none;
  }

  #radar-panel-view .radar-metrics {
    display: none;
  }

  .radar-mobile-tabs {
    display: flex;
    align-items: stretch;
    gap: 2px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .radar-mobile-tabs::-webkit-scrollbar {
    display: none;
  }

  .radar-mobile-tab {
    flex: 1 1 0;
    min-width: 64px;
    min-height: 40px;
    margin: 0;
    padding: 8px 6px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    /* Beat #askbase-bottom-sheet * light-text cascade on glass panel */
    color: rgba(15, 23, 42, 0.78) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    opacity: 1 !important;
  }

  .radar-mobile-tab:focus-visible {
    outline: 2px solid rgba(217, 184, 95, 0.55);
    outline-offset: 1px;
  }

  .radar-mobile-tab--active,
  .radar-mobile-tab[aria-selected="true"] {
    color: rgba(70, 48, 12, 0.94) !important;
    font-weight: 600;
    background: rgba(248, 242, 218, 0.72);
  }

  .radar-mobile-tab--active::after,
  .radar-mobile-tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 3px;
    height: 2px;
    border-radius: 2px;
    background: rgba(180, 140, 40, 0.85);
  }

  #radar-panel-view .askbase-bottom-sheet__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-right: 0;
  }

  #radar-results-grid {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }

  #radar-results-grid .radar-cols {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0;
    height: auto;
  }

  #radar-results-grid .radar-col {
    display: none !important;
    width: 100%;
    min-width: 0;
  }

  #radar-results-grid .radar-col.is-radar-tab-active {
    display: block !important;
  }

  #radar-results-grid .radar-col > .radar-card {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 8px 12px;
    border-radius: 12px;
    overflow: visible;
  }

  #radar-results-grid .radar-card__title {
    margin-bottom: 8px;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    white-space: normal;
  }

  /* Urban / Demand metric rows — full width */
  #radar-results-grid .radar-metric-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-bottom: 8px;
  }

  #radar-results-grid .radar-metric-box,
  #radar-results-grid .radar-metric-box--wide {
    grid-column: 1 / -1;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    border-radius: 0;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0.5px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: none !important;
  }

  #radar-results-grid .radar-metric-box__body {
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  #radar-results-grid .radar-metric-box__label {
    font-size: 12px;
    line-height: 1.3;
    opacity: 0.78;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  #radar-results-grid .radar-metric-box__value {
    flex: 0 0 auto;
    font-size: 13px;
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
  }

  #radar-results-grid .radar-demand-scenarios {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-bottom: 8px;
  }

  #radar-results-grid .radar-demand-scenario {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 4px;
    border-bottom: 0.5px solid rgba(15, 23, 42, 0.08);
  }

  #radar-results-grid .radar-demand-driver-list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  #radar-results-grid .radar-demand-driver-row {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    padding: 10px 2px;
    border-bottom: 0.5px solid rgba(15, 23, 42, 0.08);
  }

  #radar-results-grid .radar-demand-driver-row__label {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.3;
    font-size: 12px;
  }

  #radar-results-grid .radar-demand-driver-row__value {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
  }

  /* Tables → readable full-width lists */
  #radar-results-grid .radar-card__scroll {
    overflow: visible !important;
    max-height: none !important;
  }

  #radar-results-grid .radar-table {
    width: 100%;
    table-layout: fixed;
  }

  #radar-results-grid .radar-table th,
  #radar-results-grid .radar-table td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: top;
  }

  #radar-results-grid .radar-table--mix th:nth-child(1),
  #radar-results-grid .radar-table--mix td:nth-child(1),
  #radar-results-grid .radar-table--brands th:nth-child(1),
  #radar-results-grid .radar-table--brands td:nth-child(1),
  #radar-results-grid .radar-table--structure th:nth-child(1),
  #radar-results-grid .radar-table--structure td:nth-child(1) {
    width: auto;
  }

  #radar-results-grid .radar-table--mix th:nth-child(2),
  #radar-results-grid .radar-table--mix td:nth-child(2),
  #radar-results-grid .radar-table--brands th:nth-child(2),
  #radar-results-grid .radar-table--brands td:nth-child(2),
  #radar-results-grid .radar-table--structure th:nth-child(2),
  #radar-results-grid .radar-table--structure td:nth-child(2),
  #radar-results-grid .radar-table--structure th:nth-child(3),
  #radar-results-grid .radar-table--structure td:nth-child(3) {
    width: 52px;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  #radar-results-grid .radar-table--brands th:nth-child(3),
  #radar-results-grid .radar-table--brands td:nth-child(3) {
    width: 52px;
    text-align: right;
    white-space: nowrap;
  }

  #radar-results-grid .radar-mix__name,
  #radar-results-grid .radar-brands__name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  #radar-results-grid .radar-mix-bar {
    height: 3px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    display: block;
    overflow: hidden;
  }

  #radar-results-grid .radar-mix-bar__fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: rgba(217, 184, 95, 0.55);
  }

  #radar-results-grid .radar-table--mix td,
  #radar-results-grid .radar-table--brands td,
  #radar-results-grid .radar-table--structure td {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 0.5px solid rgba(15, 23, 42, 0.08);
  }
}

/* ===== Field Objects («Фотометка») map UI ===== */
body:not(.ask-map-mode-3d) #ask-field-object-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 9100 !important;
}

#ask-field-object-btn.askbase-geo-btn--active {
  background: rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.18);
  color: #0f172a;
  box-shadow: none;
}

.ask-field-object-marker-wrap {
  background: transparent !important;
  border: none !important;
}

.ask-field-object-marker {
  width: var(--ask-delete-marker-size, 30px);
  height: var(--ask-delete-marker-size, 30px);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--ask-delete-marker-border, rgba(15, 23, 42, 0.78));
  background: var(--ask-delete-marker-bg, rgba(255, 255, 255, 0.96));
  color: var(--ask-delete-marker-fg, rgba(15, 23, 42, 0.88));
  box-shadow: var(--ask-delete-marker-shadow, 0 2px 8px rgba(15, 23, 42, 0.14));
  cursor: pointer;
  padding: 0;
}

.ask-field-object-marker svg {
  width: 14px;
  height: 14px;
  display: block;
}

.ask-field-object-marker.is-selected,
.ask-field-object-marker:focus-visible {
  outline: none;
  box-shadow:
    var(--ask-delete-marker-shadow, 0 4px 14px rgba(15, 23, 42, 0.28)),
    var(--ask-delete-marker-ring, 0 0 0 2px rgba(15, 23, 42, 0.35));
}

.ask-field-object-marker--preview {
  width: 26px;
  height: 26px;
  opacity: 0.9;
  pointer-events: none;
}

.ask-field-object-marker--3d {
  width: var(--ask-delete-marker-size, 30px);
  height: var(--ask-delete-marker-size, 30px);
}

.ask-field-object-preview-icon {
  background: transparent !important;
  border: none !important;
}

/* Field Object UI — aligned to ask-delete-dialog tokens (ask-delete-dialog.css) */
.ask-field-object-panel-open {
  overflow: hidden;
}

.ask-field-object-panel {
  position: fixed;
  inset: 0;
  z-index: 12040;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ask-delete-title-color, #0f172a);
}

.ask-field-object-panel.hidden {
  display: none !important;
}

.ask-field-object-panel__backdrop {
  position: absolute;
  inset: 0;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  transition: var(--ask-delete-backdrop-transition, none);
}

.ask-field-object-panel__sheet {
  position: relative;
  z-index: 1;
  width: min(480px, 100%);
  max-height: min(88vh, 820px);
  max-height: min(88dvh, 820px);
  display: flex;
  flex-direction: column;
  background: var(--ask-delete-card-bg, #ffffff);
  border: var(--ask-delete-card-border, 0);
  border-radius: var(--ask-delete-card-radius, 14px) var(--ask-delete-card-radius, 14px) 0 0;
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  overflow: hidden;
}

@media (min-width: 900px) {
  .ask-field-object-panel {
    align-items: center;
  }
  .ask-field-object-panel__sheet {
    border-radius: var(--ask-delete-card-radius, 14px);
    max-height: min(82vh, 760px);
    max-height: min(82dvh, 760px);
    margin: 24px;
    width: min(480px, calc(100vw - 48px));
  }
}

.ask-field-object-panel__grab {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.12);
  margin: 10px auto 0;
  flex: 0 0 auto;
}

.ask-field-object-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 8px;
  flex: 0 0 auto;
  background: var(--ask-delete-card-bg, #ffffff);
  position: sticky;
  top: 0;
  z-index: 2;
}

.ask-field-object-panel__title {
  margin: 0;
  font-size: var(--ask-delete-title-size, 16px);
  font-weight: var(--ask-delete-title-weight, 600);
  line-height: var(--ask-delete-title-line-height, normal);
  color: var(--ask-delete-title-color, #0f172a);
}

.ask-field-object-panel__sub {
  margin: 4px 0 0;
  font-size: var(--ask-delete-description-size, 13px);
  font-weight: var(--ask-delete-description-weight, 400);
  line-height: var(--ask-delete-description-line-height, 1.4);
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
}

.ask-field-object-panel__close,
.ask-fo-close {
  width: var(--ask-delete-close-size, 32px);
  height: var(--ask-delete-close-size, 32px);
  border: 1px solid var(--ask-delete-close-border, rgba(15, 23, 42, 0.08));
  border-radius: 999px;
  background: var(--ask-delete-close-bg, rgba(15, 23, 42, 0.04));
  color: var(--ask-delete-close-color, rgba(15, 23, 42, 0.82));
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ask-field-object-panel__close:hover {
  background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04));
  border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12));
}

.ask-field-object-panel__close:focus {
  outline: none;
}

.ask-field-object-panel__close:focus-visible {
  box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
}

/* Field-object photo upload — same runner as cabinet listings loading bar */
.ask-fo-progress {
  margin: 0 18px 8px;
  padding: 8px 2px 10px;
  border-radius: 0;
  background: transparent;
  color: rgba(100, 116, 139, 0.72);
  font-size: 11px;
  flex: 0 0 auto;
}

.ask-fo-progress__text {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(100, 116, 139, 0.72);
  line-height: 1.35;
}

.ask-fo-progress__track {
  position: relative;
  height: 2px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.ask-fo-progress__bar {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 0.4) 0%,
    rgba(37, 99, 235, 0.85) 100%
  );
  transition: width 0.25s ease;
}

.ask-fo-progress.is-indeterminate .ask-fo-progress__bar {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 0) 0%,
    rgba(37, 99, 235, 0.55) 45%,
    rgba(15, 23, 42, 0.35) 100%
  );
  animation: ask-cabinet-progress-run 1.15s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transition: none;
}

.ask-fo-progress.is-determinate .ask-fo-progress__bar {
  position: relative;
}

@keyframes ask-cabinet-progress-run {
  0% {
    transform: translateX(-130%);
  }
  100% {
    transform: translateX(290%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ask-fo-progress.is-indeterminate .ask-fo-progress__bar {
    animation: none !important;
    width: 100%;
    transform: none;
    opacity: 0.45;
  }
}

.ask-field-object-panel__body {
  padding: 0 18px 12px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  overscroll-behavior: contain;
}

.ask-fo-error {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: var(--ask-delete-button-radius, 14px);
  background: rgba(254, 226, 226, 0.9);
  color: #991b1b;
  font-size: 13px;
  line-height: 1.4;
}

.ask-fo-retry-gps {
  margin-left: 6px;
  border: 0;
  background: transparent;
  color: #9a3412;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}

.ask-fo-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

.ask-fo-label {
  font-size: var(--ask-delete-label-size, 12px);
  font-weight: var(--ask-delete-label-weight, 500);
  color: var(--ask-delete-label-color, rgba(15, 23, 42, 0.62));
}

.ask-fo-label em {
  color: var(--ask-delete-required-color, rgba(15, 23, 42, 0.45));
  font-style: normal;
  font-weight: 500;
}

.ask-fo-input,
.ask-fo-textarea {
  width: 100%;
  min-height: var(--ask-delete-button-height, 40px);
  border-radius: var(--ask-delete-button-radius, 14px);
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  background: #fff;
  padding: 10px 12px;
  font-size: 16px;
  font-family: inherit;
  color: var(--ask-delete-title-color, #0f172a);
  box-sizing: border-box;
  box-shadow: none;
}

.ask-fo-input:focus,
.ask-fo-textarea:focus {
  outline: none;
  box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
  border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12));
}

.ask-fo-textarea {
  min-height: 84px;
  resize: vertical;
}

.ask-fo-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 10px;
}

@media (max-width: 360px) {
  .ask-fo-row {
    grid-template-columns: 1fr;
  }
}

.ask-fo-photo-box {
  position: relative;
  min-height: 96px;
  max-height: 112px;
  border-radius: var(--ask-delete-card-radius, 14px);
  border: 1px dashed rgba(15, 23, 42, 0.16);
  background: rgba(248, 250, 252, 0.95);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  box-sizing: border-box;
}

.ask-fo-photo-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.ask-fo-photo-placeholder {
  pointer-events: none;
  text-align: left;
  padding: 0;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
  font-size: 13px;
  line-height: 1.35;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.ask-fo-photo-placeholder__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.ask-fo-photo-placeholder__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.ask-fo-photo-placeholder__title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--ask-delete-title-color, #0f172a);
}

.ask-fo-photo-placeholder__hint {
  margin: 2px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
}

.ask-fo-photo-preview {
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
  display: block;
}

.ask-fo-photo-clear {
  margin-top: 8px;
  align-self: flex-start;
  border: 0;
  background: transparent;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
}

.ask-fo-photo-wrap,
.ask-fo-edit-gallery {
  margin-bottom: 12px;
}

.ask-fo-photo-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ask-fo-photo-count {
  font-size: 13px;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
  font-weight: 500;
}

.ask-fo-photo-strip-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}

.ask-fo-photo-strip {
  display: flex;
  gap: 10px;
  align-items: stretch;
  min-height: 108px;
}

.ask-fo-photo-thumb {
  position: relative;
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  border-radius: 12px;
  overflow: hidden;
  background: #f1f5f9;
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
}

.ask-fo-photo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ask-fo-photo-thumb.is-uploading {
  opacity: 0.72;
}

.ask-fo-photo-thumb.is-error {
  border-color: rgba(239, 68, 68, 0.65);
}

.ask-fo-photo-thumb__num {
  position: absolute;
  top: 6px;
  left: 6px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.ask-fo-photo-thumb__cover {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 28px;
  padding: 2px 6px;
  border-radius: var(--ask-delete-badge-radius, 999px);
  background: var(--ask-delete-cover-bg, rgba(255, 255, 255, 0.88));
  color: var(--ask-delete-cover-text, rgba(15, 23, 42, 0.82));
  border: 1px solid var(--ask-delete-cover-border, rgba(15, 23, 42, 0.12));
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

.ask-fo-photo-thumb__actions {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  gap: 2px;
  padding: 4px;
  background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.55));
  z-index: 1;
}

.ask-fo-photo-thumb__move,
.ask-fo-photo-thumb__remove {
  min-width: 24px;
  height: 22px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}

.ask-fo-photo-thumb__remove {
  font-size: 14px;
  font-weight: 700;
}

.ask-fo-photo-thumb__err {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  z-index: 1;
}

.ask-fo-photo-add {
  flex: 0 0 96px;
  width: 96px;
  min-height: 96px;
  border-radius: 12px;
  border: 1px dashed rgba(15, 23, 42, 0.16);
  background: rgba(248, 250, 252, 0.95);
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  padding: 8px;
  box-sizing: border-box;
}

.ask-fo-photo-add__plus {
  font-size: 22px;
  line-height: 1;
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
}

.ask-fo-photo-add__label {
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
}

.ask-fo-photo-limit-msg {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
}

.ask-fo-photo-input--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ask-fo-popup__gallery {
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  align-items: center;
  gap: 4px;
  margin-bottom: 10px;
}

.ask-fo-popup__gallery-frame {
  position: relative;
  width: 100%;
  height: 132px;
  border-radius: 12px;
  overflow: hidden;
  background: #f1f5f9;
}

.ask-fo-popup__gallery-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ask-fo-popup__gallery-counter {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--ask-delete-count-bg, rgba(255, 255, 255, 0.88));
  color: var(--ask-delete-count-text, rgba(15, 23, 42, 0.82));
  border: 1px solid var(--ask-delete-count-border, rgba(15, 23, 42, 0.12));
  font-size: 11px;
  font-weight: 500;
}

.ask-fo-popup__gallery-nav {
  width: 28px;
  height: 28px;
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ask-fo-popup__gallery-nav:hover {
  background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04));
}

.ask-fo-coords,
.ask-fo-current-photo {
  margin-bottom: 12px;
}

.ask-fo-coords-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 13px;
  color: var(--ask-delete-title-color, #0f172a);
  margin-top: 4px;
}

.ask-fo-coords-note {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(15, 23, 42, 0.45);
}

.ask-fo-current-photo-img {
  margin-top: 6px;
  max-width: 100%;
  max-height: 160px;
  border-radius: 12px;
  object-fit: cover;
}

.ask-field-object-panel__footer {
  display: flex;
  gap: var(--ask-delete-actions-gap, 10px);
  padding: 12px 18px max(14px, env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  background: var(--ask-delete-card-bg, #ffffff);
  flex: 0 0 auto;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.ask-fo-btn {
  box-sizing: border-box;
  height: var(--ask-delete-button-height, 40px);
  min-height: var(--ask-delete-button-height, 40px);
  min-width: var(--ask-delete-button-min-width, 92px);
  border-radius: var(--ask-delete-button-radius, 14px);
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  padding: var(--ask-delete-button-padding, 0 16px);
  font-size: var(--ask-delete-button-size, 14px);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background: var(--ask-delete-neutral-bg, rgba(255, 255, 255, 0.72));
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  box-shadow: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    transform 0.12s ease;
}

.ask-fo-btn--ghost,
.ask-fo-btn--secondary {
  flex: 0 0 auto;
  background: var(--ask-delete-neutral-bg, rgba(255, 255, 255, 0.72));
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  border-color: var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  font-weight: 500;
}

.ask-fo-btn--primary {
  flex: 1 1 auto;
  font-weight: var(--ask-action-weight, var(--ask-delete-danger-weight, 650));
  background: var(--ask-action-bg, var(--ask-delete-danger-bg, rgba(255, 255, 255, 0.72)));
  border-color: var(--ask-action-border, var(--ask-delete-danger-border, rgba(15, 23, 42, 0.82)));
  color: var(--ask-action-text, var(--ask-delete-danger-text, rgba(15, 23, 42, 0.82)));
  box-shadow: none;
}

.ask-fo-btn--tertiary {
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.55);
  border-color: var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  color: rgba(15, 23, 42, 0.68);
  font-weight: 500;
}

.ask-fo-btn:hover {
  background: var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04));
  border-color: var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12));
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
}

.ask-fo-btn--primary:hover {
  background: var(--ask-action-hover-bg, var(--ask-delete-hover-bg, rgba(15, 23, 42, 0.04)));
  border-color: var(--ask-action-hover-border, var(--ask-delete-hover-border, rgba(15, 23, 42, 0.12)));
  color: var(--ask-action-text, var(--ask-delete-danger-text, rgba(15, 23, 42, 0.82)));
}

.ask-fo-btn:active {
  transform: translateY(1px);
}

.ask-fo-btn:focus {
  outline: none;
}

.ask-fo-btn:focus-visible {
  box-shadow: var(--ask-delete-focus-ring, 0 0 0 3px rgba(100, 116, 139, 0.35));
}

.ask-fo-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

.ask-field-object-toast {
  position: fixed;
  left: 50%;
  bottom: max(24px, env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%) translateY(16px);
  z-index: 12100;
  max-width: min(420px, calc(100vw - 24px));
  padding: 12px 16px;
  border-radius: var(--ask-delete-card-radius, 14px);
  background: var(--ask-delete-card-bg, #ffffff);
  color: var(--ask-delete-title-color, #0f172a);
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
  font-size: var(--ask-delete-description-size, 13px);
  font-weight: 500;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ask-field-object-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.ask-field-object-toast--region-announce {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px 12px;
  pointer-events: auto;
}

.ask-field-object-toast--region-announce[hidden] {
  display: none;
}

.ask-field-object-toast--region-announce .ask-fo-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.ask-field-object-toast--region-announce .ask-field-object-toast__text {
  margin: 0;
  padding-right: 28px;
  font-weight: 500;
}

.ask-field-object-toast--region-announce .ask-field-object-toast__actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: var(--ask-delete-actions-gap, 10px);
}

.ask-field-object-popup-leaflet .leaflet-popup-content-wrapper {
  border-radius: var(--ask-delete-card-radius, 14px);
  padding: 0;
  overflow: hidden;
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
  border: var(--ask-delete-card-border, 0);
}

.ask-field-object-popup-leaflet .leaflet-popup-content {
  margin: 0;
  min-width: 240px;
}

.ask-fo-popup {
  padding: 16px 16px 14px;
  color: var(--ask-delete-title-color, #0f172a);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ask-fo-popup__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding-right: 28px;
}

.ask-fo-popup__title {
  font-weight: var(--ask-delete-title-weight, 600);
  font-size: var(--ask-delete-title-size, 16px);
  line-height: 1.3;
  color: var(--ask-delete-title-color, #0f172a);
}

.ask-fo-popup__photo {
  width: 100%;
  height: 140px;
  border-radius: 12px;
  overflow: hidden;
  background: #f1f5f9;
  margin-bottom: 10px;
}

.ask-fo-popup__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ask-fo-popup__photo.is-failed,
.ask-fo-popup__photo.is-empty {
  background: rgba(241, 245, 249, 0.95);
}

.ask-fo-popup__meta {
  display: grid;
  gap: 4px;
  font-size: var(--ask-delete-description-size, 13px);
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
  margin-bottom: 12px;
}

.ask-fo-popup__meta strong {
  font-weight: 600;
  color: var(--ask-delete-title-color, #0f172a);
}

.ask-fo-popup__desc {
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
}

.ask-fo-popup__badge {
  margin-top: 4px;
  font-size: 12px;
  color: var(--ask-delete-description-color, rgba(15, 23, 42, 0.65));
}

.ask-fo-popup__actions {
  display: flex;
  gap: var(--ask-delete-actions-gap, 10px);
  justify-content: flex-end;
}

.ask-fo-popup__actions .ask-fo-btn {
  flex: 1 1 0;
  min-height: var(--ask-delete-button-height, 40px);
  height: var(--ask-delete-button-height, 40px);
}

.ask-fo-popup__actions .ask-fo-btn--tertiary {
  border-color: var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08));
}

.ask-field-object-float-popup {
  position: fixed;
  inset: 0;
  z-index: 12050;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: var(--ask-delete-backdrop-bg, rgba(15, 23, 42, 0.35));
  backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  -webkit-backdrop-filter: var(--ask-delete-backdrop-blur, blur(2px));
  padding: 16px;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}

.ask-field-object-float-popup.is-open {
  display: flex;
}

.ask-field-object-float-popup__card {
  position: relative;
  width: var(--ask-delete-card-width, min(420px, calc(100vw - 32px)));
  background: var(--ask-delete-card-bg, #ffffff);
  border-radius: var(--ask-delete-card-radius, 14px);
  box-shadow: var(--ask-delete-card-shadow, 0 20px 60px rgba(15, 23, 42, 0.18));
  border: var(--ask-delete-card-border, 0);
  overflow: hidden;
}

.ask-field-object-float-popup__card .ask-fo-popup__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ask-delete-neutral-text, rgba(15, 23, 42, 0.82));
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ask-field-object-float-popup__card .ask-fo-popup__close:hover,
.ask-field-object-float-popup__card .ask-fo-popup__close:focus-visible {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--ask-delete-title-color, #0f172a);
}
/* ===== APP SHELL: map | cabinet modes ===== */
#ask-map-root {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/* Floating map chrome outside #ask-map-root (avoids MapLibre WebGL compositor flicker). */
#ask-map-chrome-host.ask-map-chrome-host,
#ask-map-chrome-host {
  position: fixed;
  inset: 0;
  z-index: 500050;
  pointer-events: none;
  overflow: visible;
}

body.photo-viewer-open #ask-map-chrome-host.ask-map-chrome-host,
body.photo-viewer-open #ask-map-chrome-host {
  z-index: 11000 !important;
}

#ask-map-chrome-host > * {
  pointer-events: auto;
}

body.ask-app-mode-cabinet #ask-map-chrome-host,
body.ask-app-mode-profile #ask-map-chrome-host {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ask-app-mode-cabinet #ask-map-root {
  position: fixed;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}

#ask-cabinet-root.ask-cabinet-root,
#ask-cabinet-root {
  display: none;
}

body.ask-app-mode-cabinet #ask-cabinet-root {
  display: block !important;
  position: fixed;
  inset: 0;
  z-index: 500000;
  overflow: auto;
  overflow-x: hidden;
  background: #f4f7fb;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

#ask-profile-root.ask-profile-root,
#ask-profile-root {
  display: none;
}

body.ask-app-mode-profile #ask-map-root {
  position: fixed;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}

body.ask-app-mode-profile #ask-profile-root {
  display: block !important;
  position: fixed;
  inset: 0;
  z-index: 500000;
  overflow: auto;
  overflow-x: hidden;
  background: #f4f7fb;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

body.ask-app-mode-map #ask-profile-root,
body.ask-app-mode-cabinet #ask-profile-root,
body.ask-app-mode-map #ask-profile-root *,
body.ask-app-mode-cabinet #ask-profile-root * {
  pointer-events: none !important;
}

body.ask-app-mode-map #ask-profile-root,
body.ask-app-mode-cabinet #ask-profile-root {
  display: none !important;
  visibility: hidden !important;
  z-index: -1 !important;
}

body.ask-app-mode-profile {
  overflow: auto !important;
}

body.ask-app-mode-profile #askbase-mode-seg {
  z-index: 500100;
}

body.ask-app-mode-profile #askbase-mode-seg.ask-mode-seg--shared,
body.ask-app-mode-profile #askbase-mode-seg.ask-mode-seg--profile {
  position: fixed;
}

body.ask-app-mode-profile a.ask-profile-link,
body.ask-app-mode-profile #askbase-profile-link {
  display: none !important;
}

/* Map mode: cabinet must never intercept map chrome clicks (☰ / search / etc). */
body.ask-app-mode-map #ask-cabinet-root,
body.ask-app-mode-map #ask-cabinet-root * {
  pointer-events: none !important;
}

body.ask-app-mode-map #ask-cabinet-root {
  display: none !important;
  visibility: hidden !important;
  z-index: -1 !important;
}

/*
 * Listing editor opened from Expansion/map: keep map mode, surface only
 * #listingEditorModal (cabinet-styled) over the map.
 * IMPORTANT: do not use display:none on ancestors of the modal — that cannot
 * be overridden by children. Use visibility so the modal can stay visible.
 * Avoid `#ask-cabinet-root * { visibility:hidden }` — thrash on every keypress.
 */
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root {
  display: block !important;
  visibility: visible !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 600000 !important;
  overflow: hidden !important;
  background: transparent !important;
  pointer-events: none !important;
}
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .ask-cabinet-mount,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .account-shell,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .account-main,
body.ask-app-mode-map.listing-editor-map-overlay #listings {
  display: block !important;
  visibility: visible !important;
  background: transparent !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
/* Narrow hide: cabinet chrome + listings siblings — not every descendant. */
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .account-header-drawer,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .account-header-panel,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .header-center-tabs,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .tabs,
body.ask-app-mode-map.listing-editor-map-overlay #ask-cabinet-root .panel:not(#listings),
body.ask-app-mode-map.listing-editor-map-overlay #listings > *:not(#listingEditorModal) {
  visibility: hidden !important;
  pointer-events: none !important;
}
body.ask-app-mode-map.listing-editor-map-overlay #listingEditorModal,
body.ask-app-mode-map.listing-editor-map-overlay #listingEditorModal * {
  visibility: visible !important;
  pointer-events: auto !important;
}
body.ask-app-mode-map.listing-editor-map-overlay #listingEditorModal.is-open {
  display: flex !important;
  z-index: 600001 !important;
}
/* Blur over a live MapLibre canvas forces a GPU readback and can gray the whole browser. */
body.ask-app-mode-map .listing-editor-modal__backdrop,
body.ask-app-mode-map.listing-editor-map-overlay .listing-editor-modal__backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(15, 23, 42, 0.46) !important;
}
/* Hide floating map chrome under Edit listing overlay. */
body.ask-app-mode-map.listing-editor-map-overlay #ask-map-chrome-host {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* Pause main MapLibre canvas while listing editor overlays the map. */
body.ask-maplibre-paused-for-listing-editor #maplibre-3d-map {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.ask-app-mode-map .market-photo-viewer-backdrop,
body.ask-app-mode-map .market-photo-zoom-overlay,
body.ask-app-mode-map .expansion-selections-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(15, 23, 42, 0.46) !important;
}

body.ask-app-mode-cabinet {
  overflow: auto !important;
}

body.ask-app-mode-map {
  overflow: hidden !important;
}

/* Mode segment — glass (map top chrome) */
.ask-mode-seg {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  padding: 2px;
  border-radius: 12px;
  box-sizing: border-box;
}

.ask-mode-seg__btn {
  appearance: none;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  padding: 0;
  line-height: 0;
}

.ask-mode-seg__icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* Shared mode segment — fixed after search on map; same coords in cabinet.
 * On map: match right-rail control size (36px). Compact size only in cabinet. */
/* Single declaration of this token. cabinet-header.css used to redeclare it as
 * 110px, and since that file is only linked from profile.html it arrived late
 * and only for users who had opened the profile, which shifted the cabinet
 * header by 8px depending on navigation history. */
:root {
  --ask-mode-seg-width: 110px;
}

#askbase-mode-seg.ask-mode-seg--shared,
.ask-mode-seg--shared {
  position: fixed !important;
  top: var(--ask-map-top-chrome-top, 12px) !important;
  right: var(--ask-map-right-rail-inset, 12px) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 500060 !important;
  width: auto !important;
  height: var(--ask-map-right-rail-width, 36px) !important;
  min-height: var(--ask-map-right-rail-width, 36px) !important;
  max-height: var(--ask-map-right-rail-width, 36px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 2px !important;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  pointer-events: auto !important;
}

#askbase-mode-seg.ask-mode-seg--shared .ask-mode-seg__btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
}

#askbase-mode-seg.ask-mode-seg--shared .ask-mode-seg__icon {
  width: 16px !important;
  height: 16px !important;
}

/* Compact profile icon — LTR: Search → Profile → Mode (labels on right rail below) */
a.ask-profile-link,
#askbase-profile-link {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: auto !important;
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--ask-map-right-rail-width, 36px) !important;
  height: var(--ask-map-right-rail-width, 36px) !important;
  min-width: var(--ask-map-right-rail-width, 36px) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
}
a.ask-profile-link svg,
#askbase-profile-link svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}
a.ask-profile-link[hidden],
#askbase-profile-link[hidden] {
  display: none !important;
}
body.ask-app-mode-cabinet a.ask-profile-link,
body.ask-app-mode-cabinet #askbase-profile-link {
  display: none !important;
}

#askbaseTopSearch,
.askbase-top-search {
  flex-direction: row !important;
  direction: ltr !important;
}

#askbaseTopSearch #top-search-btn,
.askbase-top-search #top-search-btn {
  order: 0 !important;
}
#askbaseTopSearch #askbase-profile-link,
.askbase-top-search #askbase-profile-link {
  order: 1 !important;
}
#askbaseTopSearch .ask-mode-seg,
.askbase-top-search .ask-mode-seg {
  order: 2 !important;
}

/* Leave room so search sits immediately left of the shared segment.
 * High-specificity map rule beats earlier right:inset-only conflicts. */
#askbaseTopSearch,
.askbase-top-search,
body.ask-app-mode-map:not(.ask-app-mode-cabinet) #askbaseTopSearch,
body.ask-app-mode-map:not(.ask-app-mode-cabinet) .askbase-top-search {
  right: calc(
    var(--ask-map-right-rail-inset, 12px)
    + var(--ask-mode-seg-width, 110px)
    + var(--ask-map-right-rail-gap, 8px)
  ) !important;
}

/* Idle magnifier: clear stuck :active translate after cabinet→map */
body.ask-app-mode-map #top-search-btn {
  transform: none !important;
}

/* Labels: right rail, one row below Layers (mode-seg stays at far-right) */
body.ask-app-mode-map #askbase-userpoints-btn,
body.ask-app-mode-map #askbaseTopSearch #askbase-userpoints-btn,
body.ask-app-mode-map .askbase-top-search #askbase-userpoints-btn {
  position: fixed !important;
  top: var(--ask-map-labels-btn-top) !important;
  right: calc(
    var(--ask-map-right-rail-inset, 12px)
    + env(safe-area-inset-right, 0px)
  ) !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: 500061 !important;
}

.ask-mode-seg--map {
  background: var(--ask-map-btn-glass-bg);
  backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
  border: 1px solid var(--ask-map-btn-glass-border);
  box-shadow: var(--ask-map-btn-glass-shadow);
  color: var(--ask-map-chrome-text);
}

.ask-mode-seg--map .ask-mode-seg__btn {
  color: inherit;
  opacity: 0.72;
}

.ask-mode-seg--map .ask-mode-seg__btn:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.12);
}

.ask-mode-seg--map .ask-mode-seg__btn--active,
.ask-mode-seg--map .ask-mode-seg__btn.is-active {
  opacity: 1;
  background: var(--ask-map-btn-glass-bg-active);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.ask-mode-seg--map .ask-mode-seg__btn:focus-visible {
  outline: 2px solid rgba(96, 165, 250, 0.45);
  outline-offset: 1px;
}

/* Hide with map chrome collapse only while on the map */
body.ask-map-chrome-collapsed.ask-app-mode-map #askbase-mode-seg {
  opacity: 0;
  pointer-events: none;
}

body.ask-app-mode-cabinet #askbase-mode-seg {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.ask-app-mode-profile #askbase-mode-seg {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/*
 * Cabinet chrome: compact light pill — quieter on the white cabinet surface.
 * Map keeps rail-sized controls above; these overrides apply only in cabinet.
 */
body.ask-app-mode-cabinet #askbase-mode-seg.ask-mode-seg--shared,
body.ask-app-mode-cabinet #askbase-mode-seg.ask-mode-seg--cabinet,
body.ask-app-mode-profile #askbase-mode-seg.ask-mode-seg--shared,
body.ask-app-mode-profile #askbase-mode-seg.ask-mode-seg--profile {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 2px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 3px 10px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(15, 23, 42, 0.55) !important;
}

body.ask-app-mode-cabinet #askbase-mode-seg .ask-mode-seg__btn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 7px !important;
  color: rgba(71, 85, 105, 0.88) !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

body.ask-app-mode-cabinet #askbase-mode-seg .ask-mode-seg__btn:hover {
  background: rgba(148, 163, 184, 0.14) !important;
  color: rgba(15, 23, 42, 0.88) !important;
}

body.ask-app-mode-cabinet #askbase-mode-seg .ask-mode-seg__btn--active,
body.ask-app-mode-cabinet #askbase-mode-seg .ask-mode-seg__btn.is-active {
  background: rgba(241, 245, 249, 0.98) !important;
  color: rgba(15, 23, 42, 0.92) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
}

body.ask-app-mode-cabinet #askbase-mode-seg .ask-mode-seg__icon {
  width: 13px !important;
  height: 13px !important;
}

body.ask-app-mode-profile #askbase-mode-seg .ask-mode-seg__btn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 7px !important;
  color: rgba(71, 85, 105, 0.88) !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

body.ask-app-mode-profile #askbase-mode-seg .ask-mode-seg__btn:hover {
  background: rgba(148, 163, 184, 0.14) !important;
  color: rgba(15, 23, 42, 0.88) !important;
}

body.ask-app-mode-profile #askbase-mode-seg .ask-mode-seg__btn--active,
body.ask-app-mode-profile #askbase-mode-seg .ask-mode-seg__btn.is-active {
  background: rgba(241, 245, 249, 0.98) !important;
  color: rgba(15, 23, 42, 0.92) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
}

body.ask-app-mode-profile #askbase-mode-seg .ask-mode-seg__icon {
  width: 13px !important;
  height: 13px !important;
}

/* Listing + / Telegram FABs: cabinet only (never on map index / profile) */
body.ask-app-mode-map #userListingsFabNew,
body.ask-app-mode-map #userListingsFabTelegram,
body.ask-app-mode-map #userListingsFabShare,
body.ask-app-mode-map #listings-fab-menu,
body.ask-app-mode-profile #userListingsFabNew,
body.ask-app-mode-profile #userListingsFabTelegram,
body.ask-app-mode-profile #userListingsFabShare,
body.ask-app-mode-profile #listings-fab-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Legacy / in-drawer cabinet segment (if any leftover) */
.ask-mode-seg--cabinet {
  position: relative;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.55);
  height: 30px;
  padding: 2px;
  border-radius: 9px;
  align-items: center;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 3px 10px rgba(15, 23, 42, 0.05);
}

.ask-mode-seg--cabinet .ask-mode-seg__btn {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  color: rgba(71, 85, 105, 0.88);
}

.ask-mode-seg--cabinet .ask-mode-seg__btn:hover {
  background: rgba(148, 163, 184, 0.14);
  color: rgba(15, 23, 42, 0.88);
}

.ask-mode-seg--cabinet .ask-mode-seg__btn--active,
.ask-mode-seg--cabinet .ask-mode-seg__btn.is-active {
  background: rgba(241, 245, 249, 0.98);
  color: rgba(15, 23, 42, 0.92);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

.ask-mode-seg--cabinet .ask-mode-seg__icon {
  width: 13px;
  height: 13px;
}

.header-right .ask-mode-seg--cabinet {
  margin-right: 8px;
  flex: 0 0 auto;
}

/* Floating listing FABs + menu above #ask-cabinet-root (z-index 500000).
 * Menu must stack above Telegram FAB so the open panel covers it. */
body.ask-app-mode-cabinet #userListingsFabNew.user-listings-fab--float,
body.ask-app-mode-cabinet #userListingsFabTelegram.user-listings-fab--float,
body.ask-app-mode-cabinet #userListingsFabShare.user-listings-fab--float {
  z-index: 500200 !important;
}
body.ask-app-mode-cabinet #listings-fab-menu {
  z-index: 500210 !important;
}

/* ===== Mobile: mode segment placement ===== */
@media (max-width: 900px) {
  /* Map + seg parked in TopSearch: far-right host (search + seg in one row) */
  body.ask-app-mode-map:has(#askbase-mode-seg.ask-mode-seg--in-top-search) #askbaseTopSearch,
  body.ask-app-mode-map:has(#askbase-mode-seg.ask-mode-seg--in-top-search) .askbase-top-search {
    right: calc(var(--ask-map-right-rail-inset, 12px) + env(safe-area-inset-right, 0px)) !important;
    top: calc(var(--ask-map-top-chrome-top, 12px) + env(safe-area-inset-top, 0px)) !important;
    gap: var(--ask-map-right-rail-gap, 8px) !important;
  }

  /* Fallback: seg still fixed on body — keep desktop offset so search cannot overlap */
  body.ask-app-mode-map:not(:has(#askbase-mode-seg.ask-mode-seg--in-top-search)) #askbaseTopSearch,
  body.ask-app-mode-map:not(:has(#askbase-mode-seg.ask-mode-seg--in-top-search)) .askbase-top-search {
    right: calc(
      var(--ask-map-right-rail-inset, 12px)
      + env(safe-area-inset-right, 0px)
      + var(--ask-mode-seg-width, 110px)
      + var(--ask-map-right-rail-gap, 8px)
    ) !important;
    top: calc(var(--ask-map-top-chrome-top, 12px) + env(safe-area-inset-top, 0px)) !important;
  }

  body.ask-app-mode-map #askbase-mode-seg.ask-mode-seg--in-top-search,
  #askbaseTopSearch #askbase-mode-seg.ask-mode-seg--in-top-search {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    height: var(--ask-map-right-rail-width, 36px) !important;
    min-height: var(--ask-map-right-rail-width, 36px) !important;
    max-height: var(--ask-map-right-rail-width, 36px) !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    order: 2 !important;
  }

  /* Keep explicit LTR order: Search → Profile → Mode (labels fixed below) */
  body.ask-app-mode-map #askbaseTopSearch #top-search-btn {
    order: 0 !important;
  }
  body.ask-app-mode-map #askbaseTopSearch #askbase-profile-link {
    order: 1 !important;
  }

  body.ask-app-mode-map #top-search-flyout.askbase-search-flyout {
    right: calc(
      var(--ask-map-right-rail-inset, 12px)
      + env(safe-area-inset-right, 0px)
      + var(--ask-mode-seg-width, 110px)
      + var(--ask-map-right-rail-gap, 8px)
      + 8px
    ) !important;
  }

  /* Cabinet/Profile mobile: keep floating top-right (not inside header panel) */
  body.ask-app-mode-cabinet #askbase-mode-seg.ask-mode-seg--shared,
  body.ask-app-mode-profile #askbase-mode-seg.ask-mode-seg--shared {
    position: fixed !important;
    top: calc(8px + env(safe-area-inset-top, 0px)) !important;
    right: calc(12px + env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    z-index: 500060 !important;
  }
}


/* ===== Premium map-mode expand-in-place (wins over glass chrome !important) ===== */
.ask-map-mode-switcher.is-open .ask-map-mode-current {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: scale(0.6) !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-menu:not(.ask-map-layers-menu) {
  top: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  width: var(--ask-map-right-rail-width, 36px) !important;
  min-width: var(--ask-map-right-rail-width, 36px) !important;
  max-width: var(--ask-map-right-rail-width, 36px) !important;
  box-sizing: border-box !important;
  padding: 2px !important;
  gap: 2px !important;
  border-radius: calc(var(--ask-map-right-rail-width, 36px) / 2) !important;
  background: var(--ask-map-chrome-menu-bg, rgba(255, 255, 255, 0.96)) !important;
  border: 1px solid var(--ask-map-chrome-menu-border, rgba(15, 23, 42, 0.08)) !important;
  box-shadow: var(--ask-map-chrome-menu-shadow,
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 28px rgba(15, 23, 42, 0.14)) !important;
  backdrop-filter: var(--ask-map-chrome-menu-blur, blur(14px) saturate(1.15)) !important;
  -webkit-backdrop-filter: var(--ask-map-chrome-menu-blur, blur(14px) saturate(1.15)) !important;
  align-items: center !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-menu::before {
  display: none !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-option {
  width: calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  height: calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  flex: 0 0 calc(var(--ask-map-right-rail-width, 36px) - 6px) !important;
  border-radius: 50% !important;
  color: var(--ask-map-chrome-menu-text, rgba(71, 85, 105, 0.9)) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-option:hover {
  background: var(--ask-map-chrome-menu-hover-bg, rgba(241, 245, 249, 0.95)) !important;
  color: var(--ask-map-chrome-menu-hover-text, rgba(15, 23, 42, 0.9)) !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-option.is-active {
  background: rgba(248, 242, 218, 0.88) !important;
  color: rgba(146, 104, 18, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 240, 0.65),
    0 2px 8px rgba(120, 83, 20, 0.1) !important;
}

.ask-map-mode-switcher.is-open .ask-map-mode-option.is-active .ask-map-mode-icon,
.ask-map-mode-switcher.is-open .ask-map-mode-option:hover .ask-map-mode-icon {
  opacity: 1 !important;
}

/* Layers card: keep trigger visible; menu is a white panel to the left */
.ask-map-layers-switcher,
.ask-map-layers-switcher.is-open {
  overflow: visible !important;
}

.ask-map-layers-switcher.is-open .ask-map-mode-current {
  width: var(--ask-map-right-rail-width, 36px) !important;
  min-width: var(--ask-map-right-rail-width, 36px) !important;
  height: var(--ask-map-right-rail-width, 36px) !important;
  min-height: var(--ask-map-right-rail-width, 36px) !important;
  padding: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transform: none !important;
  border: 1px solid var(--ask-delete-neutral-border, rgba(15, 23, 42, 0.08)) !important;
  box-shadow: none !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu,
.ask-map-layers-switcher .ask-map-layers-menu {
  /* Align with Layers button (#askMapModeCurrentBtn), not Labels/filters. */
  position: fixed !important;
  top: var(--ask-map-flyout-top) !important;
  bottom: auto !important;
  right: calc(
    var(--ask-map-right-rail-inset, 12px)
    + env(safe-area-inset-right, 0px)
    + var(--ask-map-right-rail-width, 36px)
    + var(--ask-map-right-rail-gap, 8px)
  ) !important;
  left: auto !important;
  width: min(316px, calc(100vw - 72px)) !important;
  min-width: 276px !important;
  max-width: min(316px, calc(100vw - 72px)) !important;
  /* Right padding reserves the zoom rail; height comes only from __main. */
  padding: 10px 42px 8px 10px !important;
  gap: 6px !important;
  border-radius: var(--ask-map-surface-radius, 16px) !important;
  background: var(--ask-map-surface-glass-bg) !important;
  border: 0.5px solid var(--ask-map-surface-glass-border) !important;
  box-shadow: var(--ask-map-surface-glass-shadow) !important;
  backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-surface-glass-blur) !important;
  align-items: stretch !important;
  color: var(--ask-map-chrome-text-strong) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: hidden !important;
  flex-direction: column !important;
  z-index: 6201 !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu:has(#askMapRegionPicker.is-open),
.ask-map-layers-switcher .ask-map-layers-menu:has(#askMapRegionPicker.is-open) {
  overflow: visible !important;
}

/* Earth: Layers menu uses the same glass as Radar bottom sheet */
body.ask-map-mode-earth .ask-map-layers-switcher .ask-map-layers-menu,
body.ask-map-mode-earth .ask-map-layers-switcher.is-open .ask-map-layers-menu {
  --ask-earth-sheet-blur: blur(12px);
  --ask-earth-sheet-fill: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  --ask-earth-sheet-border: rgba(255, 255, 255, 0.08);
  --ask-earth-sheet-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  background: var(--ask-earth-sheet-fill) !important;
  border: 1px solid var(--ask-earth-sheet-border) !important;
  box-shadow: var(--ask-earth-sheet-shadow) !important;
  backdrop-filter: var(--ask-earth-sheet-blur) !important;
  -webkit-backdrop-filter: var(--ask-earth-sheet-blur) !important;
  border-radius: var(--ask-map-panel-radius, 22px) !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

body.ask-map-mode-earth .ask-map-layers-menu__zoom {
  border-left: none !important;
}

/* Earth: zoom rail — inactive +/− / camera must read on dark glass */
body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-step {
  color: rgba(226, 232, 240, 0.78);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-step:hover {
  color: var(--ask-warm-active-icon, #d9b85f);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-step.is-disabled,
body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-step:disabled {
  color: rgba(226, 232, 240, 0.34);
  opacity: 1;
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-rail {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.08);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-zoom-tick {
  background: rgba(217, 184, 95, 0.55);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-row,
body.ask-map-mode-earth .askbase-zoom-control.askbase-zoom-control--layers .askbase-camera-mode-row {
  border-top-color: rgba(255, 255, 255, 0.10);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-btn {
  color: rgba(226, 232, 240, 0.78);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.10);
  opacity: 1;
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.16);
  color: var(--ask-warm-active-icon, #d9b85f);
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-btn.is-active {
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72));
  border-color: transparent;
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
}

body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-btn.is-disabled,
body.ask-map-mode-earth .askbase-zoom-control--v2 .askbase-camera-mode-btn:disabled {
  color: rgba(226, 232, 240, 0.34);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.06);
  opacity: 1;
}

body.ask-map-mode-earth .ask-map-layers-switcher .ask-map-layers-menu::before,
body.ask-map-mode-earth .ask-map-layers-switcher.is-open .ask-map-layers-menu::before {
  background: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0)) !important;
  border-radius: var(--ask-map-panel-radius, 22px) var(--ask-map-panel-radius, 22px) 0 0 !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu:not([hidden]),
.ask-map-layers-switcher .ask-map-layers-menu:not([hidden]) {
  display: flex !important;
}

.ask-map-layers-switcher .ask-map-layers-menu[hidden] {
  display: none !important;
}

.ask-map-layers-menu__main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 1;
}

/* Absolute rail: matches panel height without expanding it (range input intrinsic size). */
.ask-map-layers-menu__zoom {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 4px;
  width: 36px;
  min-width: 36px;
  display: flex;
  flex-direction: column;
  z-index: 2;
  padding: 0 0 0 4px;
  border-left: none;
  box-sizing: border-box;
  pointer-events: auto;
}

/* Zoom rail docked in Layers: stretch to card, keep + / − / tilt visible */
#askbase-zoom-control.askbase-zoom-control--layers,
.askbase-zoom-control.askbase-zoom-control--layers {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 32px !important;
  min-width: 32px;
  height: 100% !important;
  max-height: 100%;
  min-height: 0 !important;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  z-index: 1;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-toggle {
  display: none !important;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-panel,
.askbase-zoom-control.askbase-zoom-control--layers.is-open .askbase-zoom-panel {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 32px !important;
  height: 100% !important;
  max-height: 100%;
  min-height: 0 !important;
  flex: 1 1 auto;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-step {
  width: 32px;
  min-width: 32px;
  height: 26px;
  min-height: 26px;
  flex: 0 0 26px;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-slider-wrap {
  flex: 1 1 0 !important;
  width: 32px;
  height: auto !important;
  min-height: 0 !important;
  max-height: none;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-slider {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px !important;
  max-width: 32px !important;
  height: 100% !important;
  min-height: 0 !important;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-ticks {
  display: none !important;
}
.askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-rail {
  width: 12px;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-camera-mode-row {
  flex: 0 0 auto;
  padding-top: 2px;
  margin-top: 0;
  border-top: none;
  gap: 2px;
}

.askbase-zoom-control.askbase-zoom-control--layers .askbase-camera-mode-btn {
  width: 28px;
  height: 22px;
  min-width: 28px;
  min-height: 22px;
  border-radius: 8px;
}

body.ask-map-mode-3d #askbase-zoom-control.askbase-zoom-control--layers,
body.ask-map-mode-3d #askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-toggle {
  display: flex !important;
}

body.ask-map-mode-3d #askbase-zoom-control.askbase-zoom-control--layers .askbase-zoom-toggle {
  display: none !important;
}

body.ask-app-mode-cabinet #askbase-zoom-control.askbase-zoom-control--layers,
body.ask-map-chrome-collapsed #askbase-zoom-control.askbase-zoom-control--layers {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu::before,
.ask-map-layers-switcher .ask-map-layers-menu::before {
  display: block !important;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 28px;
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)) !important;
  border-radius: var(--ask-map-surface-radius, 16px) var(--ask-map-surface-radius, 16px) 0 0;
}

.ask-map-layers-menu__header,
.ask-map-layers-menu__section {
  position: relative;
  z-index: 1;
}

.ask-map-layers-menu:has(#askMapRegionPicker.is-open) .ask-map-layers-menu__header {
  z-index: 30;
}

.ask-map-layers-menu:has(#askMapRegionPicker.is-open) .ask-map-layers-menu__main {
  overflow: visible;
}

.ask-map-layers-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
}

.ask-map-layers-menu__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ask-map-chrome-text-strong);
}

.ask-map-layers-menu__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  position: relative;
  z-index: 4;
  overflow: visible;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger {
  height: 28px;
  min-height: 28px;
  padding: 0 4px 0 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: none;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger:hover,
.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger:focus,
.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger:active {
  background: transparent;
  box-shadow: none;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger:focus-visible {
  outline: 2px solid rgba(15, 23, 42, 0.28);
  outline-offset: 2px;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__label {
  color: inherit;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__chevron {
  color: inherit;
  opacity: 0.62;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers.is-open .ask-map-region-picker__chevron {
  opacity: 0.9;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  width: min(276px, calc(100vw - 96px));
  max-height: min(60vh, calc(100dvh - 160px));
  z-index: 40;
  padding: 8px;
  border-radius: var(--ask-map-surface-radius, 16px);
  /* Denser than parcel popup so Layers chips don't read through. */
  background: rgba(248, 250, 252, 0.94);
  border: 0.5px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(48px) saturate(180%) brightness(1.02);
  -webkit-backdrop-filter: blur(48px) saturate(180%) brightness(1.02);
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
  overflow-x: hidden;
  overflow-y: auto;
  isolation: isolate;
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option {
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option:hover,
.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option:focus-visible {
  background: var(--ask-map-chrome-chip-hover-bg, rgba(255, 255, 255, 0.45));
}

.ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option.is-active {
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72));
  color: var(--ask-warm-active-text, #5c4a2a);
}

.ask-map-layers-menu #askMapRegionSelect.ask-map-region-header__select--native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  opacity: 0;
  pointer-events: none;
}

/* Earth: region list matches dark Layers glass (not light Map dropdown). */
body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__menu {
  background: linear-gradient(
    rgba(15, 23, 42, 0.72),
    rgba(15, 23, 42, 0.88)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  color: rgba(248, 250, 252, 0.96) !important;
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.28);
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option,
body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option-text {
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option:hover,
body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option:focus-visible {
  background: rgba(255, 255, 255, 0.10) !important;
  color: rgba(248, 250, 252, 0.98) !important;
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option.is-active {
  background: rgba(217, 184, 95, 0.22) !important;
  color: rgba(248, 242, 218, 0.98) !important;
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__option.is-active .ask-map-region-picker__option-text {
  color: rgba(248, 242, 218, 0.98) !important;
}

body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger:focus-visible {
  outline-color: rgba(255, 255, 255, 0.45);
}

.ask-map-layers-menu__buildings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 28px;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: var(--ask-map-chrome-chip-bg);
  color: var(--ask-map-chrome-text);
  box-shadow: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
}

.ask-map-layers-menu__buildings .ask-map-mode-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: block;
}

.ask-map-layers-menu__buildings-text {
  display: block;
}

.ask-map-layers-menu__buildings:hover {
  background: var(--ask-map-chrome-chip-hover-bg);
  color: var(--ask-map-chrome-text-strong);
}

.ask-map-layers-menu__buildings:focus {
  outline: none;
}

.ask-map-layers-menu__buildings:focus-visible {
  outline: 2px solid rgba(15, 23, 42, 0.28);
  outline-offset: 2px;
}

.ask-map-layers-menu__buildings.is-active {
  background: var(--ask-map-chrome-active-bg);
  color: var(--ask-map-chrome-text-strong);
  font-weight: 650;
}

.ask-map-layers-menu__compass {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--ask-map-chrome-chip-bg, rgba(255, 255, 255, 0.10)) !important;
  color: var(--ask-map-chrome-text);
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.ask-map-layers-menu__compass:hover {
  background: var(--ask-map-chrome-chip-hover-bg, rgba(255, 255, 255, 0.16)) !important;
  color: var(--ask-map-chrome-text-strong);
  border-radius: 50% !important;
}

.ask-map-layers-menu__compass:active,
.ask-map-layers-menu__compass.is-dragging {
  cursor: grabbing;
}

.ask-map-layers-menu__compass:focus {
  outline: none;
}

.ask-map-layers-menu__compass:focus-visible {
  outline: 2px solid rgba(15, 23, 42, 0.28);
  outline-offset: 2px;
  border-radius: 50% !important;
}

.ask-map-layers-menu__compass.is-off-north,
.ask-map-layers-menu__compass.askbase-geo-btn--active {
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72)) !important;
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92));
  box-shadow: var(--ask-warm-active-inset) !important;
}

.ask-map-layers-menu__compass.is-off-north:hover,
.ask-map-layers-menu__compass.askbase-geo-btn--active:hover {
  background: rgba(248, 242, 218, 0.88) !important;
  border-radius: 50% !important;
}

.ask-map-layers-menu__compass .askbase-compass-icon {
  display: block;
  width: 28px;
  height: 28px;
  transform-origin: center center;
  transition: none;
}

.ask-map-layers-menu__compass svg {
  display: block;
  width: 28px;
  height: 28px;
}

.ask-map-layers-menu__compass text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.ask-map-layers-menu__label {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--ask-map-chrome-text);
}

.ask-map-layers-menu__view-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ask-map-layers-menu__view-row .ask-map-layers-menu__view {
  flex: 1 1 auto;
  min-width: 0;
}

.ask-map-layers-menu__view-row .ask-map-layers-menu__compass {
  flex: 0 0 78px;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
}

.ask-map-layers-menu__view-row .ask-map-layers-menu__compass .askbase-compass-icon,
.ask-map-layers-menu__view-row .ask-map-layers-menu__compass svg {
  width: 66px;
  height: 66px;
}

.ask-map-layers-switcher .ask-map-layers-menu__view {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.045);
}

.ask-map-layers-menu__view {
  display: flex;
  gap: 6px;
}

.ask-map-layers-menu__retail {
  display: flex;
  gap: 6px;
}

.ask-map-layers-menu__cadastral {
  display: flex;
  gap: 6px;
}

.ask-map-layers-menu #askbase-locate-modes,
.ask-map-layers-menu__locate {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  max-width: none !important;
  width: 100%;
  opacity: 1 !important;
  overflow: visible !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  white-space: normal;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ask-map-layers-menu .askbase-locate-mode {
  width: auto !important;
  height: 28px !important;
  min-height: 28px;
  padding: 0 8px !important;
  gap: 6px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 8px !important;
  background: var(--ask-map-chrome-chip-bg) !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: none !important;
  font-size: 12px;
  font-weight: 550;
  opacity: 1 !important;
}

.ask-map-layers-menu .askbase-locate-mode .askbase-locate-mode-icon {
  color: inherit;
  opacity: 0.88;
}

.ask-map-layers-menu .askbase-locate-mode .ask-map-layers-menu__name {
  flex: 0 1 auto;
  text-align: center;
  font-size: 12px;
  font-weight: 550;
  letter-spacing: 0;
  color: inherit;
}

.ask-map-layers-menu .askbase-locate-mode:hover {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  color: var(--ask-map-chrome-text) !important;
}

.ask-map-layers-menu .askbase-locate-mode.askbase-locate-mode--active {
  background: var(--ask-map-chrome-active-bg) !important;
  color: var(--ask-warm-active-text, #5c4a2a) !important;
  border: none !important;
  font-weight: 650;
}

.ask-map-layers-menu .askbase-locate-mode.askbase-locate-mode--active .ask-map-layers-menu__name {
  font-weight: 650;
}

.ask-map-layers-menu .askbase-locate-mode.askbase-locate-mode--active .askbase-locate-mode-icon {
  opacity: 1;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option,
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option {
  width: auto !important;
  height: auto !important;
  min-height: 46px !important;
  grid-column: span 2;
  flex: none !important;
  border-radius: 9px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 2px 4px !important;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.15;
  gap: 3px;
}

.ask-map-layers-switcher .ask-map-layers-menu__view .ask-map-mode-option:nth-child(4) {
  grid-column: 2 / span 2;
}

.ask-map-layers-switcher .ask-map-layers-menu__view .ask-map-mode-option:nth-child(5) {
  grid-column: 4 / span 2;
}

.ask-map-layers-menu__view .ask-map-view-swatch {
  width: 28px;
  height: 16px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.14);
  background: #f4f1ea;
  flex: 0 0 auto;
}

.ask-map-layers-menu__view [data-map-mode="3d"] .ask-map-view-swatch {
  background:
    linear-gradient(#c5ccd0, #c5ccd0) 0 12px / 100% 2px no-repeat,
    linear-gradient(#d5d8d4, #d5d8d4) 11px 0 / 2px 100% no-repeat,
    #f3f1ec;
}

.ask-map-layers-menu__view [data-map-mode="hybrid"] .ask-map-view-swatch {
  background:
    linear-gradient(#c4b48a, #c4b48a) 0 13px / 100% 3px no-repeat,
    linear-gradient(155deg, #6d8f62 0%, #2a4634 46%, #8a7048 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.ask-map-layers-menu__view [data-map-mode="map"] .ask-map-view-swatch {
  background:
    linear-gradient(#e8923a, #e8923a) 0 9px / 100% 2px no-repeat,
    linear-gradient(#d7d0c4, #d7d0c4) 16px 0 / 1.5px 100% no-repeat,
    #f6f1e6;
}

.ask-map-layers-menu__view [data-map-mode="google"] .ask-map-view-swatch {
  background:
    linear-gradient(#f6d365, #f6d365) 0 8px / 100% 3px no-repeat,
    linear-gradient(#8ebfed, #8ebfed) 18px 0 / 3px 100% no-repeat,
    #f7f8f6;
}

.ask-map-layers-menu__view [data-map-mode="gearth"] .ask-map-view-swatch {
  background:
    linear-gradient(rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72)) 0 9px / 100% 1px no-repeat,
    linear-gradient(160deg, #31483c 0%, #14241c 58%, #4a3d2e 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.ask-map-layers-menu__view .ask-map-layers-menu__view-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: center;
  line-height: 1.15;
  hyphens: manual;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option.is-active,
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option.is-active {
  border: none !important;
  background: var(--ask-warm-active-bg-strong, rgba(248, 242, 218, 0.72)) !important;
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92)) !important;
  font-weight: 650 !important;
  box-shadow: var(--ask-warm-active-inset) !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option:hover:not(.is-active),
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option:hover:not(.is-active) {
  background: var(--ask-map-chrome-chip-hover-bg) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option:focus-visible {
  outline: 2px solid rgba(120, 83, 20, 0.45);
  outline-offset: 1px;
}

body.ask-map-mode-earth .ask-map-layers-switcher .ask-map-layers-menu__view {
  background: rgba(255, 255, 255, 0.08);
}

.ask-map-layers-menu .ask-map-mode-option .ask-map-mode-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: block;
}

.ask-map-layers-menu__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

/* Population Density bilingual label needs the full overlays row. */
#askPopulationDensityToggle {
  grid-column: 1 / -1;
}

.ask-pop-legend {
  position: fixed;
  left: var(--ask-map-control-edge, 12px);
  /* Midpoint between the region button and the Radar sheet's open place. Does not follow the sheet. */
  top: calc((var(--ask-map-top-chrome-top, 12px) + 38px + (100vh - max(42vh, 300px))) / 2);
  bottom: auto;
  transform: translateY(-50%);
  z-index: 5000;
  width: min(248px, calc(100vw - 72px));
  margin: 0;
  padding: 8px 10px 7px;
  pointer-events: none;
  color: var(--ask-map-ink, #1c1915);
  background: var(--ask-map-surface-glass-bg, rgba(250, 248, 244, 0.92));
  border: 0.5px solid var(--ask-map-surface-glass-border, rgba(28, 25, 21, 0.16));
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(28, 25, 21, 0.08);
}
.ask-pop-legend[hidden] { display: none; }
.ask-pop-legend__title {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 6px;
}
.ask-pop-legend__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px 10px;
}
.ask-pop-legend__rows li {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.ask-pop-legend__rows i {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 0.5px solid rgba(28, 25, 21, 0.18);
}
.ask-pop-legend__meta {
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.35;
  opacity: 0.72;
}

/* Cadastral category color legend — same glass recipe as Radar / Layers */
.ask-cadastral-legend {
  position: fixed;
  left: var(--ask-map-control-edge, 12px);
  bottom: calc(max(42vh, 300px) + 12px);
  top: auto;
  z-index: 5000;
  box-sizing: border-box;
  width: 286px;
  max-width: calc(100vw - 24px);
  height: min(480px, calc(100dvh - max(42vh, 300px) - 84px));
  margin: 0;
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
  background: var(--ask-map-panel-glass-bg, var(--ask-map-surface-glass-bg, rgba(255, 255, 255, 0.78)));
  border: 0.5px solid var(--ask-map-panel-glass-border, var(--ask-map-surface-glass-border, rgba(148, 163, 184, 0.35)));
  border-radius: var(--ask-map-surface-radius, var(--ask-map-panel-radius, 16px));
  box-shadow: var(--ask-map-panel-glass-shadow, var(--ask-map-surface-glass-shadow, 0 12px 30px rgba(15, 23, 42, 0.12)));
  backdrop-filter: var(--ask-map-panel-glass-blur, var(--ask-map-surface-glass-blur, blur(12px)));
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur, var(--ask-map-surface-glass-blur, blur(12px)));
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ask-cadastral-legend[hidden] { display: none !important; }
.ask-cadastral-legend__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: 12px;
  margin: 0;
  min-height: 28px;
  padding-right: 22px;
  box-sizing: border-box;
}
.ask-cadastral-legend__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
  white-space: nowrap;
}
.ask-cadastral-legend__close {
  position: absolute;
  top: 10px;
  right: 10px;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ask-map-chrome-text-muted, rgba(15, 23, 42, 0.55));
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  transition: color 0.15s ease;
}
.ask-cadastral-legend__close:hover {
  background: transparent;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.92));
}
.ask-cadastral-legend__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0;
  width: 100%;
  min-height: 0;
}
.ask-cadastral-legend__note {
  flex: 0 0 auto;
  margin: 10px 0 0;
  padding: 0;
  font-size: 10.5px;
  font-weight: 450;
  line-height: 1.25;
  letter-spacing: 0.01em;
  color: var(--ask-map-chrome-text-muted, rgba(15, 23, 42, 0.42));
  user-select: none;
  pointer-events: none;
}
.ask-cadastral-legend__rows li {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
}
.ask-cadastral-legend__row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 7px 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  color: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, opacity 0.14s ease, transform 0.14s ease;
}
.ask-cadastral-legend__row:hover,
.ask-cadastral-legend__row:focus-visible {
  /* Same warm hover as Layers menu pills */
  background: rgba(248, 242, 218, 0.55) !important;
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92)) !important;
  outline: none;
  opacity: 1;
}
.ask-cadastral-legend__row:not(.is-selected) {
  opacity: 0.58;
}
.ask-cadastral-legend__row:not(.is-selected):hover,
.ask-cadastral-legend__row:not(.is-selected):focus-visible {
  opacity: 1;
}
/* Color swatch = Expansion-style square-in-square checkbox (keeps category color) */
.ask-cadastral-legend__swatch {
  --ask-cad-swatch: transparent;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 0;
  border-radius: 4px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  background: var(--ask-cad-swatch);
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.22);
  transition: border-color 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease;
}
.ask-cadastral-legend__row:not(.is-selected) .ask-cadastral-legend__swatch {
  filter: saturate(0.92) brightness(0.92);
}
.ask-cadastral-legend__swatch--all {
  background: transparent !important;
  border-color: rgba(15, 23, 42, 0.24);
  box-shadow: none;
  filter: none !important;
}
.ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch {
  border-color: rgba(217, 184, 95, 0.38);
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.28),
    0 0 0 1px rgba(217, 184, 95, 0.12);
  filter: none;
}
.ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  margin: 0;
  border: none;
  border-radius: 1.5px;
  background: #e7c86a;
  box-shadow: 0 0 0 0.5px rgba(15, 23, 42, 0.16);
  transform: translate(-50%, -50%);
}
.ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch--all {
  background: rgba(217, 184, 95, 0.18) !important;
  border-color: rgba(217, 184, 95, 0.45);
  box-shadow: none;
}
.ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch--all::before {
  background: #e7c86a;
  box-shadow: none;
}
.ask-cadastral-legend__rows span {
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Cadastral parcel area dual-range — sits between mode pills and categories */
.ask-cadastral-area-filter {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 2px 0 10px;
  padding: 10px 0;
  border-top: 0.5px solid var(--ask-map-chrome-divider, rgba(148, 163, 184, 0.28));
  border-bottom: 0.5px solid var(--ask-map-chrome-divider, rgba(148, 163, 184, 0.28));
  box-sizing: border-box;
}
.ask-cadastral-area-filter__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.ask-cadastral-area-filter__label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
  white-space: nowrap;
}
.ask-cadastral-area-filter__values {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--ask-map-chrome-text-muted, rgba(15, 23, 42, 0.55));
  text-align: right;
  white-space: nowrap;
}
.ask-cadastral-area-filter__slider {
  --ask-area-lo: 0%;
  --ask-area-hi: 100%;
  --ask-area-track: rgba(15, 23, 42, 0.10);
  --ask-area-fill: rgba(217, 184, 95, 0.72);
  --ask-area-thumb: rgba(248, 242, 218, 0.96);
  --ask-area-thumb-ring: rgba(184, 134, 11, 0.62);
  position: relative !important;
  display: block !important;
  height: 24px !important;
  width: 100%;
  margin: 0;
  padding: 0;
  touch-action: none;
  isolation: isolate;
}
.ask-cadastral-area-filter__slider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: 999px;
  background: var(--ask-area-track);
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.06);
  pointer-events: none;
  z-index: 0;
}
.ask-cadastral-area-filter__slider::after {
  content: "";
  position: absolute;
  left: var(--ask-area-lo);
  width: calc(var(--ask-area-hi) - var(--ask-area-lo));
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: 999px;
  background: var(--ask-area-fill);
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 240, 0.45),
    0 0 0 1px rgba(217, 184, 95, 0.18);
  pointer-events: none;
  z-index: 1;
}
.ask-cadastral-area-filter__slider input[type="range"] {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  accent-color: transparent !important;
  pointer-events: none;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none;
  z-index: 2;
}
.ask-cadastral-area-filter__slider input[type="range"]#askCadastralAreaMax {
  z-index: 3;
}
.ask-cadastral-area-filter__slider input[type="range"]::-webkit-slider-runnable-track {
  height: 4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
}
.ask-cadastral-area-filter__slider input[type="range"]::-webkit-slider-container {
  background: transparent !important;
}
.ask-cadastral-area-filter__slider input[type="range"]::-moz-range-track {
  height: 4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.ask-cadastral-area-filter__slider input[type="range"]::-moz-range-progress {
  background: transparent !important;
  height: 4px;
}
.ask-cadastral-area-filter__slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border-radius: 50%;
  border: 1.5px solid var(--ask-area-thumb-ring);
  background: var(--ask-area-thumb);
  box-shadow:
    0 1px 3px rgba(146, 110, 30, 0.16),
    inset 0 1px 0 rgba(255, 252, 240, 0.7),
    inset 0 0 0 1px rgba(217, 184, 95, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 4;
}
.ask-cadastral-area-filter__slider input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid var(--ask-area-thumb-ring);
  background: var(--ask-area-thumb);
  box-shadow:
    0 1px 3px rgba(146, 110, 30, 0.16),
    inset 0 1px 0 rgba(255, 252, 240, 0.7),
    inset 0 0 0 1px rgba(217, 184, 95, 0.12);
  pointer-events: auto;
  cursor: pointer;
}
.ask-cadastral-area-filter__slider input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid rgba(217, 184, 95, 0.45);
  outline-offset: 2px;
}
.ask-cadastral-area-filter__slider input[type="range"]:focus-visible::-moz-range-thumb {
  outline: 2px solid rgba(217, 184, 95, 0.45);
  outline-offset: 2px;
}

body.ask-map-mode-earth .ask-cadastral-legend {
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255, 255, 255, 0.98);
}
body.ask-map-mode-earth .ask-cadastral-legend__title {
  color: rgba(255, 255, 255, 0.98);
}
body.ask-map-mode-earth .ask-cadastral-legend__note {
  color: rgba(226, 232, 240, 0.38);
}
body.ask-map-mode-earth .ask-cadastral-area-filter {
  border-top-color: rgba(255, 255, 255, 0.12);
}
body.ask-map-mode-earth .ask-cadastral-area-filter__label {
  color: rgba(255, 255, 255, 0.96);
}
body.ask-map-mode-earth .ask-cadastral-area-filter__values {
  color: rgba(226, 232, 240, 0.62);
}
body.ask-map-mode-earth .ask-cadastral-area-filter__slider {
  --ask-area-track: rgba(255, 255, 255, 0.14);
  --ask-area-fill: rgba(217, 184, 95, 0.48);
  --ask-area-thumb: rgba(255, 252, 245, 0.92);
  --ask-area-thumb-ring: rgba(248, 220, 140, 0.75);
}
body.ask-map-mode-earth .ask-cadastral-legend__close {
  color: rgba(226, 232, 240, 0.72);
}
body.ask-map-mode-earth .ask-cadastral-legend__close:hover {
  color: rgba(255, 255, 255, 0.98);
}
body.ask-map-mode-earth .ask-cadastral-legend__rows li {
  color: rgba(226, 232, 240, 0.88);
}
body.ask-map-mode-earth .ask-cadastral-legend__row:hover,
body.ask-map-mode-earth .ask-cadastral-legend__row:focus-visible {
  background: rgba(248, 242, 218, 0.55) !important;
  color: var(--ask-warm-active-text, rgba(120, 83, 20, 0.92)) !important;
}
body.ask-map-mode-earth .ask-cadastral-legend__swatch {
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.22);
}
body.ask-map-mode-earth .ask-cadastral-legend__swatch--all {
  border-color: rgba(255, 255, 255, 0.34);
}
body.ask-map-mode-earth .ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch {
  border-color: rgba(217, 184, 95, 0.48);
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.18),
    0 0 0 1px rgba(217, 184, 95, 0.16);
}
body.ask-map-mode-earth .ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch::before {
  background: #e7c86a;
  box-shadow: 0 0 0 0.5px rgba(15, 23, 42, 0.28);
}
body.ask-map-mode-earth .ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch--all {
  background: rgba(217, 184, 95, 0.18) !important;
  border-color: rgba(217, 184, 95, 0.48);
}
body.ask-map-mode-earth .ask-cadastral-legend__row.is-selected .ask-cadastral-legend__swatch--all::before {
  background: #e7c86a;
  box-shadow: none;
}

body.ask-app-mode-cabinet .ask-cadastral-legend,
body.ask-map-chrome-collapsed .ask-cadastral-legend {
  display: none !important;
}

/* ===== Mobile: Layers + Категорії ділянок (light + Earth) ===== */
@media (max-width: 768px) {
  .ask-map-layers-switcher.is-open .ask-map-layers-menu,
  .ask-map-layers-switcher .ask-map-layers-menu {
    /* flyout-top already includes safe-area-inset-top */
    top: var(--ask-map-flyout-top, var(--ask-map-top-chrome-top, 12px)) !important;
    left: calc(10px + env(safe-area-inset-left, 0px)) !important;
    right: calc(
      var(--ask-map-right-rail-inset, 10px)
      + env(safe-area-inset-right, 0px)
      + var(--ask-map-right-rail-width, 36px)
      + var(--ask-map-right-rail-gap, 8px)
    ) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(
      100dvh
      - var(--ask-map-flyout-top, var(--ask-map-top-chrome-top, 12px))
      - env(safe-area-inset-bottom, 0px)
      - 16px
    ) !important;
    /* No zoom-rail reserve on mobile — pinch/double-tap zoom the map. */
    padding: 8px !important;
    gap: 4px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .ask-map-layers-switcher.is-open .ask-map-layers-menu:has(#askMapRegionPicker.is-open),
  .ask-map-layers-switcher .ask-map-layers-menu:has(#askMapRegionPicker.is-open) {
    overflow: visible !important;
  }

  .ask-map-layers-menu__main {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    gap: 8px;
    padding-right: 2px;
    scrollbar-width: thin;
  }

  .ask-map-layers-menu:has(#askMapRegionPicker.is-open) .ask-map-layers-menu__main {
    overflow: visible;
  }

  /* Hide Layers zoom rail (+ / slider / −) on mobile only; reclaim space. */
  .ask-map-layers-menu__zoom,
  #askMapLayersZoom {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .ask-map-layers-menu__header {
    gap: 8px;
    min-height: 32px;
  }

  .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__trigger {
    height: 32px;
    min-height: 32px;
    font-size: 13px;
  }

  .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__menu {
    width: min(100%, calc(100vw - 56px));
    max-height: min(48dvh, 300px);
    z-index: 50;
  }

  .ask-map-layers-menu__label {
    margin: 0 0 5px;
    font-size: 11px;
  }

  .ask-map-layers-menu__view,
  .ask-map-layers-menu__retail,
  .ask-map-layers-menu__cadastral,
  .ask-map-layers-menu__list {
    gap: 6px;
  }

  .ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option,
  .ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option,
  .ask-map-layers-menu .askbase-locate-mode,
  .ask-map-layers-menu__retail .askbase-pill,
  .ask-map-layers-menu__cadastral .askbase-pill,
  .ask-map-layers-menu__list .askbase-pill {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .ask-map-layers-switcher .ask-map-layers-menu__view .ask-map-mode-option {
    height: auto !important;
    min-height: 48px !important;
    padding: 5px 2px 4px !important;
    font-size: 10.5px;
  }

  .ask-map-layers-menu__buildings,
  .ask-map-layers-menu__compass {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .ask-map-layers-menu__list .askbase-pill .ask-map-layers-menu__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Earth mobile: denser glass so white text stays readable on satellite */
  body.ask-map-mode-earth .ask-map-layers-switcher .ask-map-layers-menu,
  body.ask-map-mode-earth .ask-map-layers-switcher.is-open .ask-map-layers-menu {
    background: linear-gradient(
      rgba(15, 23, 42, 0.62),
      rgba(15, 23, 42, 0.78)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42) !important;
  }

  body.ask-map-mode-earth .ask-map-layers-menu .ask-map-region-picker--in-layers .ask-map-region-picker__menu {
    background: linear-gradient(
      rgba(15, 23, 42, 0.82),
      rgba(15, 23, 42, 0.92)
    ) !important;
    max-height: min(48dvh, 300px);
  }

  /* Mobile legends — near-fullscreen under search (кадастр / населення) */
  .ask-cadastral-legend {
    left: calc(8px + env(safe-area-inset-left, 0px));
    right: calc(8px + env(safe-area-inset-right, 0px));
    top: calc(8px + env(safe-area-inset-top, 0px) + 48px);
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    padding: 12px 14px;
    border-radius: 16px;
    z-index: 9800;
  }

  .ask-cadastral-legend__header {
    min-height: 26px;
    margin-bottom: 2px;
  }

  .ask-cadastral-legend__title {
    font-size: 14px;
  }

  .ask-cadastral-legend__close {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .ask-cadastral-legend__rows {
    justify-content: flex-start;
    gap: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding-right: 2px;
  }

  .ask-cadastral-legend__row {
    min-height: 34px;
    padding: 5px 0;
    font-size: 13px;
    white-space: normal;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .ask-cadastral-legend__rows span {
    white-space: normal;
  }

  .ask-cadastral-legend__note {
    margin-top: 8px;
    font-size: 10px;
  }

  .ask-cadastral-area-filter {
    margin-top: 8px;
    padding-top: 8px;
    gap: 6px;
  }

  .ask-cadastral-area-filter__label {
    font-size: 11px;
  }

  .ask-cadastral-area-filter__values {
    font-size: 10px;
  }

  .ask-cadastral-area-filter__slider {
    height: 32px !important;
  }

  .ask-cadastral-area-filter__slider input[type="range"] {
    height: 32px !important;
  }

  .ask-cadastral-area-filter__slider input[type="range"]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -7.5px;
  }

  .ask-cadastral-area-filter__slider input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
  }

  body.ask-map-mode-earth .ask-cadastral-legend {
    background: linear-gradient(
      rgba(15, 23, 42, 0.62),
      rgba(15, 23, 42, 0.78)
    );
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42);
  }

}

@media (max-width: 768px) and (hover: none) {
  .ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option:hover,
  .ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option:hover,
  .ask-map-layers-menu .askbase-locate-mode:hover,
  .ask-map-layers-menu__retail .askbase-pill:hover,
  .ask-map-layers-menu__cadastral .askbase-pill:hover,
  .ask-map-layers-menu__list .askbase-pill:hover,
  .ask-map-layers-menu__buildings:hover,
  .ask-map-layers-menu__compass:hover {
    transform: none;
  }
}

@media (max-width: 420px) {
  .ask-map-layers-switcher.is-open .ask-map-layers-menu,
  .ask-map-layers-switcher .ask-map-layers-menu {
    padding: 7px !important;
  }

  .ask-map-layers-menu .ask-map-mode-option .ask-map-layers-menu__view-text,
  .ask-map-layers-menu__cadastral .askbase-pill .ask-map-layers-menu__name,
  .ask-map-layers-menu__retail .askbase-pill .ask-map-layers-menu__name,
  .ask-map-layers-menu .askbase-locate-mode .ask-map-layers-menu__name {
    font-size: 11.5px;
  }

  .ask-cadastral-legend {
    padding: 10px 12px;
  }

  .ask-cadastral-legend__row {
    min-height: 32px;
    font-size: 12.5px;
  }
}

.ask-map-layers-menu__retail .askbase-pill,
.ask-map-layers-menu__cadastral .askbase-pill,
.ask-map-layers-menu__list .askbase-pill {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: 28px;
  min-height: 28px;
  padding: 0 8px;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  background: var(--ask-map-chrome-chip-bg);
  box-shadow: none;
  color: var(--ask-map-chrome-text);
  font-size: 12px;
  font-weight: 500;
}

.ask-map-layers-menu__retail .askbase-pill,
.ask-map-layers-menu__cadastral .askbase-pill {
  flex: 1 1 0;
  justify-content: center;
  font-weight: 550;
}

.ask-map-layers-menu__retail .askbase-pill .ask-map-layers-menu__name,
.ask-map-layers-menu__cadastral .askbase-pill .ask-map-layers-menu__name {
  flex: 0 1 auto;
}

.ask-map-layers-menu__retail .askbase-pill:hover,
.ask-map-layers-menu__cadastral .askbase-pill:hover,
.ask-map-layers-menu__list .askbase-pill:hover {
  background: var(--ask-map-chrome-chip-hover-bg);
}

.ask-map-layers-menu__retail .askbase-pill.askbase-pill--active,
.ask-map-layers-menu__cadastral .askbase-pill.askbase-pill--active,
.ask-map-layers-menu__list .askbase-pill.askbase-pill--active {
  background: var(--ask-map-chrome-active-bg);
  color: var(--ask-map-chrome-text-strong);
  font-weight: 600;
}

.ask-map-layers-menu__section {
  overflow: visible;
}

.ask-map-layers-menu .ask-map-mode-option,
.ask-map-layers-menu .askbase-locate-mode,
.ask-map-layers-menu__retail .askbase-pill,
.ask-map-layers-menu__cadastral .askbase-pill,
.ask-map-layers-menu__list .askbase-pill,
.ask-map-layers-menu__buildings,
.ask-map-layers-menu__compass {
  transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option:hover,
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option:hover,
.ask-map-layers-menu .askbase-locate-mode:hover,
.ask-map-layers-menu__retail .askbase-pill:hover,
.ask-map-layers-menu__cadastral .askbase-pill:hover,
.ask-map-layers-menu__list .askbase-pill:hover,
.ask-map-layers-menu__buildings:hover,
.ask-map-layers-menu__compass:hover {
  transform: scale(1.04);
  background: rgba(248, 242, 218, 0.55) !important;
  color: var(--ask-warm-active-text) !important;
}

.ask-map-layers-menu__compass:hover {
  border-radius: 50% !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option.is-active,
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option.is-active,
.ask-map-layers-menu .askbase-locate-mode.askbase-locate-mode--active,
.ask-map-layers-menu__retail .askbase-pill.askbase-pill--active,
.ask-map-layers-menu__cadastral .askbase-pill.askbase-pill--active,
.ask-map-layers-menu__list .askbase-pill.askbase-pill--active,
.ask-map-layers-menu__buildings.is-active,
.ask-map-layers-menu__compass.is-off-north,
.ask-map-layers-menu__compass.askbase-geo-btn--active {
  background: var(--ask-warm-active-bg-strong) !important;
  color: var(--ask-warm-active-text) !important;
  box-shadow: var(--ask-warm-active-inset) !important;
}

.ask-map-layers-menu__compass.is-off-north,
.ask-map-layers-menu__compass.askbase-geo-btn--active {
  border-radius: 50% !important;
}

.ask-map-layers-switcher.is-open .ask-map-layers-menu .ask-map-mode-option.is-active:hover,
.ask-map-layers-switcher .ask-map-layers-menu .ask-map-mode-option.is-active:hover,
.ask-map-layers-menu .askbase-locate-mode.askbase-locate-mode--active:hover,
.ask-map-layers-menu__retail .askbase-pill.askbase-pill--active:hover,
.ask-map-layers-menu__cadastral .askbase-pill.askbase-pill--active:hover,
.ask-map-layers-menu__list .askbase-pill.askbase-pill--active:hover,
.ask-map-layers-menu__buildings.is-active:hover,
.ask-map-layers-menu__compass.is-off-north:hover,
.ask-map-layers-menu__compass.askbase-geo-btn--active:hover {
  background: rgba(248, 242, 218, 0.88) !important;
  color: var(--ask-warm-active-text) !important;
}

.ask-map-layers-menu__compass.is-off-north:hover,
.ask-map-layers-menu__compass.askbase-geo-btn--active:hover {
  border-radius: 50% !important;
}

.ask-map-layers-menu__name {
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
}

/* Locate + compass moved into Layers; hide leftover map-rail controls */
.leaflet-bottom.leaflet-left #locate-me-btn-bottom,
#locate-me-btn-bottom.askbase-geo-btn,
.leaflet-bottom.leaflet-right #askbase-north-btn-bottom,
#askbase-north-btn-bottom.askbase-north-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.ask-map-layers-menu__retail .askbase-mode-icon,
.ask-map-layers-menu__cadastral .askbase-mode-icon,
.ask-map-layers-menu__list .askbase-mode-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

/* === MOBILE BOTTOM CONTROLS: no vh−dvh double-lift (final) === */
@media (max-width: 768px) {
  :root {
    --ask-map-bottom-controls-inset: calc(
      var(--ask-map-control-edge)
      + env(safe-area-inset-bottom, 0px)
    );
  }

  body.ask-app-mode-map .leaflet-bottom.leaflet-left,
  body.ask-app-mode-map .leaflet-bottom.leaflet-right,
  body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-left,
  body:not(.ask-map-mode-3d) .leaflet-bottom.leaflet-right,
  body.ask-map-mode-3d .leaflet-bottom.leaflet-left,
  body.ask-map-mode-3d .leaflet-bottom.leaflet-right,
  .leaflet-bottom.leaflet-left,
  .leaflet-bottom.leaflet-right {
    bottom: var(--ask-map-bottom-controls-inset) !important;
  }
}

/* Desktop: optional dynamic browser-chrome lift (large viewports only). */
@media (min-width: 769px) {
  :root {
    --ask-map-bottom-controls-inset: calc(
      var(--ask-map-control-edge)
      + env(safe-area-inset-bottom, 0px)
      + max(0px, 100vh - 100dvh)
    );
  }
}


/* ============================================================
   MLP premium interior (single + multi). One card, two modes.
   Primary = above-the-fold params; more = secondary + description.
   ============================================================ */
.mlp {
  --mlp-ink: #0f172a;
  --mlp-muted: #475569;
  --mlp-label: #64748b;
  --mlp-icon: #64748b;
  --mlp-line: rgba(15, 23, 42, 0.08);
  /* Match Expansion Filters field chips */
  --mlp-soft: rgba(248, 251, 249, 0.72);
  --mlp-stage: #eef1f5;
  --mlp-accent: #1d4ed8;
  --mlp-hero-h: 180px;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}
.mlp[data-mode="single"] {
  grid-template-columns: minmax(0, 1fr);
  --mlp-hero-h: 200px;
}
.mlp[data-mode="multi"] {
  grid-template-columns: minmax(0, 1.05fr) minmax(240px, 0.95fr);
  --mlp-hero-h: 148px;
}

.mlp__stage {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 14px;
  background: var(--mlp-soft);
  border: 1px solid var(--mlp-line);
  box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
  padding: 0;
}
.mlp__primary {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0 12px 0;
}
.mlp__primary > .mlp__hero {
  margin: 0 -12px 2px;
  width: auto;
  max-width: none;
  border-radius: 12px 12px 0 0;
}
.mlp__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 12px;
  min-width: 0;
  flex: 0 0 auto;
  padding: 8px 0 2px;
  align-items: start;
}
.mlp__more {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  flex: 0 0 auto;
  padding: 6px 12px 10px;
  margin: 0;
  border-top: 0 !important;
  box-shadow: none !important;
  background: var(--mlp-soft);
}
.mlp__more--desc {
  position: relative;
  z-index: 3;
}
/* Cabinet-parity scrollbars for card stage + rail */
.mlp__stage,
.mlp__rail-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.12) transparent;
}
.mlp__stage::-webkit-scrollbar,
.mlp__rail-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.mlp__stage::-webkit-scrollbar-track,
.mlp__rail-list::-webkit-scrollbar-track {
  background: transparent !important;
}
.mlp__stage::-webkit-scrollbar-thumb,
.mlp__rail-list::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.10) !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
}
.mlp__stage::-webkit-scrollbar-thumb:hover,
.mlp__rail-list::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.22) !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
}

/* Photo eats leftover sheet height; facts stay put. No card scrollbar. */
.mlp[data-mode="single"] .mlp__stage,
.mlp[data-mode="multi"] .mlp__stage {
  overflow: hidden;
}

.mlp__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}

.mlp__hero {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  background: var(--mlp-stage);
  border: 0;
  box-shadow: none;
  outline: none;
  /* Full-width cover; grow so more of the photo fits by height. */
  flex: 1 1 auto !important;
  min-height: var(--mlp-hero-h);
  height: auto;
  max-height: none;
}
.mlp[data-mode="single"] .mlp__hero {
  --mlp-hero-h: 200px;
  min-height: 200px;
  height: auto !important;
  max-height: none !important;
}
.mlp[data-mode="multi"] .mlp__hero {
  --mlp-hero-h: 148px;
  min-height: 148px;
  height: auto !important;
  max-height: none !important;
}
/* Description open: compact hero instantly (no height transition — avoids left-panel stutter) */
.mlp.is-desc-open {
  --mlp-hero-h: 92px;
}
.mlp.is-desc-open[data-mode="single"] .mlp__hero,
.mlp.is-desc-open[data-mode="multi"] .mlp__hero {
  flex: 0 0 92px !important;
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
}
.mlp.is-desc-open .mlp__desc-wrap {
  scroll-margin-top: 8px;
  scroll-margin-bottom: 16px;
}
/* Long DESCRIPTION: keep header/facts, scroll text inside remaining height. */
.mlp.is-desc-open .mlp__card {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.mlp.is-desc-open .mlp__more--desc {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.mlp.is-desc-open .mlp__desc-wrap {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mlp.is-desc-open .mlp__desc {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
  padding-bottom: 22px;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.22) transparent;
}
.mlp.is-desc-open .mlp__desc::-webkit-scrollbar {
  width: 5px;
}
.mlp.is-desc-open .mlp__desc::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.22);
  border-radius: 999px;
}
.mlp__photo-slot,
.mlp__photo-trigger {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: zoom-in;
}
.mlp__hero .market-popup-photo {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  border-radius: inherit;
  overflow: hidden !important;
}
.mlp__hero .mlp__photo-slot,
.mlp__hero .market-popup-photo-slot {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  border-radius: inherit;
  overflow: hidden !important;
}
.mlp__hero .market-popup-photo-trigger {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
}
.mlp__hero .market-popup-photo-img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mlp__hero .market-popup-photo-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 34px;
  height: auto;
  border-radius: 0;
  border: 0;
  /* No backdrop-filter: it breaks parent border-radius clipping in WebKit. */
  background: rgba(255, 255, 255, 0.012);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  color: rgba(15, 23, 42, 0.48);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.mlp__hero .market-popup-photo-nav.is-prev {
  left: 0;
  border-radius: 14px 0 0 14px;
}
.mlp__hero .market-popup-photo-nav.is-next {
  right: 0;
  border-radius: 0 14px 14px 0;
  background: rgba(255, 255, 255, 0.012);
}
.mlp__hero .market-popup-photo-nav.is-prev:hover,
.mlp__hero .market-popup-photo-nav.is-prev:focus-visible,
.mlp__hero .market-popup-photo-nav.is-next:hover,
.mlp__hero .market-popup-photo-nav.is-next:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(15, 23, 42, 0.78);
  outline: none;
}
.mlp__photo-empty {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--mlp-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mlp__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mlp__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  min-width: 0;
}
.mlp__actions {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}
.mlp__actions .favorite-btn,
.mlp__actions .expansion-listing-top-btn,
.mlp__actions .cabinet-listing-top-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: var(--mlp-soft) !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  color: #475569 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
}
.mlp__actions .favorite-btn.is-active,
.mlp__actions .favorite-btn.is-favorite,
.mlp__actions .favorite-btn.favorite-active {
  color: #b45309 !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  background: rgba(251, 191, 36, 0.16) !important;
}
.mlp__actions .expansion-listing-top-btn.is-active,
.mlp__actions .cabinet-listing-top-btn.is-active,
.mlp__actions .market-listing-top-btn.is-active {
  color: #ca8a04 !important;
  border-color: rgba(202, 138, 4, 0.42) !important;
  background: rgba(250, 204, 21, 0.14) !important;
}

.mlp__title {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--mlp-ink);
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.mlp__meta {
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: var(--mlp-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mlp__ppm2 {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  width: fit-content;
  padding: 6px 8px;
  border-radius: 8px;
  background: #0f172a;
  color: #f8fafc;
}
.mlp__ppm2 span {
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.72;
}
.mlp__ppm2 strong {
  font-size: 12px;
  font-weight: 700;
}
.mlp__kv {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 6px;
  align-items: baseline;
  font-size: 12px;
}
.mlp__kv--compact strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mlp__kv span {
  color: var(--mlp-muted);
}
.mlp__kv strong {
  color: var(--mlp-ink);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mlp__footer {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mlp__link {
  color: var(--mlp-accent);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.mlp__link:hover {
  text-decoration: underline;
}

/* KPI + contacts share one 4-col track via display:contents */
.mlp__kpi,
.mlp__contacts {
  display: contents;
}
.mlp__kpi-item,
.mlp__contact {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mlp__contact.is-empty {
  opacity: 0.72;
}
.mlp__fact-icon {
  width: 28px;
  height: 28px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--mlp-icon);
  background: transparent;
  border: 0;
  pointer-events: none;
}
.mlp__fact-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
.mlp__kpi-body,
.mlp__contact-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.mlp__kpi-label,
.mlp__contact-label {
  display: block;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mlp-label);
  line-height: 1.2;
}
.mlp__kpi-val,
.mlp__contact-val {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--mlp-ink);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mlp__kpi-val:has(.mlp__kpi-price-stack),
.mlp__kpi-val:has(.mlp__kpi-eq) {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.mlp__kpi-price-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  max-width: 100%;
  line-height: 1.2;
}
.mlp__kpi-price-primary {
  font-weight: inherit;
  color: inherit;
  white-space: nowrap;
}
.mlp__kpi-eq {
  display: block;
  margin-top: 0;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--mlp-label);
  white-space: nowrap;
}
.mlp__kpi-link {
  color: rgba(37, 99, 235, 0.9);
  text-decoration: none;
  font-weight: 600;
}
.mlp__kpi-link:hover {
  color: rgba(29, 78, 216, 0.98);
  text-decoration: underline;
}

.mlp__tech {
  display: contents;
}
.mlp__tech-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
.mlp__tech-item.is-empty {
  opacity: 0.72;
}
.mlp__tech-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.mlp__tech-label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  line-height: 1.2;
}
.mlp__tech-val {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mlp__chip {
  display: none;
}

.mlp__desc-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding-top: 2px;
}
.mlp__desc-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
  min-height: 28px;
  padding-right: 22px;
  box-sizing: border-box;
}
.mlp__desc-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
  width: auto;
  max-width: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: inherit;
}
.mlp__sheet-collapse {
  position: absolute !important;
  top: auto !important;
  right: 8px !important;
  bottom: 6px !important;
  left: auto !important;
  z-index: 4;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(100, 116, 139, 0.72);
  cursor: pointer;
  outline: none;
  line-height: 0;
  opacity: 1 !important;
  transition: color 0.16s ease, transform 0.16s ease;
}
.mlp__sheet-collapse:hover,
.mlp__sheet-collapse:focus-visible {
  color: rgba(15, 23, 42, 0.72);
  background: transparent;
  box-shadow: none;
  transform: none;
}
.mlp__sheet-collapse-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: inherit;
}
.mlp__sheet-collapse-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}
.mlp__sheet-collapse-icon svg path {
  stroke: currentColor;
}
.mlp__sheet-collapse-icon--collapse {
  display: flex;
}
.mlp__sheet-collapse--collapsed .mlp__sheet-collapse-icon--collapse {
  display: none;
}
.mlp__sheet-collapse--collapsed .mlp__sheet-collapse-icon--expand {
  display: flex;
}
.mlp__desc-head:hover .mlp__desc-chevron {
  color: rgba(15, 23, 42, 0.72);
}
.mlp__desc-label {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mlp-label);
}
.mlp__desc-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: rgba(100, 116, 139, 0.72);
  transition: transform 160ms ease, color 140ms ease;
}
.mlp__desc-chevron svg {
  width: 14px;
  height: 14px;
  display: block;
}
.mlp__desc-chevron svg path {
  stroke: currentColor;
}
.mlp__desc-chevron.is-open {
  transform: rotate(180deg);
}
.mlp__desc-toggle-label,
.mlp__desc-arrow {
  display: none !important;
}
.mlp__desc {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--mlp-muted);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.mlp__desc--loading,
.mlp__desc--empty {
  color: var(--mlp-label);
  font-weight: 500;
}
.mlp__desc.is-collapsed {
  display: none;
}
.mlp__desc-toggle {
  display: none;
}

.mlp__contact {
  display: flex;
  align-items: flex-start;
  min-width: 0;
}

@media (max-width: 1100px) {
  .mlp__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .mlp__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Multi: selection rail — cabinet workspace listing results parity */
.mlp__rail {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.16);
  padding: 8px;
}
.mlp__rail-head {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mlp-muted);
  padding: 0 2px;
}
.mlp__rail-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.mlp__pick.workspace-listing-row {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  border: none;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.52);
  box-shadow: none;
  padding: 10px;
  cursor: pointer;
  color: var(--mlp-ink);
  transition: background 140ms ease;
}
.mlp__pick.workspace-listing-row:hover {
  background: rgba(15, 23, 42, 0.045);
}
.mlp__pick.workspace-listing-row.is-active,
.mlp__pick.workspace-listing-row.is-selected {
  background: rgba(37, 99, 235, 0.08);
  border: none;
  box-shadow: none;
}
.mlp__pick .workspace-listing-thumb,
.mlp__pick-thumb.workspace-listing-thumb {
  width: 66px;
  height: 58px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.05);
  border: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  color: #475569;
}
.mlp__pick-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mlp__pick-thumb-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mlp-muted);
}
.mlp__pick .workspace-listing-main,
.mlp__pick-body.workspace-listing-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mlp__pick .workspace-listing-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: #0f172a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mlp__pick .workspace-listing-meta {
  margin-top: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  color: #475569;
}
.mlp__pick .workspace-listing-kind {
  color: #475569;
  font-weight: 500;
}
.mlp__pick .workspace-listing-meta-sep {
  color: #cbd5e1;
  font-weight: 400;
}
.mlp__pick .workspace-listing-area {
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.mlp__pick .workspace-listing-price {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #0f172a;
}
.mlp__pick .cabinet-price-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  max-width: 100%;
  line-height: 1.2;
}
.mlp__pick .cabinet-price-stack__primary {
  font-weight: inherit;
  color: inherit;
  white-space: nowrap;
}
.mlp__pick .cabinet-price-stack__equiv {
  font-size: 0.88em;
  font-weight: 500;
  /* The listing card is a light tint, not pure white: slate-500 measured
     4.26:1 there, so this muted price needs slate-600 to clear 4.5:1. */
  color: #475569;
  white-space: nowrap;
}
.mlp__pick .workspace-listing-card-actions {
  display: none !important;
}
.mlp__pick .workspace-listing-card-actions .favorite-btn,
.mlp__pick .workspace-listing-card-actions .expansion-listing-top-btn,
.mlp__pick .workspace-listing-card-actions .cabinet-listing-top-btn,
.mlp__pick .workspace-listing-card-actions .market-listing-top-btn,
.mlp__pick .workspace-listing-star {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(100, 116, 139, 0.62) !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  cursor: pointer !important;
}
.mlp__pick .workspace-listing-card-actions .favorite-btn:hover,
.mlp__pick .workspace-listing-card-actions .expansion-listing-top-btn:hover,
.mlp__pick .workspace-listing-card-actions .cabinet-listing-top-btn:hover,
.mlp__pick .workspace-listing-star:hover {
  color: rgba(202, 138, 4, 0.78) !important;
  background: transparent !important;
}
.mlp__pick .workspace-listing-card-actions .favorite-btn.is-favorite,
.mlp__pick .workspace-listing-card-actions .favorite-btn.favorite-active,
.mlp__pick .workspace-listing-star.is-favorite,
.mlp__pick .workspace-listing-star.favorite-active,
.mlp__pick .workspace-listing-card-actions .cabinet-listing-top-btn.is-active,
.mlp__pick .workspace-listing-card-actions .expansion-listing-top-btn.is-active {
  color: #b45309 !important;
}
.mlp__pick .workspace-listing-card-actions .cabinet-fav-icon {
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
}
.mlp__pick .workspace-listing-card-actions .cabinet-hot-icon,
.mlp__pick .workspace-listing-card-actions svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  color: inherit !important;
}
.mlp__pick .workspace-listing-star .listing-status-dot {
  position: absolute !important;
  left: 50% !important;
  bottom: -8px !important;
  transform: translateX(-50%) !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) !important;
  pointer-events: none !important;
}

.mlp .expansion-src-badge,
.mlp .listing-status-badge {
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  border-color: transparent;
  color: rgba(15, 23, 42, 0.72);
}

.market-listing-panel__body > .mlp {
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}

@media (max-width: 1100px) {
  .market-listing-panel__sheet {
    width: min(640px, 78vw) !important;
    min-width: 420px !important;
  }
  .mlp[data-mode="multi"] {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.88fr);
  }
}
@media (max-width: 860px) {
  .mlp[data-mode="multi"] {
    grid-template-columns: 1fr;
  }
  .mlp__rail {
    max-height: 220px;
  }
}

/* MLP containment — beat leftover overflow:visible tails on panel chrome */
.market-listing-panel__sheet,
.market-listing-panel__body {
  overflow: hidden !important;
}
.market-listing-panel__sheet {
  height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
  max-height: var(--market-listing-panel-max-height, calc(100vh - 72px)) !important;
  background: var(--ask-map-panel-glass-bg) !important;
  border: 0.5px solid var(--ask-map-panel-glass-border) !important;
  box-shadow: var(--ask-map-panel-glass-shadow) !important;
  backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  -webkit-backdrop-filter: var(--ask-map-panel-glass-blur) !important;
  color: #0f172a !important;
}

/* MLP action geometry — never float outside card */
.mlp__actions .favorite-btn,
.mlp__actions .expansion-listing-top-btn,
.mlp__actions .cabinet-listing-top-btn {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
}
.market-listing-panel__body > .mlp {
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}

/* Topbar status cluster — same minimal chrome as cabinet listing header (not rail MARKET chips) */
.market-listing-panel__topbar .listing-details-badge,
.market-listing-panel .mlp__badges .listing-details-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  color: #475569;
  text-transform: none;
  letter-spacing: 0.01em;
}
.market-listing-panel__topbar .cabinet-status-select,
.market-listing-panel .mlp__badges .cabinet-status-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: none !important;
  /* 24px is the WCAG 2.5.8 minimum target size. */
  height: 24px !important;
  padding: 0 18px 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid transparent;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
  color: #475569;
  cursor: pointer;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  background-color: transparent;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(71, 85, 105, 0.75) 50%),
    linear-gradient(135deg, rgba(71, 85, 105, 0.75) 50%, transparent 50%);
  background-position: calc(100% - 10px) 50%, calc(100% - 6px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.market-listing-panel__topbar .cabinet-status-select--new,
.market-listing-panel .mlp__badges .cabinet-status-select--new {
  background-color: rgba(245, 158, 11, 0.14);
  border-color: transparent;
  color: #475569;
}
.market-listing-panel__topbar .cabinet-status-select--processing,
.market-listing-panel .mlp__badges .cabinet-status-select--processing {
  background-color: rgba(34, 197, 94, 0.12);
  border-color: transparent;
  color: #475569;
}
.market-listing-panel__topbar .cabinet-status-select--waiting,
.market-listing-panel .mlp__badges .cabinet-status-select--waiting {
  background-color: rgba(59, 130, 246, 0.12);
  border-color: transparent;
  color: #475569;
}
.market-listing-panel__topbar .cabinet-status-select--done,
.market-listing-panel .mlp__badges .cabinet-status-select--done {
  background-color: rgba(239, 68, 68, 0.12);
  border-color: transparent;
  color: #475569;
}
.market-listing-panel__topbar .cabinet-status-select--archived,
.market-listing-panel__topbar .cabinet-status-select--inactive,
.market-listing-panel .mlp__badges .cabinet-status-select--archived,
.market-listing-panel .mlp__badges .cabinet-status-select--inactive {
  background-color: rgba(100, 116, 139, 0.12);
  border-color: transparent;
  color: #475569;
}
.market-listing-panel__topbar .mlp__badges .cabinet-status-select--listing,
.market-listing-panel__topbar .mlp__badges .listing-details-badge {
  flex-shrink: 0;
}

/* === Expansion header fav/hot: final chrome lock === */
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn,
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn {
  color: rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn .cabinet-fav-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px rgba(15, 23, 42, 0.84) !important;
  opacity: 1 !important;
}
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn svg circle {
  fill: none !important;
  stroke: #0f172a !important;
  stroke-opacity: 0.84 !important;
  stroke-width: 1.75 !important;
  opacity: 1 !important;
  filter: none !important;
}
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.is-active .cabinet-fav-icon,
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.askbase-pill--active .cabinet-fav-icon,
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn[aria-pressed="true"] .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px #c2410c !important;
}
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn.is-active svg path,
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn.askbase-pill--active svg path,
#askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn[aria-pressed="true"] svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.is-active svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.is-active svg circle,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.askbase-pill--active svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.askbase-pill--active svg circle,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn[aria-pressed="true"] svg path,
#askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn[aria-pressed="true"] svg circle {
  stroke: #c2410c !important;
  stroke-opacity: 1 !important;
}

/* ============================================================
   Mobile MLP: full-width sheet + pinned close (desktop unchanged)
   Breakpoint: 768px (Radar mobile parity)
   ============================================================ */
@media (max-width: 768px) {
  .market-listing-panel.is-open {
    z-index: 12050 !important;
  }

  body.ask-market-listing-panel-open .market-listing-panel.is-open {
    z-index: 12050 !important;
  }

  .market-listing-panel__sheet {
    left: calc(8px + env(safe-area-inset-left, 0px)) !important;
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 16px !important;
    padding: 10px 10px 12px !important;
    /* Leave room for absolute close in top-right */
    box-sizing: border-box !important;
  }

  .market-listing-panel__topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
    min-height: 44px !important;
    padding: 2px 48px 10px 2px !important;
    align-items: flex-start !important;
  }

  .market-listing-panel__topbar-main {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .market-listing-panel__topbar .mlp__topbar-texts .mlp__title {
    -webkit-line-clamp: 1 !important;
    font-size: 14px !important;
  }

  .market-listing-panel__topbar .mlp__topbar-cluster {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
  }

  .market-listing-panel__topbar .mlp__actions {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 28px !important;
  }

  /* Pin close: always visible, large tap target */
  .market-listing-panel__close {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 12 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;
    color: rgba(15, 23, 42, 0.92) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .market-listing-panel__close:hover,
  .market-listing-panel__close:active,
  .market-listing-panel__close:focus-visible {
    background: rgba(255, 255, 255, 0.98) !important;
    color: #0f172a !important;
    opacity: 1 !important;
  }

  .market-listing-panel__close-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .market-listing-panel__close-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* Stack multi-column rail under detail on narrow phones */
  .mlp[data-mode="multi"] {
    grid-template-columns: 1fr !important;
  }

  .mlp__rail {
    max-height: 180px !important;
  }

  .mlp__stage,
  .mlp[data-mode="single"] .mlp__stage,
  .mlp[data-mode="multi"] .mlp__stage {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .mlp[data-mode="single"] .mlp__hero {
    min-height: 160px;
  }
}

/* ===== Satellite / Hybrid: unified glass (same recipe as listing panel) =====
   Outer: 0.40–0.55 + blur(12px). Inner docks sit on the shell — no second fill. */
body.ask-map-mode-earth #askbase-bottom-sheet,
body.ask-map-mode-earth .askbase-bottom-sheet {
  --ask-earth-sheet-blur: blur(12px);
  --ask-earth-sheet-card-blur: none;
  --ask-earth-sheet-fill: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  --ask-earth-sheet-card: transparent;
  --ask-earth-sheet-card-deep: transparent;
  --ask-map-chrome-text: rgba(248, 250, 252, 0.94);
  --ask-map-chrome-text-strong: rgba(255, 255, 255, 0.98);
  --ask-map-chrome-text-muted: rgba(226, 232, 240, 0.68);
  --ask-earth-sheet-border: rgba(255, 255, 255, 0.08);
  --ask-earth-sheet-card-border: rgba(255, 255, 255, 0.08);
  --ask-earth-sheet-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  --ask-earth-sheet-card-shadow: none;
  --ask-map-surface-glass-bg: var(--ask-earth-sheet-fill);
  --ask-map-surface-glass-border: var(--ask-earth-sheet-border);
  --ask-map-surface-glass-shadow: var(--ask-earth-sheet-shadow);
  --ask-map-surface-glass-blur: var(--ask-earth-sheet-blur);
  --ask-map-panel-glass-bg: var(--ask-earth-sheet-card);
  --ask-map-panel-glass-border: var(--ask-earth-sheet-card-border);
  --ask-map-panel-glass-shadow: var(--ask-earth-sheet-card-shadow);
  --ask-map-panel-glass-blur: var(--ask-earth-sheet-card-blur);
  --ask-map-panel-card-bg: var(--ask-earth-sheet-card);
  --ask-map-panel-card-border: var(--ask-earth-sheet-card-border);
  --ask-map-panel-card-shadow: var(--ask-earth-sheet-card-shadow);
  --ask-map-panel-card-blur: var(--ask-earth-sheet-card-blur);
  --askbase-radar-glass-bg: var(--ask-earth-sheet-fill);
  --askbase-radar-glass-border: var(--ask-earth-sheet-border);
  --askbase-radar-glass-shadow: var(--ask-earth-sheet-shadow);
  --askbase-radar-glass-blur: var(--ask-earth-sheet-blur);
  --ask-map-chrome-chip-bg: rgba(255, 255, 255, 0.06);
  --ask-map-chrome-chip-hover-bg: rgba(255, 255, 255, 0.10);
  --ask-map-chrome-chip-active-bg: rgba(250, 204, 21, 0.22);
  --ask-map-chrome-divider: rgba(255, 255, 255, 0.08);
  --ask-map-chrome-dd-bg: rgba(15, 23, 42, 0.78);
  --ask-map-chrome-dd-hover: rgba(15, 23, 42, 0.88);
  background: var(--ask-earth-sheet-fill) !important;
  border: 1px solid var(--ask-earth-sheet-border) !important;
  box-shadow: var(--ask-earth-sheet-shadow) !important;
  backdrop-filter: var(--ask-earth-sheet-blur) !important;
  -webkit-backdrop-filter: var(--ask-earth-sheet-blur) !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

/* Full-bleed wrappers must stay clear so the shell is a single glass layer. */
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__view,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view {
  --exp-ink-title: rgba(226, 232, 240, 0.80);
  --exp-ink-strong: rgba(248, 250, 252, 0.94);
  --exp-ink-body: rgba(248, 250, 252, 0.92);
  --exp-ink-muted: rgba(226, 232, 240, 0.72);
  --exp-ink-meta: rgba(226, 232, 240, 0.62);
  --exp-icon-ink: rgba(226, 232, 240, 0.72);
  --exp-icon-ink-header: rgba(226, 232, 240, 0.84);
  --exp-tile-bg: rgba(255, 255, 255, 0.07);
  --exp-tile-inset: inset 0 0 0 0.5px rgba(255, 255, 255, 0.10);
}

body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__content,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__body,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-layout,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet::before,
body.ask-map-mode-earth .askbase-bottom-sheet::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 28px;
  pointer-events: none;
  background: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0)
  );
  border-radius: var(--ask-map-panel-radius, 22px) var(--ask-map-panel-radius, 22px) 0 0;
  z-index: 1;
}

body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__title,
body.ask-map-mode-earth #askbase-bottom-sheet .expansion-title,
body.ask-map-mode-earth #askbase-bottom-sheet .radar-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__header .expansion-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-header-top > .expansion-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-header-top > .askbase-bottom-sheet__title {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-bottom-sheet__close,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-sheet-collapse-btn,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-bottom-sheet__close *,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-sheet-collapse-btn *,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion *,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail *,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-metric-box__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-row__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon * {
  color: rgba(248, 250, 252, 0.94) !important;
  opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-bottom-sheet__close:hover,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-sheet-collapse-btn:hover,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-bottom-sheet__close:hover *,
body.ask-map-mode-earth #askbase-bottom-sheet > .askbase-sheet-collapse-btn:hover *,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-collapse-btn--expansion:hover,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion .askbase-sheet-header-icon-btn:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse:hover *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__btn:hover * {
  color: rgba(255, 255, 255, 0.98) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-clusters-panel-toggle svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-listings-panel-toggle svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__collapse svg path,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-bottom-sheet__header-actions--expansion svg path {
  stroke: currentColor !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn .cabinet-fav-icon {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn .expansion-header-viz-btn__icon svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn .expansion-listings-panel-toggle__icon svg path {
  fill: none !important;
  stroke: rgba(248, 250, 252, 0.94) !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.is-active .cabinet-fav-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.askbase-pill--active .cabinet-fav-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn[aria-pressed="true"] .cabinet-fav-icon {
  color: #fbbf24 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn.is-active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn.askbase-pill--active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapHotBtn[aria-pressed="true"] svg path {
  stroke: #fb923c !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  stroke: rgba(248, 250, 252, 0.94) !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionSearchAreaBtn .expansion-search-area-btn__icon svg circle {
  fill: rgba(248, 250, 252, 0.94) !important;
  stroke: none !important;
}

/* Nested docks — same unified glass as the listing panel, no second fill.
   Urban Structure / Potential Demand keep soft shells (see below). */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--market-structure .expansion-dock-panel__content,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card:not(.radar-card--urban-structure):not(.radar-card--potential-demand):not(.radar-card--retail-mix):not(.radar-card--retail-brands),
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-result-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card.expansion-card--listings-filters,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card.expansion-card--listings-results,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card.expansion-card--market-structure,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card.expansion-card--selected-hex,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card.expansion-card--smart-clusters {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-card--placeholder {
  background: var(--ask-earth-sheet-card) !important;
  border: 1px solid var(--ask-earth-sheet-card-border) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field select,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryTrigger,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field input,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field select,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .signals-mini-input,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .signals-mini-select,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__name {
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(226, 232, 240, 0.88) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-filters-accordion__label {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger {
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.62) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder),
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active .expansion-date-trigger__label,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:not(.is-placeholder) .expansion-date-trigger__label {
  color: rgba(248, 250, 252, 0.96) !important;
  font-weight: 600 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon {
  color: rgba(226, 232, 240, 0.62) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filters-main .expansion-field-icon svg line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg line {
  stroke: rgba(226, 232, 240, 0.62) !important;
  fill: none !important;
  color: rgba(226, 232, 240, 0.62) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg circle[fill="currentColor"],
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field-icon svg [fill="currentColor"] {
  fill: rgba(226, 232, 240, 0.62) !important;
  stroke: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field input::placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .signals-mini-input::placeholder {
  color: rgba(248, 250, 252, 0.52) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .signals-persist-label {
  color: var(--exp-ink-muted) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .signals-persist-group + .signals-persist-group {
  border-top-color: rgba(255, 255, 255, 0.08);
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid > div,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-metric {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid span {
  color: var(--exp-ink-muted) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals .smart-summary-grid strong {
  color: var(--exp-ink-strong) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansion-smart-clear {
  background: var(--exp-tile-bg) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-strong) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansion-smart-run-match {
  color: var(--ask-warm-active-text) !important;
  background: var(--ask-warm-active-bg-strong) !important;
  border: 1px solid rgba(217, 184, 95, 0.34) !important;
  box-shadow: var(--ask-warm-active-inset), var(--ask-warm-active-shadow) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryMenu,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-category-multiselect-menu {
  background: rgba(15, 23, 42, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: var(--ask-map-chrome-text) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-label,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-kv-label,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field > span,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-muted,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-count,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__text,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric {
  background: rgba(255, 255, 255, 0.07) !important;
  border: none !important;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.10) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionSummaryMetrics .expansion-metric,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionSummaryMetrics .expansion-metric--price {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-label {
  color: rgba(226, 232, 240, 0.62) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-value {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon * {
  color: rgba(226, 232, 240, 0.58) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-status:not(:empty) {
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-muted) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-col {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.08) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-bucket-count,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span:last-child {
  background: var(--exp-tile-bg) !important;
  box-shadow: var(--exp-tile-inset) !important;
  color: var(--exp-ink-muted) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-kv-value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__value {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle {
  color: rgba(248, 250, 252, 0.92) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle:hover {
  color: rgba(255, 255, 255, 0.98) !important;
  background: transparent !important;
  border-color: transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked),
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view label.askbase-pill.expansion-pill-toggle:has(input[type="checkbox"]:checked) {
  color: rgba(255, 255, 255, 0.98) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle .expansion-pill-toggle__box {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle:has(input[type="checkbox"]:checked) .expansion-pill-toggle__box {
  border: 1px solid rgba(217, 184, 95, 0.35) !important;
  background: rgba(217, 184, 95, 0.18) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-pill-toggle input[type="checkbox"]:checked + .expansion-pill-toggle__box::before {
  border: none !important;
  border-radius: 1px !important;
  width: 4px !important;
  height: 4px !important;
  margin: 0 !important;
  background: #E7C86A !important;
  transform: translate(-50%, -50%) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(241, 245, 249, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__item.is-active {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view.is-market-select .expansion-dock-panel--results .expansion-market-results__item.is-market-selected.is-active {
  background: linear-gradient(180deg, rgba(217, 184, 95, 0.22), rgba(217, 184, 95, 0.12)) !important;
  border-color: rgba(253, 230, 138, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(253, 230, 138, 0.38),
    inset 0 1px 0 rgba(255, 252, 240, 0.18) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__thumb {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__item--hex {
  background: var(--exp-tile-bg) !important;
  color: var(--exp-ink-strong) !important;
  border: none !important;
  box-shadow: var(--exp-tile-inset) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__thumb {
  background: rgba(255, 255, 255, 0.08) !important;
  border: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__title-inner,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__price-line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-price,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-title,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__title-inner,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__price-line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-price,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-results__price {
  color: var(--ask-map-chrome-text-strong) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__subtitle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-kind,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__area,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .workspace-listing-area,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__ppm2-line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__subtitle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-kind,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__area,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .workspace-listing-area,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__ppm2-line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-results__location {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .cabinet-price-stack__primary {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .cabinet-price-stack__equiv {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-bucket-list li span:last-child,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-smart-item span {
  color: rgba(226, 232, 240, 0.86) !important;
}

/* Clusters dashboard cards inside the sheet */
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card {
  background: var(--ask-earth-sheet-card) !important;
  border: 1px solid var(--ask-earth-sheet-card-border) !important;
  box-shadow: var(--ask-earth-sheet-card-shadow) !important;
  backdrop-filter: var(--ask-earth-sheet-card-blur) !important;
  -webkit-backdrop-filter: var(--ask-earth-sheet-card-blur) !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-kpi-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-kpi-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-value {
  color: var(--ask-map-chrome-text-strong) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-subsection__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-subsection__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-ticks,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-ticks {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-item,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-brand-roster-item {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-marker,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-marker {
  background: rgba(248, 250, 252, 0.88) !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.35) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-chip,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-chip {
  color: rgba(226, 232, 240, 0.92) !important;
  background: rgba(99, 102, 241, 0.22) !important;
  border: 1px solid rgba(165, 180, 252, 0.32) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet .askbase-pill,
body.ask-map-mode-earth #askbase-bottom-sheet label.askbase-pill,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-radar-radius-pill {
  color: var(--ask-map-chrome-text) !important;
  background: var(--ask-map-chrome-chip-bg) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet .askbase-pill--active,
body.ask-map-mode-earth #askbase-bottom-sheet .askbase-radar-radius-pill--active,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-controls .askbase-radar-radius-pill--active {
  background: var(--ask-warm-active-bg-strong) !important;
  border: 1px solid var(--ask-warm-active-border) !important;
  box-shadow: var(--ask-warm-active-inset) !important;
  color: var(--ask-warm-active-text) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters.is-collapsed .expansion-dock-panel__rail,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--market-structure.is-collapsed .expansion-dock-panel__rail,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--signals.is-collapsed .expansion-dock-panel__rail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__rail:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel__footer.expansion-filters-footer .expansion-reset-filters-btn {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: var(--ask-map-chrome-text-strong) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-dock-panel__collapse,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-dock-panel__collapse {
  color: rgba(248, 250, 252, 0.94) !important;
}

/* Expansion earth — close light-glass slate locks (placeholders + icon strokes) */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field select.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field input.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-filter-field .expansion-filter-select.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionFilterCategoryTrigger.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field select.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-category-multiselect-trigger.is-placeholder *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterCategoryLabel.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterLocalityLabel.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterDistrictLabel.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters #expansionFilterSourceLabel.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-placeholder *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters__select.is-placeholder {
  color: rgba(226, 232, 240, 0.55) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-field input::placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .signals-mini-input::placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-field input::placeholder {
  color: rgba(226, 232, 240, 0.55) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.is-active .cabinet-fav-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn.askbase-pill--active .cabinet-fav-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #helsinkiMapFavoritesBtn[aria-pressed="true"] .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px #fbbf24 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn * {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn svg circle {
  fill: none !important;
  stroke: rgba(248, 250, 252, 0.94) !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.is-active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.is-active svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.askbase-pill--active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn.askbase-pill--active svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn[aria-pressed="true"] svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view #expansionMyListingsBtn[aria-pressed="true"] svg circle {
  stroke: #fb923c !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-saved-filters .expansion-favorite-search-btn.is-active .cabinet-fav-icon {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1.35px #fbbf24 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger:hover svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg line,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-date-trigger.is-active svg path {
  stroke: rgba(248, 250, 252, 0.94) !important;
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-metric-icon *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dist-title__icon * {
  color: rgba(226, 232, 240, 0.72) !important;
  stroke: currentColor !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-results__thumb-placeholder,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--selected-hex .expansion-market-results__thumb-placeholder {
  color: rgba(226, 232, 240, 0.58) !important;
}

/* Header scale / metric selects (500m, Avg price) — light ink + chevron */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select,
body.ask-map-mode-earth #askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select,
body.ask-map-mode-earth #askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select {
  color: rgba(248, 250, 252, 0.94) !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(248, 250, 252, 0.72) 50%),
    linear-gradient(135deg, rgba(248, 250, 252, 0.72) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 8px) 11px,
    calc(100% - 4px) 11px !important;
  background-size: 4px 4px, 4px 4px !important;
  background-repeat: no-repeat !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 18px !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:hover,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:hover,
body.ask-map-mode-earth #askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-scale-select:hover,
body.ask-map-mode-earth #askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select.expansion-header-analytics-select:hover {
  color: rgba(255, 255, 255, 0.98) !important;
  background-color: transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet[data-sheet-mode="expansion"] #expansion-panel-view .askbase-bottom-sheet__controls-row--expansion select#expansionHexScale.expansion-header-scale-select--compact {
  padding-right: 14px !important;
}

/* Color-by-status label */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:hover {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:has(.expansion-color-by-status-toggle__input:checked),
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--filters .expansion-color-by-status-toggle:has(.expansion-color-by-status-toggle__input:checked) .expansion-color-by-status-toggle__text {
  color: rgba(248, 250, 252, 0.94) !important;
}

/* Results sort — light CSS chevron */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort {
  color: rgba(226, 232, 240, 0.86) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(248, 250, 252, 0.72) 50%),
    linear-gradient(135deg, rgba(248, 250, 252, 0.72) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 4px) 8px,
    calc(100% - 0px) 8px !important;
  background-size: 4px 4px, 4px 4px !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort:focus,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-dock-panel--results .expansion-market-sort:hover {
  color: rgba(248, 250, 252, 0.96) !important;
  background-color: transparent !important;
}

/* Market select tool icon */
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn svg path {
  stroke: rgba(248, 250, 252, 0.94) !important;
  stroke-opacity: 1 !important;
  fill: none !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] {
  color: #d9b85f !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn.is-active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-btn[aria-pressed="true"] svg path {
  stroke: #d9b85f !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg rect {
  stroke: rgba(248, 250, 252, 0.88) !important;
  stroke-opacity: 1 !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon svg circle {
  fill: rgba(248, 250, 252, 0.88) !important;
  stroke: none !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active *,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"],
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] * {
  color: #d9b85f !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg rect,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg path,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg rect {
  stroke: #d9b85f !important;
  stroke-opacity: 1 !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon.is-active svg circle,
body.ask-map-mode-earth #askbase-bottom-sheet #expansion-panel-view .expansion-market-select-action--icon[aria-pressed="true"] svg circle {
  fill: #d9b85f !important;
}

/* ===== Radar / Clusters / Urban — same old dark inner glass as Expansion ===== */
body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .askbase-bottom-sheet__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .askbase-bottom-sheet__header .askbase-bottom-sheet__title,
body.ask-map-mode-earth #askbase-bottom-sheet .urban-v2-shell__title {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-metrics,
body.ask-map-mode-earth #askbase-bottom-sheet .urban-v2-shell__subtitle,
body.ask-map-mode-earth #askbase-bottom-sheet .urban-v2-shell__muted {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card:not(.radar-card--urban-structure):not(.radar-card--potential-demand):not(.radar-card--retail-mix):not(.radar-card--retail-brands),
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level1:not(.radar-card--urban-structure):not(.radar-card--potential-demand):not(.radar-card--retail-mix):not(.radar-card--retail-brands),
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level2:not(.radar-card--urban-structure):not(.radar-card--potential-demand):not(.radar-card--retail-mix):not(.radar-card--retail-brands),
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level3:not(.radar-card--urban-structure):not(.radar-card--potential-demand):not(.radar-card--retail-mix):not(.radar-card--retail-brands),
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .askbase-result-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-raw-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-drivers-card,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-legend .askbase-result-card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-shell__card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card.urban-v2-shell__card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-test.urban-v2-shell__card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-composition.urban-v2-shell__card,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-drivers.urban-v2-shell__card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

/* Soft shells for the four Radar section cards in earth mode */
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--urban-structure,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--potential-demand,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--retail-mix,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--retail-brands {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(226, 232, 240, 0.92) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--urban-structure > .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--potential-demand > .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--retail-mix > .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--retail-brands > .radar-card__title {
  border-left-color: rgba(148, 163, 184, 0.55) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--urban-structure .radar-structure-table-wrap {
  border-top-color: rgba(255, 255, 255, 0.10) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level1 {
  border: 1px solid rgba(250, 204, 21, 0.38) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level1 .radar-card__title {
  color: #fde047 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level2 .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card--level3 .radar-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-metric-box__value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-structure-kpi__value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-urban-table td,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table-th-total,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table--mix th.radar-table-th-sum,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table--brands th.radar-table-th-sum {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-card__meta,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-metric-box__label,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-structure-kpi__label,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-structure-context,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-urban-table > div:first-child,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-urban-table > div:nth-child(2),
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-scenario__label,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-meta-lines,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-list .radar-demand-driver-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__text,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__row,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-drivers--pending,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table--structure th,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table th,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-traffic-row__label {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-scenario__value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-traffic-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-urban-table td:last-child,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-table--structure td:last-child {
  color: #fde047 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-scenario--base {
  background: rgba(250, 204, 21, 0.12) !important;
  border-color: rgba(250, 204, 21, 0.28) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-scenario--base .radar-demand-scenario__label {
  color: rgba(253, 224, 71, 0.92) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-metric-box__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-row__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-traffic-row__icon,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon *,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-metric-box__icon *,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-driver-row__icon *,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-demand-footer__icon * {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon path,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon circle,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon rect,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-results-grid .radar-ui-icon line {
  stroke: currentColor !important;
  stroke-opacity: 1 !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-recommendation-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-recommendation-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-kpi-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-kpi-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-main,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metric strong,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metric strong,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .cluster-brand-roster-item,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .cluster-brand-roster-item,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-value,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-raw-card h4,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-detail-value {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-subsection__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-subsection__title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-metric-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-metric-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-decision-note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-decision-note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-signal-row__text,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-signal-row__text,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metrics-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metrics-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-selected-mini-metric span,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-selected-mini-metric span,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-card--selected .clusters-card__cell-id,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__section-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__section-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__label,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__list li,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__list li,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .feature-doc-block__note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .feature-doc-block__note,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .cluster-inline-scale-ticks,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .cluster-inline-scale-ticks,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-details-section-title,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-raw .cluster-raw-card .cluster-detail-label {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__bar {
  background: rgba(255, 255, 255, 0.14) !important;
}
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-panel-view .clusters-results-dashboard .clusters-profile-row__bar > span,
body.ask-map-mode-earth #askbase-bottom-sheet #clusters-details .clusters-results-dashboard .clusters-profile-row__bar > span {
  background: linear-gradient(90deg, #7da7d9 0%, #8b5cf6 100%) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-test__title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-composition__title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-retail-card-drivers__title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__row-value,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__meta-item,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-details__row-value,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-comp-table__count,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-comp-table__pct,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-drivers__value {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__row-label,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__meta-item span,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-selected-card .urban-v2-details__section-title,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-details__row-label,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-comp-table__label,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-comp-insight,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-drivers__label,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-drivers__group-title {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-mode-switch button {
  color: rgba(226, 232, 240, 0.78) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-mode-switch button.active,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .askbase-bottom-sheet__controls-row--urban > button[data-mode].active {
  color: rgba(255, 255, 255, 0.98) !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-multiselect__button,
body.ask-map-mode-earth #askbase-bottom-sheet #urban-panel-view .urban-v2-multiselect__row {
  color: rgba(226, 232, 240, 0.90) !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-mobile-tab {
  color: rgba(226, 232, 240, 0.78) !important;
  background: transparent !important;
}

body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-mobile-tab--active,
body.ask-map-mode-earth #askbase-bottom-sheet #radar-panel-view .radar-mobile-tab[aria-selected="true"] {
  color: rgba(253, 230, 138, 0.96) !important;
  background: rgba(250, 204, 21, 0.16) !important;
}

/* Satellite listing popup — one dark glass with Expansion, no light inner well */
body.ask-map-mode-earth .market-listing-panel,
body.ask-map-mode-earth .market-listing-details-drawer {
  --ask-map-panel-glass-bg: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  );
  --ask-map-panel-glass-border: rgba(255, 255, 255, 0.08);
  --ask-map-panel-glass-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  --ask-map-panel-glass-blur: blur(12px);
}

body.ask-map-mode-earth .market-listing-panel .mlp,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp {
  --mlp-ink: rgba(248, 250, 252, 0.96);
  --mlp-muted: rgba(226, 232, 240, 0.78);
  --mlp-label: rgba(226, 232, 240, 0.52);
  --mlp-icon: rgba(226, 232, 240, 0.62);
  --mlp-line: rgba(255, 255, 255, 0.08);
  --mlp-soft: transparent;
  --mlp-stage: rgba(8, 14, 28, 0.45);
  --mlp-accent: #93c5fd;
}

body.ask-map-mode-earth .market-listing-panel__sheet,
body.ask-map-mode-earth .market-listing-details-drawer {
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__card,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__stage,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__stage.market-listing-panel-main,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__stage.market-listing-preview-main,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__primary,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__facts,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__more,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__more--desc,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-wrap,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-block {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__rail,
body.ask-map-mode-earth .market-listing-panel__list-section {
  background: rgba(15, 23, 42, 0.50) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__title,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__topbar-texts .mlp__title,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-val,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-price-primary,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__contact-val,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__tech-val,
body.ask-map-mode-earth .market-listing-panel__title,
body.ask-map-mode-earth .market-listing-panel__list-title,
body.ask-map-mode-earth .market-listing-details-drawer-title {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__meta,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-label,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__contact-label,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__tech-label,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-eq,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-label,
body.ask-map-mode-earth .market-listing-panel__topbar .listing-details-badge,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__badges .listing-details-badge {
  color: rgba(226, 232, 240, 0.55) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-wrap .mlp__desc,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp.is-desc-open .mlp__desc {
  color: rgba(226, 232, 240, 0.82) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__fact-icon,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-chevron {
  color: rgba(226, 232, 240, 0.62) !important;
}
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__sheet-collapse {
  color: rgba(226, 232, 240, 0.72) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__sheet-collapse:hover,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__sheet-collapse:focus-visible {
  color: rgba(248, 250, 252, 0.96) !important;
  background: transparent !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__contact.is-empty,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__tech-item.is-empty {
  opacity: 0.88 !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-head:hover .mlp__desc-chevron {
  color: rgba(248, 250, 252, 0.92) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-link,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__link {
  color: #93c5fd !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__kpi-link:hover,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__link:hover {
  color: #bfdbfe !important;
}

body.ask-map-mode-earth .market-listing-panel__close,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .market-listing-top-btn,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .listing-edit-btn--icon,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn:hover,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn:hover,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn:hover,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .market-listing-top-btn:hover {
  color: rgba(248, 250, 252, 0.94) !important;
}

body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions svg,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions svg path,
body.ask-map-mode-earth .market-listing-panel__close svg path,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__fact-icon svg,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__fact-icon svg path,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__desc-chevron svg path {
  stroke: rgba(226, 232, 240, 0.72) !important;
  fill: none !important;
}

body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn.is-active,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn.is-favorite,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn.favorite-active,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .favorite-btn[data-favorite="true"] {
  color: #fbbf24 !important;
}

body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .expansion-listing-top-btn.is-active svg path,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .cabinet-listing-top-btn.is-active svg path,
body.ask-map-mode-earth .market-listing-panel__topbar .mlp__actions .market-listing-top-btn.is-active svg path {
  stroke: #fb923c !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick.workspace-listing-row {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(241, 245, 249, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick.workspace-listing-row:hover {
  background: rgba(255, 255, 255, 0.07) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick.workspace-listing-row.is-active,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick.workspace-listing-row.is-selected {
  background: rgba(255, 255, 255, 0.09) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick .workspace-listing-title,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick .workspace-listing-price {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick .workspace-listing-meta,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick .workspace-listing-kind,
body.ask-map-mode-earth .market-listing-panel__sheet .mlp__pick .workspace-listing-area {
  color: rgba(226, 232, 240, 0.68) !important;
}

body.ask-map-mode-earth .market-listing-panel .listing-status-badge--new,
body.ask-map-mode-earth .market-listing-panel .cabinet-badge-status--new.listing-status-badge {
  color: rgba(253, 230, 138, 0.96) !important;
  background: rgba(250, 204, 21, 0.16) !important;
}

/* Left filters panel — same Hybrid glass as the listing card */
body.ask-map-mode-earth #askbase-panel.askbase-panel--layers-compact,
body.ask-map-mode-earth .askbase-panel.askbase-panel--layers-compact {
  border-radius: 22px !important;
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: rgba(226, 232, 240, 0.92) !important;
}

body.ask-map-mode-earth #askbase-panel.askbase-panel--layers-compact .askbase-panel__title,
body.ask-map-mode-earth #askbase-panel.askbase-panel--layers-compact .askbase-layer-label,
body.ask-map-mode-earth #askbase-panel.askbase-panel--layers-compact .askbase-layer-row--retail-intro .askbase-layer-label,
body.ask-map-mode-earth #askbase-panel #askMapRegionPickerLabel,
body.ask-map-mode-earth #askbase-panel #askMapRegionPickerTrigger,
body.ask-map-mode-earth #askbase-panel .ask-map-region-picker__label,
body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__trigger,
body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__summary {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel .retail-panel-total,
body.ask-map-mode-earth #askbase-panel .retail-filter-option__count {
  color: rgba(226, 232, 240, 0.55) !important;
}

body.ask-map-mode-earth #askbase-panel #askMapRegionPicker.ask-map-region-picker--in-panel,
body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__trigger {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__summary,
body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__chevron,
body.ask-map-mode-earth #askbase-panel .ask-map-region-picker__chevron {
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__trigger:hover,
body.ask-map-mode-earth #askbase-panel #askMapRegionPickerTrigger.ask-map-region-picker__trigger:hover,
body.ask-map-mode-earth #askbase-panel #askMapRegionPicker.ask-map-region-picker--in-panel:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__trigger:hover .retail-filter-multiselect__summary {
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel .askbase-pill,
body.ask-map-mode-earth #askbase-panel .askbase-pill--layer-osm-retail,
body.ask-map-mode-earth #askbase-panel .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill,
body.ask-map-mode-earth #askbase-panel .askbase-pill--active,
body.ask-map-mode-earth #askbase-panel .askbase-pill--layer-osm-retail.askbase-pill--active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.72) !important;
}

body.ask-map-mode-earth #askbase-panel .askbase-pill:hover,
body.ask-map-mode-earth #askbase-panel .askbase-pill--layer-osm-retail:hover,
body.ask-map-mode-earth #askbase-panel .askbase-layer-row--transport-toolbar .askbase-pill.askbase-layer-pill:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel .askbase-pill--active,
body.ask-map-mode-earth #askbase-panel .askbase-pill.askbase-pill--active,
body.ask-map-mode-earth #askbase-panel .askbase-layer-pill.askbase-pill--active {
  background: rgba(255, 255, 255, 0.10) !important;
  color: rgba(248, 250, 252, 0.96) !important;
}

body.ask-map-mode-earth #askbase-panel #askMapRegionPickerMenu.ask-map-region-picker__menu,
body.ask-map-mode-earth #askbase-panel .retail-filter-multiselect__dropdown {
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  color: rgba(226, 232, 240, 0.92) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

body.ask-map-mode-earth #askbase-panel .ask-map-region-picker__option,
body.ask-map-mode-earth #askbase-panel .ask-map-region-picker__option-text,
body.ask-map-mode-earth #askbase-panel .retail-filter-option__label {
  color: rgba(226, 232, 240, 0.88) !important;
}

/* Market photo viewer — Sputnik / hybrid dark glass (match listing panel) */
body.ask-map-mode-earth .market-photo-viewer-dialog {
  background: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  background-color: transparent !important;
  background-image: linear-gradient(
    rgba(15, 23, 42, 0.40),
    rgba(15, 23, 42, 0.55)
  ) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.ask-map-mode-earth .market-photo-viewer-main {
  background: rgba(8, 14, 28, 0.45) !important;
  background-color: rgba(8, 14, 28, 0.45) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth .market-photo-viewer-thumbs {
  background: transparent !important;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

body.ask-map-mode-earth .market-photo-viewer-thumbs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
}

body.ask-map-mode-earth .market-photo-viewer-thumbs::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28);
}

body.ask-map-mode-earth .market-photo-viewer-thumbs::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.36);
}

body.ask-map-mode-earth .market-photo-viewer-thumb {
  background: rgba(15, 23, 42, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

body.ask-map-mode-earth .market-photo-viewer-thumb:hover {
  border-color: rgba(255, 255, 255, 0.28) !important;
}

body.ask-map-mode-earth .market-photo-viewer-thumb.is-active {
  border-color: rgba(147, 197, 253, 0.85) !important;
  box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.22) !important;
}

body.ask-map-mode-earth.ask-app-mode-map .market-photo-viewer-backdrop,
body.ask-map-mode-earth.ask-app-mode-map .market-photo-zoom-overlay,
body.ask-map-mode-earth.ask-app-mode-map .expansion-selections-backdrop {
  background: rgba(8, 14, 28, 0.55) !important;
}

body.ask-map-mode-earth .market-photo-zoom-img {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55) !important;
}

body.ask-map-mode-earth .market-photo-zoom-close {
  color: rgba(248, 250, 252, 0.88) !important;
}

body.ask-map-mode-earth .market-photo-zoom-close:hover,
body.ask-map-mode-earth .market-photo-zoom-close:focus-visible {
  color: #fff !important;
}

/* Chart sits in the Expansion header row, after Hex / Listings */
#expansion-panel-view .expansion-header-toolbar > .expansion-market-chart-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  height: var(--expansion-control-height, 28px);
  margin-left: 6px;
  padding: 0 8px;
  border: none;
  background: transparent;
  color: rgba(15, 23, 42, 0.84);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

#expansion-panel-view .expansion-market-chart-btn__icon,
#expansion-panel-view .expansion-market-chart-btn__icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

#expansion-panel-view #expansionMarketChartBtn[aria-pressed="true"] {
  color: #1d4ed8;
}

#expansion-panel-view .askbase-bottom-sheet__body {
  position: relative;
}

#expansion-panel-view .expansion-market-chart {
  position: absolute;
  z-index: 6;
  left: 8px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px 12px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.45);
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
}

#expansion-panel-view .expansion-market-chart[hidden] {
  display: none !important;
}

#expansion-panel-view .expansion-market-chart__bar,
#expansion-panel-view .expansion-market-chart__controls,
#expansion-panel-view .expansion-market-chart__metrics {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#expansion-panel-view .expansion-market-chart__title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.92);
  margin-right: auto;
}

#expansion-panel-view .expansion-market-chart__close,
#expansion-panel-view .expansion-market-chart__tab {
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: #fff;
  color: rgba(15, 23, 42, 0.84);
  border-radius: 999px;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
}

#expansion-panel-view .expansion-market-chart__tab.is-active {
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.45);
}

#expansion-panel-view .expansion-market-chart__metric {
  display: flex;
  flex-direction: column;
  min-width: 88px;
  gap: 2px;
}

#expansion-panel-view .expansion-market-chart__metric-label {
  font-size: 11px;
  color: rgba(15, 23, 42, 0.62);
}

#expansion-panel-view .expansion-market-chart__metric strong {
  font-size: 14px;
  font-weight: 600;
  color: rgba(15, 23, 42, 0.92);
}

#expansion-panel-view .expansion-market-chart__status {
  font-size: 13px;
  color: rgba(15, 23, 42, 0.72);
}

#expansion-panel-view .expansion-market-chart__plot {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

#expansion-panel-view .expansion-market-chart__svg {
  width: 100%;
  height: 100%;
  display: block;
}

#expansion-panel-view .expansion-market-chart__axis {
  stroke: rgba(148, 163, 184, 0.7);
  stroke-width: 1;
}

#expansion-panel-view .expansion-market-chart__line {
  fill: none;
  stroke: #2563eb;
  stroke-width: 1.75;
  stroke-linejoin: round;
  stroke-linecap: round;
}

#expansion-panel-view .expansion-market-chart__dot {
  fill: #2563eb;
  stroke: #fff;
  stroke-width: 1;
}

#expansion-panel-view .expansion-market-chart__bar-vol {
  fill: rgba(15, 23, 42, 0.35);
}

#expansion-panel-view .expansion-market-chart__bar-vol--up {
  fill: #22c55e;
}

#expansion-panel-view .expansion-market-chart__bar-vol--down {
  fill: #ef4444;
}

#expansion-panel-view .expansion-market-chart__bar-vol,
#expansion-panel-view .expansion-market-chart__bar-hit {
  cursor: pointer;
}

#expansion-panel-view .expansion-market-chart__tip {
  position: absolute;
  z-index: 2;
  display: none;
  pointer-events: none;
  padding: 6px 8px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.45);
  color: rgba(15, 23, 42, 0.92);
  font-size: 12px;
  line-height: 1.35;
  white-space: pre;
}

#expansion-panel-view .expansion-market-chart__tick,
#expansion-panel-view .expansion-market-chart__empty-text {
  fill: rgba(15, 23, 42, 0.62);
  font-size: 11px;
}

#expansion-panel-view .expansion-market-chart__note {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(15, 23, 42, 0.62);
}

/* Map search: fixed header field + floating fade-out panel (not a dialog). */
.ask-map-agent {
  position: fixed;
  z-index: 900;
  top: calc(var(--ask-map-top-chrome-top, 12px) + env(safe-area-inset-top, 0px));
  left: 50%;
  transform: none;
  width: min(
    720px,
    calc(
      50vw
      - var(--ask-map-right-rail-inset, 12px)
      - env(safe-area-inset-right, 0px)
      - var(--ask-mode-seg-width, 110px)
      - 12px
    )
  );
  display: flex;
  flex-direction: column;
  align-items: stretch;
  pointer-events: none;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.82));
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#ask-map-chrome-host .ask-map-agent {
  pointer-events: none;
}
#ask-map-chrome-host .ask-map-agent__form,
#ask-map-chrome-host .ask-map-agent__row,
#ask-map-chrome-host .ask-map-agent__send,
#ask-map-chrome-host .ask-map-agent__status-row,
#ask-map-chrome-host .ask-map-agent__layers,
#ask-map-chrome-host .ask-map-agent.is-open .ask-map-agent__sheet {
  pointer-events: auto;
}

/* Keep search size/position stable when listing opens — listing z-index
   (500080) already sits above chrome-host so the close control stays usable. */

body.ask-market-listing-panel-open .market-listing-panel.is-open {
  z-index: 500080 !important;
}

/* Search-path listing sits at 500080 (above chrome-host). Photo viewer is 12000 —
   keep listing under it the same way Expansion already pinned it at 11800. */
body.photo-viewer-open.ask-market-listing-panel-open .market-listing-panel.is-open {
  z-index: 11800 !important;
  pointer-events: none !important;
}

body.ask-app-mode-cabinet .ask-map-agent,
body.ask-app-mode-profile .ask-map-agent {
  display: none !important;
}

.ask-map-agent__form,
.ask-map-agent__row,
.ask-map-agent__send,
.ask-map-agent__status-row,
.ask-map-agent__layers,
.ask-map-agent__layer,
.ask-map-agent__layer-x,
.ask-map-agent.is-open .ask-map-agent__sheet {
  pointer-events: auto;
}

.ask-map-agent__form {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  height: var(--ask-map-right-rail-width, 36px);
  min-height: var(--ask-map-right-rail-width, 36px);
  max-height: var(--ask-map-right-rail-width, 36px);
  margin: 0;
  padding: 2px;
  border-radius: 12px;
  background: var(--ask-map-btn-glass-bg);
  border: 0.5px solid var(--ask-map-btn-glass-border);
  box-shadow: var(--ask-map-btn-glass-shadow);
  backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
}
.ask-map-agent.is-open {
  /* Above the right rail (z-index 9200) and the Layers card inside it. */
  z-index: 100000;
  overflow: hidden;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.56) 0%,
    rgba(255, 255, 255, 0.34) 28%,
    rgba(255, 255, 255, 0.10) 72%,
    rgba(255, 255, 255, 0) 100%
  );
  border: 0.5px solid var(--ask-map-btn-glass-border);
  border-radius: 16px;
  box-shadow: var(--ask-map-btn-glass-shadow);
  backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0, 0, 0, 0.4) 84%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0, 0, 0, 0.4) 84%, transparent 100%);
}
.ask-map-agent.is-open .ask-map-agent__form {
  height: var(--ask-map-right-rail-width, 36px);
  min-height: var(--ask-map-right-rail-width, 36px);
  max-height: var(--ask-map-right-rail-width, 36px);
  padding: 2px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.ask-map-agent:not(.is-open) .ask-map-agent__status-row,
.ask-map-agent:not(.is-open) .ask-map-agent__layers {
  display: none;
}
.ask-map-agent__layers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 8px 6px;
  padding: 0 2px;
}
.ask-map-agent__layers[hidden] {
  display: none !important;
}
.ask-map-agent__layer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 0 4px 0 10px;
  border-radius: 999px;
  border: 0.5px solid var(--ask-map-panel-card-border, rgba(15, 23, 42, 0.12));
  background: rgba(255, 255, 255, 0.72);
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.88));
  font-size: 12px;
  font-weight: 550;
  line-height: 1.2;
}
.ask-map-agent__layer-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ask-map-agent__layer-x {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  opacity: 0.55;
  font: inherit;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ask-map-agent__layer-x:hover,
.ask-map-agent__layer-x:focus-visible {
  opacity: 1;
  background: rgba(15, 23, 42, 0.06);
}
.ask-map-agent__row {
  display: flex;
  align-items: center;
  gap: 2px;
  height: var(--ask-map-right-rail-width, 36px);
  min-height: 32px;
  flex: 0 0 auto;
}
.ask-map-agent__mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 32px;
  margin-left: 8px;
  padding: 0;
  color: inherit;
  opacity: 0.55;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.ask-map-agent__mark-svg {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
  background: transparent;
  border-radius: 50%;
}
.ask-map-agent__input {
  flex: 1;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0 6px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  letter-spacing: -0.01em;
  box-shadow: none;
  caret-color: currentColor;
}
.ask-map-agent__input::placeholder {
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.42));
  font-weight: 450;
}
.ask-map-agent__input:focus {
  outline: none;
}
.ask-map-agent__send {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.72));
  box-shadow: none;
  cursor: pointer;
}
.ask-map-agent__send svg {
  width: 16px;
  height: 16px;
}
.ask-map-agent__send:hover {
  background: var(--ask-map-btn-glass-bg-hover);
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94));
}

.ask-map-agent__panel {
  position: relative;
  margin-top: 0;
  pointer-events: none;
  max-height: min(58vh, 560px);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 62%, rgba(0, 0, 0, 0.45) 84%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 62%, rgba(0, 0, 0, 0.45) 84%, transparent 100%);
}
.ask-map-agent__panel[hidden] {
  display: none !important;
}
.ask-map-agent.is-open .ask-map-agent__panel {
  -webkit-mask-image: none;
  mask-image: none;
}
.ask-map-agent__sheet {
  max-height: min(58vh, 560px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 10px 64px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  scrollbar-width: none;
}
.ask-map-agent__sheet::-webkit-scrollbar {
  display: none;
}

.ask-map-agent__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex: 0 0 auto;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin: 2px 8px 4px;
  padding: 0 10px;
  border-radius: 10px;
  border: 0.5px solid var(--ask-map-panel-card-border, rgba(255, 255, 255, 0.16));
  background: rgba(255, 255, 255, 0.48);
  box-shadow: var(--ask-map-panel-card-shadow, none);
}
.ask-map-agent__status {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 550;
  line-height: 32px;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.65));
}
.ask-map-agent__results-clear,
.ask-map-agent__history-clear {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 550;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.62));
  cursor: pointer;
  white-space: nowrap;
  pointer-events: auto;
}
.ask-map-agent__results-clear:hover,
.ask-map-agent__history-clear:hover {
  text-decoration: underline;
}
.ask-map-agent__results-clear[hidden] {
  display: none !important;
}
.ask-map-agent__status.is-outside {
  color: rgba(185, 28, 28, 0.88);
}
.ask-map-agent__status:empty {
  min-height: 1em;
}

.ask-map-agent__commands {
  flex: 0 0 auto;
  margin-top: 4px;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ask-map-agent__commands-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  pointer-events: auto;
}
.ask-map-agent__history {
  margin-top: 10px;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ask-map-agent__history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex: 0 0 auto;
}
.ask-map-agent__history-title {
  font-size: 11px;
  font-weight: 550;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.62));
  padding: 0 6px;
}
.ask-map-agent__history-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  pointer-events: auto;
}
.ask-map-agent__history-item {
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  border: 0.5px solid var(--ask-map-panel-card-border, rgba(255, 255, 255, 0.16));
  border-radius: 14px;
  background: var(--ask-map-panel-card-bg, rgba(255, 255, 255, 0.42));
  box-shadow: var(--ask-map-panel-card-shadow, none);
  color: var(--ask-map-chrome-text-strong, #0f172a);
  font: inherit;
  font-size: 13.5px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  white-space: normal;
  pointer-events: auto;
}
.ask-map-agent__history-q,
.ask-map-agent__command-example {
  font-weight: 500;
  color: var(--ask-map-chrome-text-strong, #0f172a);
}
.ask-map-agent__history-r,
.ask-map-agent__command-hint {
  font-size: 12px;
  line-height: 1.35;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.55));
  white-space: normal;
}
.ask-map-agent__history-item:hover {
  background: rgba(255, 255, 255, 0.55);
  border-color: var(--ask-map-chrome-hover-border, rgba(15, 23, 42, 0.12));
}
.ask-map-agent__history-empty {
  font-size: 12px;
  line-height: 1.35;
  color: var(--ask-map-chrome-text, rgba(15, 23, 42, 0.65));
  padding: 0 4px 8px;
}
.ask-map-agent__history-empty[hidden] {
  display: none !important;
}

body.ask-map-mode-earth .ask-map-agent {
  color: rgba(248, 250, 252, 0.92);
}
body.ask-map-mode-earth .ask-map-agent__form {
  background: var(--ask-map-btn-glass-bg);
  border: 0.5px solid var(--ask-map-btn-glass-border);
  box-shadow: var(--ask-map-btn-glass-shadow);
  backdrop-filter: var(--ask-map-btn-glass-blur);
  -webkit-backdrop-filter: var(--ask-map-btn-glass-blur);
}
body.ask-map-mode-earth .ask-map-agent__mark {
  opacity: 0.62;
}
body.ask-map-mode-earth .ask-map-agent__mark-svg {
  /* Circular photo mark — keep natural colors on earth chrome. */
  filter: none;
  opacity: 0.92;
}
body.ask-map-mode-earth .ask-map-agent__send {
  color: rgba(248, 250, 252, 0.82);
}
body.ask-map-mode-earth .ask-map-agent__input {
  color: rgba(255, 255, 255, 0.96);
}
body.ask-map-mode-earth .ask-map-agent__input::placeholder {
  color: rgba(226, 232, 240, 0.48);
}
body.ask-map-mode-earth .ask-map-agent__send:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.98);
}
body.ask-map-mode-earth .ask-map-agent.is-open {
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.58) 0%,
    rgba(15, 23, 42, 0.32) 28%,
    rgba(15, 23, 42, 0.08) 72%,
    rgba(15, 23, 42, 0) 100%
  );
  border-color: var(--ask-map-btn-glass-border);
  box-shadow: var(--ask-map-btn-glass-shadow);
}
body.ask-map-mode-earth .ask-map-agent.is-open .ask-map-agent__form {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.ask-map-mode-earth .ask-map-agent__sheet {
  background: transparent;
  border: none;
  box-shadow: none;
}
body.ask-map-mode-earth .ask-map-agent__send {
  background: transparent;
  border: none;
}
body.ask-map-mode-earth .ask-map-agent__status,
body.ask-map-mode-earth .ask-map-agent__history-title,
body.ask-map-mode-earth .ask-map-agent__history-empty,
body.ask-map-mode-earth .ask-map-agent__history-r,
body.ask-map-mode-earth .ask-map-agent__command-hint {
  color: rgba(226, 232, 240, 0.68);
}
body.ask-map-mode-earth .ask-map-agent__history-q,
body.ask-map-mode-earth .ask-map-agent__command-example {
  color: rgba(255, 255, 255, 0.96);
}
body.ask-map-mode-earth .ask-map-agent__status-row,
body.ask-map-mode-earth .ask-map-agent__history-item {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.96);
}
body.ask-map-mode-earth .ask-map-agent__history-item:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.16);
}
body.ask-map-mode-earth .ask-map-agent__results-clear,
body.ask-map-mode-earth .ask-map-agent__history-clear {
  color: rgba(226, 232, 240, 0.72);
}
body.ask-map-mode-earth .ask-map-agent__status.is-outside {
  color: rgba(252, 165, 165, 0.95);
}

@media (max-width: 720px) {
  .ask-map-agent {
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, calc(100vw - 72px));
    top: calc(var(--ask-map-top-chrome-top, 12px) + 4px + env(safe-area-inset-top, 0px));
  }
}

/* Public slim: position only — visuals come from .ask-map-agent above (local SoT). */
body.ask-public-slim-map #askMapAgent.ask-map-agent {
  left: max(12px, calc(50vw - 320px));
  right: calc(12px + 36px + 8px + 316px + 86px);
  transform: none;
  width: auto;
  max-width: 640px;
}
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__form,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__row,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__send,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__status-row,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__layers,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__layer,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__layer-x,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__history-item,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__history-clear,
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__results-clear,
body.ask-public-slim-map #askMapAgent.ask-map-agent.is-open .ask-map-agent__sheet {
  pointer-events: auto;
}
/* Neutralize leftover delete-dialog input tokens if they ever reappear. */
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__input.ask-delete-dialog__input {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 6px !important;
  border: none !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 550;
  color: var(--ask-map-chrome-text-strong, rgba(15, 23, 42, 0.94)) !important;
}
body.ask-public-slim-map #askMapAgent.ask-map-agent .ask-map-agent__input.ask-delete-dialog__input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}


/* Settlement / population filter (Населення) */
.ask-settlements-filter__count {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.85;
  margin-left: auto;
}
.ask-settlements-filter__count--legend {
  font-variant-numeric: tabular-nums;
}

/* Boundaries (Межі) filter — same button chrome as Layers .ask-cadastral-map-toggle. */
#askBoundariesFilterPanel.ask-boundaries-filter.ask-cadastral-legend {
  height: auto;
  box-sizing: border-box;
  padding: 10px !important;
}
#askBoundariesFilterPanel .ask-cadastral-legend__body,
#askBoundariesFilterPanel .ask-cadastral-mode-section {
  flex: 0 0 auto;
  overflow: visible;
  width: var(--ask-layers-toggle-w, 100%) !important;
  max-width: var(--ask-layers-toggle-w, 100%) !important;
  align-self: flex-start;
  box-sizing: border-box;
}
#askBoundariesFilterPanel .ask-cadastral-legend__body {
  margin-top: 10px;
}
#askBoundariesFilterPanel .ask-cadastral-mode-section {
  margin: 0 0 8px;
}
#askBoundariesFilterPanel .ask-boundaries-filter__modes {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: var(--ask-layers-toggle-w, 100%) !important;
  max-width: var(--ask-layers-toggle-w, 100%) !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
/* Inner Межі pills only — do not touch Layers .ask-cadastral-map-toggle. */
#askBoundariesFilterPanel .ask-boundaries-filter__pill {
  width: var(--ask-layers-toggle-w, 100%) !important;
  max-width: var(--ask-layers-toggle-w, 100%) !important;
  min-height: var(--ask-layers-toggle-h, 48px) !important;
  height: var(--ask-layers-toggle-h, 48px) !important;
  max-height: var(--ask-layers-toggle-h, 48px) !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--ask-map-chrome-chip-bg) !important;
  box-shadow: none !important;
  color: var(--ask-map-chrome-text) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}
#askBoundariesFilterPanel .ask-boundaries-filter__pill:hover,
#askBoundariesFilterPanel .ask-boundaries-filter__pill:focus-visible {
  background: rgba(248, 242, 218, 0.55) !important;
  color: var(--ask-warm-active-text) !important;
  transform: none !important;
}
#askBoundariesFilterPanel .ask-boundaries-filter__pill.askbase-pill--active,
#askBoundariesFilterPanel .ask-boundaries-filter__pill[aria-pressed="true"] {
  background: var(--ask-warm-active-bg-strong) !important;
  color: var(--ask-warm-active-text) !important;
  font-weight: 600 !important;
  box-shadow: var(--ask-warm-active-inset) !important;
  transform: none !important;
}
#askBoundariesFilterPanel .ask-boundaries-filter__icon {
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  color: inherit !important;
}
#askBoundariesFilterPanel .ask-boundaries-filter__pill .ask-map-layers-menu__name {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: inherit !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit !important;
}