/* Panorama Municipal — receita única de glass surface
   TEST: magenta + blur + sombra em camadas.
   Regra: chrome visual em UM elemento relevante; mounts/pais sem skin.

   Inventário — quem usa --pm-glass-surface-fill (+ shadow/blur salvo nota):

   Radius único dos chips/HUD/sidebar: --pm-glass-surface-radius (16px).
   Não redefinir border-radius desses elementos fora deste arquivo.

   Completos (fill + border + shadow + blur + radius):
   - #pmBrandCard.pm-apple-brand-card (+ --welcome)
   - #btnUser.pm-apple-profile-btn / .pm-apple-profile-btn
   - .pm-apple-hud-btn (exceto search toggle / tools trigger)
   - .topbar .pm-apple-ia-btn
   - .pm-map-round-btn (exceto tools), .pm-map-zoom-pill,
     #pmMapSidebarEdgeToggle, #pmMapFullscreenBtn, #pmMapCompassBtn,
     #pmStreetViewExitBtn.is-open (collapse animado)
   - .pm-active-bar → assets/css/pm-active-bar.css
   - .pm-vision-sidebar.pm-glass-rail.pm-map-sidebar
   - #pmWeatherCard.pm-weather-card (+ --topbar)
   - #pmWeatherPopover.pm-weather-popover
   - #pmCalendarBtn.pm-calendar-card-btn
   - .pm-calendar-popover
   - #pmMapToolsTrigger (+ .pm-map-tools-trigger.pm-apple-tools-btn)
   - #pmMapToolsPopover.pm-map-tools-popover
   - #pmSearchToggleBtn (só collapsed em #pmTopbarSearch)
   - #pmTopbarSearch.pm-apple-search--open (barra expandida)
   - #globalSearchResults.pm-glass-search-results (dropdown da busca)
   - #userMenu.user-menu (menu do perfil / configurações)
   - .pm-weather-native-panel (legenda flutuante / camadas nativas)
     texto: --pm-glass-surface-ink

   Fill+border sem shadow/blur (detalhe interno):
   - .pm-calendar-popover .pm-calendar-nav

   Tools popover icons (sem glass; borda própria):
   - .pm-map-tools-tool-icon → --pm-map-tools-tool-icon-border

   Só shadow (sem fill — chips/sidebar categorias):
   - .map-cat-item (+ :hover / .on)

   Cards internos às surfaces (--pm-glass-card-* + --pm-glass-card-radius 10px):
   - grupos: .map-layer-section-group, .pm-sec-accordion-item,
     .pm-report-library-item, .pm-macro-layers-card
     (shadow = --pm-glass-surface-shadow)
   - KPIs/cards: .pm-macro-kpi, .pm-macro-card:not(.pm-macro-layers-card),
     .pm-place-kpi, .pm-place-section,
     #pmWeatherPopover .pm-weather-now-item,
     #pmWeatherPopover .pm-weather-forecast-card
     (shadow = --pm-glass-card-shadow)

   Linhas em painel retrátil (.pm-retractable-sep):
   - border-top = --pm-sidebar-separator-border; soltas = sem borda
   - hover fill = --pm-card-fill-hover (só background)

   Section hero (--pm-glass-hero-* + --pm-glass-hero-radius 10px; base pm-glass-hero):
   - #pmtab-categorias .pm-glass-hero (painéis especiais / Rotas de coleta / ferramenta Clima)

   Overlay (--pm-glass-surface-overlay + --pm-glass-detail-border; sem shadow/blur):
   - .pm-active-chip

   Small circular (tokens próprios, sem surface-shadow):
   - .pm-map-cat-tool-btn
   - Chevrons 24×24 (bloco canônico abaixo):
     .pm-legend-native-panel-chevron, .pm-sec-nav-chevron,
     .map-layer-section-chevron (+ .map-layer-section-chevron-svg)
   - Clears X (mesmo hover; só o size muda):
     .pm-map-tool-clear (16px), .pm-active-bar-action / #pmActiveClear (22px)
*/

html body.pm-liquid-v2 {

  /* Surfaces */
  --pm-glass-surface-fill: rgba(255, 255, 255, 0.75);
  --pm-glass-surface-blur: blur(12px) saturate(2.0); /* brightness(1.05) */
  --pm-glass-surface-border: rgba(255, 255, 255, 0.95);
  --pm-glass-surface-radius: 16px;
  --pm-glass-surface-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.5),
    0 2px 4px rgba(0, 0, 100, 0.1),
    0 0 6px rgba(0, 0, 100, 0.05);
  --pm-glass-surface-ink: #111b27;

  /* Surfaces - hover */
  --pm-glass-surface-shadow-hover:
    inset 2px 0 0 rgba(255, 255, 255, 0.5),
    2px 0 4px rgba(0, 0, 100, 0.1),    
    0 6px 4px rgba(0, 0, 100, 0.1);

  /* Cards (internos às surfaces) */
  --pm-glass-card-radius: 10px;
  --pm-glass-card-border: 1px solid rgba(255, 255, 255, 0.62);
  --pm-glass-card-background: rgba(255, 255, 255, 0.3);
  --pm-glass-card-shadow: 0 0 8px rgba(36, 78, 156, 0.25);
  --pm-glass-card-border-radius: var(--pm-glass-card-radius); /* alias */

  /* Cards / linhas — hover fill (único token de preenchimento) */
  --pm-card-fill-hover: rgba(255, 255, 255, 0.6);
  --pm-glass-card-background-hover: var(--pm-card-fill-hover);
  --pm-glass-card-shadow-hover: 0 0 8px rgba(36, 78, 156, 0.5);

  /* Preenchimento azul único: heros e controles selecionados */
  --pm-glass-accent-gradient: linear-gradient(180deg, #60a5fa 0%, #3b82f6 42%, #2563eb 100%);
  --pm-accent-gradient: var(--pm-glass-accent-gradient);

  /* Section hero (receita canônica — base pm-glass-hero, radius 10px) */
  --pm-glass-hero-radius: 10px;
  --pm-glass-hero-padding: 14px 16px;
  --pm-glass-hero-gap: 10px 12px;
  --pm-glass-hero-border: 1px solid rgba(37, 99, 235, 0.72);
  --pm-glass-hero-background: var(--pm-glass-accent-gradient);
  --pm-glass-hero-background-color: #2563eb;
  --pm-glass-hero-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 0 0 1px rgba(59, 130, 246, 0.28),
    0 4px 14px rgba(37, 99, 235, 0.28);
  --pm-glass-hero-color: #ffffff;
  --pm-glass-hero-title-size: 22px;
  --pm-glass-hero-title-weight: 700;
  --pm-glass-hero-title-line: 1.15;
  --pm-glass-hero-sub-color: rgba(255, 255, 255, 0.88);
  --pm-glass-hero-sub-size: 13px;
  --pm-glass-hero-sub-weight: 500;
  --pm-glass-hero-sub-line: 1.4;
  --pm-glass-hero-icon-size: 36px;
  --pm-glass-hero-icon-radius: 10px;
  --pm-glass-hero-icon-background: rgba(255, 255, 255, 0.14);

  /* Detalhe acima dos cards — token separado (não sobrescrever surface-shadow) */
  --pm-glass-detail-border: 1px solid rgb(210, 210, 210);
  --pm-glass-surface-overlay: rgba(255, 255, 255, 0.4);
  --pm-glass-detail-shadow: 0 0 8px rgba(36, 78, 156, 0.25);

  --pm-glass-default-accent-color: #2563eb;
  --pm-glass-default-highlight-color: #428bf9;
  --pm-glass-svg-content: #545b62;

  --pm-sidebar-separator-border: 1px solid rgba(15, 35, 70, 0.1);

  /* Botões pequenos circulares */
  --pm-glass-small-button-border: 1.5px solid rgba(139, 151, 173, 0.7);
  --pm-glass-small-button-content: rgb(112, 120, 135);
  --pm-glass-small-button-fill: rgba(255, 255, 255, 0.3);

  /* Chevrons (legenda / seções / secretarias) — regular = small-button; hover = legenda */
  --pm-glass-chevron-size: 24px;
  --pm-glass-chevron-border: var(--pm-glass-small-button-border);
  --pm-glass-chevron-fill: var(--pm-glass-small-button-fill);
  --pm-glass-chevron-content: var(--pm-glass-small-button-content);
  --pm-glass-chevron-border-hover: 1.5px solid
    color-mix(in srgb, var(--pm-glass-surface-ink, #111b27) 28%, transparent);
  --pm-glass-chevron-fill-hover: rgba(17, 27, 39, 0.06);

  /* Clears X — regular neutro; hover vermelho (sem sombra); size por variante */
  --pm-glass-clear-border: 1.5px solid rgba(126, 138, 163, 0.45);
  --pm-glass-clear-fill: #ffffff;
  --pm-glass-clear-content: #6b7280;
  --pm-glass-clear-border-hover: 1.5px solid rgba(192, 57, 43, 0.55);
  --pm-glass-clear-fill-hover: #fff5f4;
  --pm-glass-clear-content-hover: #c0392b;
  --pm-glass-clear-size-tool: 16px;
  --pm-glass-clear-size-active: 22px;

  /* Fora da receita glass — ícones da caixa de ferramentas */
  /* TO-DO: alterar a cor da borda dos ícones da caixa de ferramentas para a cor do botão. */
  --pm-map-tools-tool-icon-border: 1px solid rgba(139, 151, 173, 0.5);
}

/* ── 1) Sidebar interna: sem fill (base / on) ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  :is(
    .pm-layers-card,
    .pm-glass-layers-card,
    .map-cat-item:not(.on)
  ),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  :is(
    .pm-layers-card,
    .pm-glass-layers-card,
    .map-cat-item:not(.on)
  ) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  :is(.pm-layers-card, .pm-glass-layers-card)::before,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  :is(.pm-layers-card, .pm-glass-layers-card)::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Chips categorias — sombra única (base, hover, on) */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  :is(.map-cat-item, .map-cat-item:hover, .map-cat-item.on),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  :is(.map-cat-item, .map-cat-item:hover, .map-cat-item.on),
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  :is(.map-cat-item, .map-cat-item:hover, .map-cat-item.on),
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  #pmtab-categorias
  :is(.map-cat-item, .map-cat-item:hover, .map-cat-item.on) {
  box-shadow: var(--pm-glass-surface-shadow) !important;
}

/* ── Cards (camadas + secretarias + relatórios + macro-layers) — fill/border + surface-shadow ── */
html
  body.pm-liquid-v2
  :is(
    #pmtab-categorias .map-layer-section-group,
    #pmtab-secretarias .pm-sec-accordion-item,
    #pmtab-relatorios .pm-report-library-item,
    #pmtab-categorias .pm-macro-layers-card
  ) {
  background: var(--pm-glass-card-background) !important;
  background-color: var(--pm-glass-card-background) !important;
  background-image: none !important;
  border: var(--pm-glass-card-border) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  border-radius: var(--pm-glass-card-radius) !important;
  overflow: hidden !important;
}

/* ── Cards KPI / internos — receita --pm-glass-card-* (shadow de card) ── */
html
  body.pm-liquid-v2
  #pmtab-categorias
  :is(.pm-macro-kpi, .pm-macro-card:not(.pm-macro-layers-card)),
html body.pm-liquid-v2 :is(.pm-place-kpi, .pm-place-section) {
  background: var(--pm-glass-card-background) !important;
  background-color: var(--pm-glass-card-background) !important;
  background-image: none !important;
  border: var(--pm-glass-card-border) !important;
  box-shadow: var(--pm-glass-card-shadow) !important;
  border-radius: var(--pm-glass-card-radius) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

html
  body.pm-liquid-v2
  #pmtab-categorias
  :is(.pm-macro-kpi, .pm-macro-card:not(.pm-macro-layers-card)) {
  overflow: hidden !important;
}

/* Place cards: overflow visível para a sombra não ser cortada pelo próprio card. */
html body.pm-liquid-v2 :is(.pm-place-kpi, .pm-place-section) {
  overflow: visible !important;
}

/* ── Section hero — receita --pm-glass-hero-* (painéis especiais) ── */
html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: var(--pm-glass-hero-gap) !important;
  align-items: center !important;
  align-content: start !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: var(--pm-glass-hero-padding) !important;
  border-radius: var(--pm-glass-hero-radius) !important;
  border: var(--pm-glass-hero-border) !important;
  color: var(--pm-glass-hero-color) !important;
  background: var(--pm-glass-hero-background) !important;
  background-color: var(--pm-glass-hero-background-color) !important;
  box-shadow: var(--pm-glass-hero-shadow) !important;
  overflow: hidden !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-glass-hero__icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pm-glass-hero-icon-size) !important;
  height: var(--pm-glass-hero-icon-size) !important;
  border-radius: var(--pm-glass-hero-icon-radius) !important;
  background: var(--pm-glass-hero-icon-background) !important;
  color: var(--pm-glass-hero-color) !important;
  align-self: center !important;
  justify-self: start !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-glass-hero__icon svg,
html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-glass-hero__icon svg * {
  color: var(--pm-glass-hero-color) !important;
  stroke: var(--pm-glass-hero-color) !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-glass-hero__title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  max-width: none !important;
  color: var(--pm-glass-hero-color) !important;
  font-size: var(--pm-glass-hero-title-size) !important;
  line-height: var(--pm-glass-hero-title-line) !important;
  font-weight: var(--pm-glass-hero-title-weight) !important;
  text-align: left !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-glass-hero__sub {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  max-width: none !important;
  color: var(--pm-glass-hero-sub-color) !important;
  font-size: var(--pm-glass-hero-sub-size) !important;
  line-height: var(--pm-glass-hero-sub-line) !important;
  font-weight: var(--pm-glass-hero-sub-weight) !important;
  text-align: left !important;
}

html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-bairros-faixa-picker,
html body.pm-liquid-v2 #pmtab-categorias .pm-glass-hero > .pm-dom-picker-anchor {
  grid-column: 1 / -1 !important;
}

/* Faixa etária: popover precisa escapar o overflow do hero */
html body.pm-liquid-v2 #pmtab-categorias .pm-bairros-panel-faixa .pm-glass-hero {
  overflow: visible !important;
  z-index: 20 !important;
}

/* ── Painel nativo flutuante (legenda / camadas) — receita surface ── */
html body.pm-liquid-v2 .pm-weather-native-panel {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  filter: none !important;
}

html body.pm-liquid-v2 .pm-weather-native-panel::before,
html body.pm-liquid-v2 .pm-weather-native-panel::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.pm-liquid-v2 .pm-weather-native-panel-head {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 6px 8px 8px 16px !important;
}

html body.pm-liquid-v2 .pm-weather-native-panel-title {
  color: var(--pm-glass-surface-ink) !important;
  -webkit-text-fill-color: var(--pm-glass-surface-ink) !important;
}

html body.pm-liquid-v2 .pm-weather-native-legend {
  padding: 8px !important;
}

html body.pm-liquid-v2 .pm-weather-native-panel .pm-macro-legend-item,
html body.pm-liquid-v2 #pmtab-categorias .pm-macro-legend-item {
  padding: 6px !important;
  padding-right: 10px !important;
}

/* Accordion open/close — secretarias + camadas + macro-layers (grid 0fr→1fr) */
html
  body.pm-liquid-v2
  :is(
    #pmtab-secretarias .pm-sec-accordion-body,
    #pmtab-categorias .map-layer-section-body,
    #pmtab-categorias .pm-macro-layers-body
  ) {
  display: grid !important;
  grid-template-rows: 0fr !important;
  opacity: 0 !important;
  transition:
    grid-template-rows 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.28s ease 0.04s !important;
}

html
  body.pm-liquid-v2
  :is(
    #pmtab-secretarias .pm-sec-accordion-item.is-open .pm-sec-accordion-body,
    #pmtab-categorias .map-layer-section-group:not(.is-collapsed) .map-layer-section-body,
    #pmtab-categorias .pm-macro-layers-card.is-open .pm-macro-layers-body
  ) {
  grid-template-rows: 1fr !important;
  opacity: 1 !important;
}

html
  body.pm-liquid-v2
  :is(
    #pmtab-secretarias .pm-sec-accordion-body-inner,
    #pmtab-categorias .map-layer-section-body-inner,
    #pmtab-categorias .pm-macro-layers-body-inner
  ) {
  overflow: hidden !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Linhas soltas: sem borda. Separador só com .pm-retractable-sep. */
html
  body.pm-liquid-v2
  :is(
    #pmtab-categorias,
    #pmtab-secretarias,
    #pmPeopleNativePanel,
    #pmSocioNativePanel
  )
  :is(.map-layer-row, .map-layer-special, .pm-people-native-row, .pm-sec-dash-item, .pm-coleta-row):not(
    .pm-retractable-sep
  ) {
  border-top: none !important;
  border-bottom: none !important;
}

html
  body.pm-liquid-v2
  :is(
    #pmtab-categorias,
    #pmtab-secretarias,
    #pmPeopleNativePanel,
    #pmSocioNativePanel
  )
  .pm-retractable-sep,
html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  #mapLayersList
  .pm-retractable-sep,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  #mapLayersList
  .pm-retractable-sep {
  border-top: var(--pm-sidebar-separator-border) !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

/* Hover — pais e filhos; só --pm-card-fill-hover */
html
  body.pm-liquid-v2
  :is(
    #pmtab-categorias,
    #pmtab-secretarias,
    #pmPeopleNativePanel,
    #pmSocioNativePanel
  )
  :is(
    .map-cat-item:not(.on):hover,
    .map-layer-section:hover,
    .pm-sec-nav-item:hover,
    .pm-macro-layers-head:hover,
    .map-layer-row:hover,
    .map-layer-special:hover,
    .pm-people-native-row:hover,
    .pm-sec-dash-item:hover,
    .pm-coleta-row:hover
  ),
html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  #mapLayersList
  :is(.map-layer-section, .map-layer-row, .map-layer-special):hover,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  #mapLayersList
  :is(.map-layer-section, .map-layer-row, .map-layer-special):hover,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  #mapLayersList
  .map-layer-section-group
  .map-layer-section:hover {
  background: var(--pm-card-fill-hover) !important;
  background-color: var(--pm-card-fill-hover) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* ── map-cat-item.on — preenchimento --pm-glass-accent-gradient ── */
html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on,
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  .map-cat-item.on,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  #pmtab-categorias
  .map-cat-item.on {
  background: var(--pm-glass-accent-gradient) !important;
  background-color: var(--pm-glass-hero-background-color) !important;
  border: 1px solid var(--pm-glass-default-accent-color) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2 !important;
}

html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on:hover,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on:hover,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on:hover,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  .map-cat-item.on:hover,
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  .map-cat-item.on:hover,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  #pmtab-categorias
  .map-cat-item.on:hover {
  background: var(--pm-glass-accent-gradient) !important;
  background-color: var(--pm-glass-hero-background-color) !important;
  border: 1px solid #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* Header de seção (camadas / secretarias / macro-layers) — idle transparente; hover = --pm-card-fill-hover */
html
  body.pm-liquid-v2
  :is(
    #pmtab-categorias .map-layer-section,
    #pmtab-secretarias .pm-sec-nav-item,
    #pmtab-categorias .pm-macro-layers-head
  ) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── 2) Receita genérica (brand / profile / ia / round / sidebar) ── */
html body.pm-liquid-v2.pm-apple-shell.map-source-active #pmBrandCard.pm-apple-brand-card,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmBrandCard.pm-apple-brand-card--welcome,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmBrandCard.pm-apple-brand-card,
html body.pm-liquid-v2.map-source-active #pmBrandCard.pm-apple-brand-card,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #btnUser.pm-apple-profile-btn,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .topbar.pm-apple-topbar
  .pm-apple-profile-btn,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #btnUser.pm-apple-profile-btn,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-apple-hud-btn:not(.pm-apple-search-expand__toggle):not(
    #pmSearchToggleBtn
  ):not(.pm-apple-tools-btn):not(#pmMapToolsTrigger),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-apple-hud-btn:not(.pm-apple-search-expand__toggle):not(
    #pmSearchToggleBtn
  ):not(.pm-apple-tools-btn):not(#pmMapToolsTrigger),
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .topbar.pm-apple-topbar
  .pm-apple-ia-btn,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .topbar.pm-apple-topbar
  .pm-apple-ia-btn,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-map-area
  :is(
    .pm-map-round-btn:not(.pm-map-tools-trigger):not(.pm-streetview-exit-btn),
    .pm-map-zoom-pill,
    #pmMapSidebarEdgeToggle,
    #pmMapFullscreenBtn,
    #pmMapCompassBtn
  ),
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-map-area
  #pmStreetViewExitBtn.pm-streetview-exit-btn.is-open,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-map-area
  :is(
    .pm-map-round-btn:not(.pm-map-tools-trigger):not(.pm-streetview-exit-btn),
    .pm-map-zoom-pill,
    #pmMapSidebarEdgeToggle,
    #pmMapFullscreenBtn,
    #pmMapCompassBtn
  ),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-map-area
  #pmStreetViewExitBtn.pm-streetview-exit-btn.is-open,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar.pm-glass-rail.pm-map-sidebar,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar.pm-glass-rail.pm-map-sidebar {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  filter: none !important;
}

/* ── 3) Clima — chrome SÓ em #pmWeatherCard ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherTopbarMount,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmWeatherTopbarMount,
html
  body.pm-liquid-v2.map-source-active
  .pm-apple-topbar__weather-mount,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarHudCluster {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherTopbarMount::before,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherTopbarMount::after,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-apple-topbar__weather-mount::before,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-apple-topbar__weather-mount::after {
  display: none !important;
  content: none !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherCard.pm-weather-card,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherCard.pm-weather-card--topbar,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmWeatherCard.pm-weather-card,
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherTopbarMount
  #pmWeatherCard,
html
  body.pm-liquid-v2
  .censo-integrated[data-active-source="mapa"]
  #pmWeatherTopbarMount
  #pmWeatherCard {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmWeatherCard::before,
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherCard::after {
  display: none !important;
  content: none !important;
}

/* Popover do clima — receita completa no painel */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherPopover.pm-weather-popover,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherTopbarMount
  #pmWeatherPopover.pm-weather-popover,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmWeatherPopover.pm-weather-popover,
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherTopbarMount
  .pm-weather-popover,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-area
  #pmWeatherPopover.pm-weather-popover {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmWeatherPopover.pm-weather-popover::before,
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherPopover.pm-weather-popover::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Clima — KPIs + previsão (cards internos à surface do popover) */
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherPopover
  :is(.pm-weather-now-item, .pm-weather-forecast-card),
html
  body.pm-liquid-v2.map-source-active
  #pmWeatherTopbarMount
  .pm-weather-popover
  :is(.pm-weather-now-item, .pm-weather-forecast-card),
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmWeatherTopbarMount
  #pmWeatherPopover
  :is(.pm-weather-now-item, .pm-weather-forecast-card),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmWeatherTopbarMount
  #pmWeatherPopover
  :is(.pm-weather-now-item, .pm-weather-forecast-card) {
  background: var(--pm-glass-card-background) !important;
  background-color: var(--pm-glass-card-background) !important;
  background-image: none !important;
  border: var(--pm-glass-card-border) !important;
  border-radius: var(--pm-glass-card-radius) !important;
  box-shadow: var(--pm-glass-card-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* ── 4) Calendário — chrome SÓ em #pmCalendarBtn ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmCalendarTopbarMount,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmCalendarTopbarMount,
html
  body.pm-liquid-v2.map-source-active
  .pm-apple-topbar__calendar-mount {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmCalendarTopbarMount::before,
html
  body.pm-liquid-v2.map-source-active
  #pmCalendarTopbarMount::after {
  display: none !important;
  content: none !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmCalendarBtn.pm-calendar-card-btn,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmCalendarBtn.pm-calendar-card-btn,
html body.pm-liquid-v2.map-source-active #pmCalendarBtn.pm-calendar-card-btn,
html
  body.pm-liquid-v2.map-source-active
  #pmCalendarBtn.pm-calendar-card-btn:hover,
html
  body.pm-liquid-v2.map-source-active
  #pmCalendarBtn.pm-calendar-card-btn[aria-expanded="true"] {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Face: sem skin (só conteúdo + faixa azul ::before) */
html
  body.pm-liquid-v2.map-source-active
  #pmCalendarBtn
  .pm-calendar-card-btn__face,
html body.pm-liquid-v2 #pmCalendarBtn .pm-calendar-card-btn__face {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmCalendarBtn::before,
html
  body.pm-liquid-v2.map-source-active
  #pmCalendarBtn::after {
  display: none !important;
  content: none !important;
}

/* Popover do calendário — receita completa no painel */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-calendar-popover,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-calendar-popover,
html body.pm-liquid-v2.map-source-active .pm-calendar-popover,
html body.pm-liquid-v2 .pm-calendar-popover {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
}

html body.pm-liquid-v2.map-source-active .pm-calendar-popover::before,
html body.pm-liquid-v2.map-source-active .pm-calendar-popover::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Dropdown de resultados da busca — mesma receita dos popovers */
html
  body.pm-liquid-v2
  #globalSearchResults.pm-glass-search-results,
html
  body.pm-liquid-v2
  #globalSearchResults.pm-search-results-panel {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
  color: var(--pm-glass-surface-ink) !important;
  overflow: hidden !important;
}

html
  body.pm-liquid-v2
  #globalSearchResults.pm-glass-search-results::before,
html
  body.pm-liquid-v2
  #globalSearchResults.pm-glass-search-results::after {
  display: none !important;
  content: none !important;
}

/* Menu do usuário — mesma receita dos popovers (chrome só no host) */
html body.pm-liquid-v2 #userMenu.user-menu,
html body.pm-liquid-v2 #userMenu.user-menu.open {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
  color: var(--pm-glass-surface-ink) !important;
  overflow: hidden !important;
}

html body.pm-liquid-v2 #userMenu.user-menu::before,
html body.pm-liquid-v2 #userMenu.user-menu::after {
  display: none !important;
  content: none !important;
}

html
  body.pm-liquid-v2
  #userMenu.user-menu
  :is(.user-menu-header, .user-menu-body, .user-menu-footer) {
  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;
}

html body.pm-liquid-v2 #userMenu .user-menu-separator {
  background: rgba(17, 27, 39, 0.1) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-item {
  background: transparent !important;
  color: var(--pm-glass-surface-ink) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-item:hover {
  background: var(--pm-card-fill-hover) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-item-label {
  color: var(--pm-glass-surface-ink) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-name {
  color: var(--pm-glass-surface-ink) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-role {
  color: color-mix(in srgb, var(--pm-glass-surface-ink) 62%, transparent) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-item-icon,
html body.pm-liquid-v2 #userMenu .user-menu-chevron {
  color: color-mix(in srgb, var(--pm-glass-surface-ink) 55%, transparent) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-logout {
  background: rgba(37, 99, 235, 0.1) !important;
  border: 1px solid rgba(37, 99, 235, 0.16) !important;
  color: #2563eb !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-logout:hover {
  background: rgba(37, 99, 235, 0.16) !important;
}

html body.pm-liquid-v2 #userMenu .user-menu-logout .user-menu-item-icon,
html body.pm-liquid-v2 #userMenu .user-menu-logout .user-menu-item-label {
  color: #2563eb !important;
}

html body.pm-liquid-v2 #userMenuBackdrop.user-menu-backdrop,
html body.pm-liquid-v2 #userMenuBackdrop.user-menu-backdrop.open {
  pointer-events: none !important;
  opacity: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Nav interno do calendário — fill+border, sem blur/sombra */
html
  body.pm-liquid-v2.map-source-active
  .pm-calendar-popover
  .pm-calendar-nav,
html body.pm-liquid-v2 .pm-calendar-popover .pm-calendar-nav {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── 5) Ferramentas — chrome SÓ em #pmMapToolsTrigger ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmToolsTopbarMount,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmToolsTopbarMount,
html
  body.pm-liquid-v2.map-source-active
  .pm-apple-topbar__tools-mount,
html body.pm-liquid-v2 .pm-map-tools-wrap--topbar,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-tools-wrap--topbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmToolsTopbarMount::before,
html
  body.pm-liquid-v2.map-source-active
  #pmToolsTopbarMount::after,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-tools-wrap--topbar::before,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-tools-wrap--topbar::after {
  display: none !important;
  content: none !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmMapToolsTrigger.pm-map-tools-trigger,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmMapToolsTrigger.pm-apple-hud-btn,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmMapToolsTrigger,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-tools-wrap--topbar
  #pmMapToolsTrigger,
html
  body.pm-liquid-v2
  .pm-map-tools-wrap--topbar
  .pm-map-tools-trigger.pm-apple-tools-btn,
html
  body.pm-liquid-v2
  .pm-map-tools-wrap--topbar
  .pm-map-tools-trigger.pm-apple-tools-btn:hover,
html
  body.pm-liquid-v2
  .pm-map-tools-wrap--topbar
  .pm-map-tools-trigger.pm-apple-tools-btn.active,
html
  body.pm-liquid-v2
  .pm-map-tools-wrap--topbar
  .pm-map-tools-trigger.pm-apple-tools-btn[aria-expanded="true"],
html
  body.pm-liquid-v2.map-source-active
  #pmToolsTopbarMount
  [data-pm-tools-boot-trigger] {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmMapToolsTrigger::before,
html
  body.pm-liquid-v2.map-source-active
  #pmMapToolsTrigger::after {
  display: none !important;
  content: none !important;
}

/* Popover de ferramentas — receita completa no painel */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmMapToolsPopover.pm-map-tools-popover,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmMapToolsPopover.pm-map-tools-popover,
html
  body.pm-liquid-v2.map-source-active
  #pmMapToolsPopover.pm-map-tools-popover,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-tools-popover.open,
html
  body.pm-liquid-v2
  .pm-map-tools-wrap--topbar
  #pmMapToolsPopover.pm-map-tools-popover {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  isolation: isolate !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmMapToolsPopover.pm-map-tools-popover::before,
html
  body.pm-liquid-v2.map-source-active
  #pmMapToolsPopover.pm-map-tools-popover::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Ícones internos — só borda; background idle/ativo vive em styles.css */
html
  body.pm-liquid-v2.map-source-active
  :is(#pmMapToolsPopover, .pm-map-tools-popover)
  :is(.pm-map-tools-tool-icon, .pm-map-tools-tool-icon--pegman) {
  border: var(--pm-map-tools-tool-icon-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* ── 6) Busca — chrome no #pmSearchToggleBtn (collapsed); host limpo;
       expandido: chrome no host (barra), botão transparente ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmSearchToggleMount,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmSearchToggleMount,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search-expand.pm-apple-search--collapsed,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search-expand.pm-apple-search--collapsed {
  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;
  overflow: visible !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search-expand::before,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search-expand::after,
html
  body.pm-liquid-v2.map-source-active
  #pmSearchToggleMount::before,
html
  body.pm-liquid-v2.map-source-active
  #pmSearchToggleMount::after {
  display: none !important;
  content: none !important;
}

/* Collapsed: receita no botão (filho) — sombra sem clipping do host */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn.pm-apple-hud-btn,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn.pm-apple-hud-btn,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn:hover,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn:focus,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--collapsed
  #pmSearchToggleBtn:active {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  outline: none !important;
  isolation: isolate !important;
  /* Sem transition de bg/blur: evita flash branco no toggle */
  transition: transform 0.18s ease !important;
}

html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch
  #pmSearchToggleBtn::before,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch
  #pmSearchToggleBtn::after {
  display: none !important;
  content: none !important;
}

/* Expandido: chrome só na barra (host); botão = ícone puro, sem placa */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search-expand.pm-apple-search--open,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmTopbarSearch.pm-apple-search-expand.pm-apple-search--open,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search-expand.pm-apple-search--open {
  background: var(--pm-glass-surface-fill) !important;
  background-color: var(--pm-glass-surface-fill) !important;
  background-image: none !important;
  border: 1px solid var(--pm-glass-surface-border) !important;
  border-radius: var(--pm-glass-surface-radius) !important;
  box-shadow: var(--pm-glass-surface-shadow) !important;
  backdrop-filter: var(--pm-glass-surface-blur) !important;
  -webkit-backdrop-filter: var(--pm-glass-surface-blur) !important;
  overflow: visible !important;
  isolation: isolate !important;
  transition:
    width 0.58s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn.pm-apple-hud-btn,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn.pm-apple-search-expand__toggle,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn:hover,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn:focus,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn:focus-visible,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn:active,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  #pmSearchToggleBtn[aria-expanded="true"],
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  .pm-apple-search-expand__toggle,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  .pm-apple-search-expand__toggle:hover,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  .pm-apple-search-expand__toggle:focus,
html
  body.pm-liquid-v2.map-source-active
  #pmTopbarSearch.pm-apple-search--open
  .pm-apple-search-expand__toggle[aria-expanded="true"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  isolation: auto !important;
  /* Sem blur no botão: com isolation no host, backdrop-filter vira placa por cima da receita */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: transform 0.18s ease !important;
}

/* ── 7) Pseudos de highlight em chips genéricos ── */
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmBrandCard.pm-apple-brand-card::before,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  #pmBrandCard.pm-apple-brand-card::after,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-apple-hud-btn:not(.pm-apple-search-expand__toggle):not(
    #pmSearchToggleBtn
  )::before,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-apple-hud-btn:not(.pm-apple-search-expand__toggle):not(
    #pmSearchToggleBtn
  )::after,
html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar.pm-glass-rail.pm-map-sidebar::before,
html
  body.pm-liquid-v2.map-source-active
  .pm-vision-sidebar.pm-glass-rail.pm-map-sidebar::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* ── 8) Active chip — background único (overlay) ── */
html
  body.pm-liquid-v2
  .pm-active-chip,
html
  body.pm-liquid-v2
  .pm-active-chip:hover,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-area
  .pm-active-chip,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-area
  .pm-active-chip:hover,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-bottom-hud
  .pm-active-chip,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-bottom-hud
  .pm-active-chip:hover,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-map-area
  .pm-active-chip,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-map-bottom-hud
  .pm-active-chip,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-map-area
  .pm-active-chip,
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-map-bottom-hud
  .pm-active-chip,
.pm-active-chip {
  background: var(--pm-glass-surface-overlay) !important;
  background-color: var(--pm-glass-surface-overlay) !important;
  background-image: none !important;
  border: var(--pm-glass-detail-border) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html
  body.pm-liquid-v2.map-source-active
  .pm-map-area
  .pm-active-chip::before,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-area
  .pm-active-chip::after,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-bottom-hud
  .pm-active-chip::before,
html
  body.pm-liquid-v2.map-source-active
  .pm-map-bottom-hud
  .pm-active-chip::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* ── Clears X — receita única; sem :is(#id, .class) (ID inflava especificidade) ── */
html body.pm-liquid-v2 .pm-map-tool-clear,
html body.pm-liquid-v2 .pm-active-bar-action,
html body.pm-liquid-v2 #pmActiveClear {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: var(--pm-glass-clear-border) !important;
  background: var(--pm-glass-clear-fill) !important;
  background-color: var(--pm-glass-clear-fill) !important;
  background-image: none !important;
  color: var(--pm-glass-clear-content) !important;
  -webkit-text-fill-color: var(--pm-glass-clear-content) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  appearance: none;
  -webkit-appearance: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}

html body.pm-liquid-v2 .pm-map-tool-clear {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  z-index: 3 !important;
  width: var(--pm-glass-clear-size-tool) !important;
  height: var(--pm-glass-clear-size-tool) !important;
  min-width: var(--pm-glass-clear-size-tool) !important;
  min-height: var(--pm-glass-clear-size-tool) !important;
}

/* [hidden] precisa vencer o display:inline-flex acima */
html body.pm-liquid-v2 .pm-map-tool-clear[hidden],
html body.pm-liquid-v2 #pmMapToolClearBtn[hidden],
html body.pm-liquid-v2 .pm-active-bar-action[hidden],
html body.pm-liquid-v2 #pmActiveClear[hidden] {
  display: none !important;
}

html body.pm-liquid-v2 .pm-active-bar-action,
html body.pm-liquid-v2 #pmActiveClear {
  position: static !important;
  width: var(--pm-glass-clear-size-active) !important;
  height: var(--pm-glass-clear-size-active) !important;
  min-width: var(--pm-glass-clear-size-active) !important;
  min-height: var(--pm-glass-clear-size-active) !important;
  margin-left: 2px !important;
  pointer-events: auto !important;
}

html body.pm-liquid-v2 .pm-map-tool-clear:hover,
html body.pm-liquid-v2 .pm-map-tool-clear:focus-visible,
html body.pm-liquid-v2 .pm-active-bar-action:hover,
html body.pm-liquid-v2 .pm-active-bar-action:focus-visible,
html body.pm-liquid-v2 #pmActiveClear:hover,
html body.pm-liquid-v2 #pmActiveClear:focus-visible {
  color: var(--pm-glass-clear-content-hover) !important;
  -webkit-text-fill-color: var(--pm-glass-clear-content-hover) !important;
  border: var(--pm-glass-clear-border-hover) !important;
  background: var(--pm-glass-clear-fill-hover) !important;
  background-color: var(--pm-glass-clear-fill-hover) !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.pm-liquid-v2 .pm-map-tool-clear svg,
html body.pm-liquid-v2 .pm-map-tool-clear svg *,
html body.pm-liquid-v2 .pm-active-bar-action svg,
html body.pm-liquid-v2 .pm-active-bar-action svg *,
html body.pm-liquid-v2 #pmActiveClear svg,
html body.pm-liquid-v2 #pmActiveClear svg * {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  transition: color 0.2s ease, stroke 0.2s ease !important;
}

html body.pm-liquid-v2 .pm-map-tool-clear svg {
  width: 10px !important;
  height: 10px !important;
  display: block !important;
}

html body.pm-liquid-v2 .pm-active-bar-action svg,
html body.pm-liquid-v2 #pmActiveClear svg {
  width: 12px !important;
  height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* ── Botões pequenos circulares (receita glass) ── */
html
  body.pm-liquid-v2
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending),
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending),
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending),
html
  body.pm-liquid-v2.pm-apple-shell
  .censo-integrated[data-active-source="mapa"]
  .pm-vision-sidebar
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending) {
  border: var(--pm-glass-small-button-border) !important;
  background: var(--pm-glass-small-button-fill) !important;
  background-color: var(--pm-glass-small-button-fill) !important;
  background-image: none !important;
  color: var(--pm-glass-small-button-content) !important;
  -webkit-text-fill-color: var(--pm-glass-small-button-content) !important;
  box-shadow: none !important;
}

html
  body.pm-liquid-v2
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg,
html
  body.pm-liquid-v2
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg
  *,
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg,
html
  body.pm-liquid-v2.map-source-active
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg
  *,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg,
html
  body.pm-liquid-v2.pm-apple-shell.map-source-active
  .pm-vision-sidebar
  #pmtab-categorias
  .pm-map-cat-tool-btn:not(.is-active):not(.is-pending)
  svg
  * {
  color: var(--pm-glass-small-button-content) !important;
  stroke: var(--pm-glass-small-button-content) !important;
  fill: none !important;
}

/* ── Chevrons 24×24 — receita única (legenda + seções + secretarias) ── */
html
  body.pm-liquid-v2
  :is(
    .pm-legend-native-panel-chevron,
    .pm-sec-nav-chevron,
    .map-layer-section-chevron
  ) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pm-glass-chevron-size) !important;
  height: var(--pm-glass-chevron-size) !important;
  min-width: var(--pm-glass-chevron-size) !important;
  min-height: var(--pm-glass-chevron-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  border: var(--pm-glass-chevron-border) !important;
  background: var(--pm-glass-chevron-fill) !important;
  background-color: var(--pm-glass-chevron-fill) !important;
  background-image: none !important;
  color: var(--pm-glass-chevron-content) !important;
  -webkit-text-fill-color: var(--pm-glass-chevron-content) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    stroke 0.22s ease !important;
}

html
  body.pm-liquid-v2
  :is(
    .pm-legend-native-panel-chevron:hover,
    .pm-legend-native-panel-chevron:focus-visible,
    .pm-sec-nav-item:hover .pm-sec-nav-chevron,
    .pm-sec-nav-item:focus-visible .pm-sec-nav-chevron,
    .pm-macro-layers-head:hover .pm-sec-nav-chevron,
    .pm-macro-layers-head:focus-visible .pm-sec-nav-chevron,
    .map-layer-section:hover .map-layer-section-chevron,
    .map-layer-section:focus-visible .map-layer-section-chevron
  ) {
  border: var(--pm-glass-chevron-border-hover) !important;
  background: var(--pm-glass-chevron-fill-hover) !important;
  background-color: var(--pm-glass-chevron-fill-hover) !important;
}

html
  body.pm-liquid-v2
  :is(
    .pm-legend-native-panel-chevron,
    .pm-sec-nav-chevron,
    .map-layer-section-chevron
  )
  :is(svg, .map-layer-section-chevron-svg) {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  flex-shrink: 0 !important;
  pointer-events: none;
  color: var(--pm-glass-chevron-content) !important;
  stroke: var(--pm-glass-chevron-content) !important;
  fill: none !important;
  transition: color 0.22s ease, stroke 0.22s ease !important;
}

html
  body.pm-liquid-v2
  :is(
    .pm-legend-native-panel-chevron,
    .pm-sec-nav-chevron,
    .map-layer-section-chevron
  )
  :is(svg *, .map-layer-section-chevron-svg *) {
  color: inherit !important;
  stroke: inherit !important;
  fill: none !important;
}

#pmtab-secretarias .pm-sec-nav-chevron,
#pmtab-categorias .pm-macro-layers-card .pm-sec-nav-chevron {
  margin-left: auto !important;
}

#pmtab-secretarias .pm-sec-accordion-item.is-open .pm-sec-nav-chevron,
#pmtab-categorias .pm-macro-layers-card.is-open .pm-sec-nav-chevron {
  transform: rotate(180deg);
}

#pmtab-categorias .map-layer-section-group.is-collapsed .map-layer-section-chevron {
  transform: rotate(180deg);
}

/* ── HUD round buttons — caixa + ícone (escala com zoom da página) ── */
html body.pm-liquid-v2 {
  --pm-map-rail-btn-size: 46px;
}

html
  body.pm-liquid-v2
  .pm-map-area
  :is(
    #pmMapSidebarEdgeToggle,
    #pmMapFullscreenBtn,
    #pmMapCompassBtn,
    #pmMapToolsTrigger,
    .pm-map-round-btn:not(#pmStreetViewTrigger):not(.pm-streetview-exit-btn)
  ) {
  box-sizing: border-box !important;
  width: var(--pm-map-rail-btn-size) !important;
  min-width: var(--pm-map-rail-btn-size) !important;
  max-width: var(--pm-map-rail-btn-size) !important;
  height: var(--pm-map-rail-btn-size) !important;
  min-height: var(--pm-map-rail-btn-size) !important;
  max-height: var(--pm-map-rail-btn-size) !important;
  padding: 0 !important;
  flex: 0 0 var(--pm-map-rail-btn-size) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  /* radius vem do bloco chrome acima: var(--pm-glass-surface-radius) */
}

/* Exit Street View — collapse 0 ↔ --pm-map-rail-btn-size (opção 2) */
html body.pm-liquid-v2 {
  --pm-streetview-exit-duration: 0.28s;
  --pm-streetview-exit-ease: cubic-bezier(0.32, 0.72, 0, 1);
}

html
  body.pm-liquid-v2
  .pm-map-area
  #pmStreetViewExitBtn.pm-streetview-exit-btn,
html
  body.pm-liquid-v2
  .pm-map-area
  .pm-streetview-exit-btn {
  box-sizing: border-box !important;
  order: -1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--pm-map-rail-btn-size) !important;
  min-width: var(--pm-map-rail-btn-size) !important;
  max-width: var(--pm-map-rail-btn-size) !important;
  padding: 0 !important;
  overflow: hidden !important;
  /* fechado */
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  flex: 0 0 0 !important;
  opacity: 0 !important;
  /* cancela o gap do flex pai enquanto colapsado */
  margin: 0 0 calc(-1 * var(--pm-map-rail-gap, 8px)) 0 !important;
  border-width: 0 !important;
  pointer-events: none !important;
  visibility: hidden;
  transition:
    height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    min-height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    max-height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    flex-basis var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    opacity 0.22s var(--pm-streetview-exit-ease),
    margin var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    border-width var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    visibility 0s linear var(--pm-streetview-exit-duration) !important;
}

html
  body.pm-liquid-v2
  .pm-map-area
  #pmStreetViewExitBtn.pm-streetview-exit-btn.is-open,
html
  body.pm-liquid-v2
  .pm-map-area
  .pm-streetview-exit-btn.is-open,
html
  body.pm-streetview-active.pm-liquid-v2
  .pm-map-area
  #pmStreetViewExitBtn.pm-streetview-exit-btn.is-open,
html
  body.pm-streetview-active.pm-liquid-v2
  .pm-map-area
  .pm-streetview-exit-btn.is-open {
  height: var(--pm-map-rail-btn-size) !important;
  min-height: var(--pm-map-rail-btn-size) !important;
  max-height: var(--pm-map-rail-btn-size) !important;
  flex: 0 0 var(--pm-map-rail-btn-size) !important;
  opacity: 1 !important;
  margin: 0 !important;
  border-width: 1px !important;
  pointer-events: auto !important;
  visibility: visible;
  transition:
    height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    min-height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    max-height var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    flex-basis var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    opacity 0.22s var(--pm-streetview-exit-ease),
    margin var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    border-width var(--pm-streetview-exit-duration) var(--pm-streetview-exit-ease),
    visibility 0s linear 0s !important;
}

@media (prefers-reduced-motion: reduce) {
  html
    body.pm-liquid-v2
    .pm-map-area
    #pmStreetViewExitBtn.pm-streetview-exit-btn,
  html
    body.pm-liquid-v2
    .pm-map-area
    .pm-streetview-exit-btn {
    transition-duration: 0.01ms !important;
  }
}

html
  body.pm-liquid-v2
  .pm-map-area
  :is(#pmMapSidebarEdgeToggle, #pmMapFullscreenBtn, #pmMapCompassBtn)
  > svg {
  box-sizing: border-box !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  flex: 0 0 26px !important;
  display: block !important;
  pointer-events: none !important;
}

/* ── SVG: pm-map-tools-trigger + pm-apple-hud-btn (tamanho + traçado) ── */
html
  body.pm-liquid-v2
  .pm-map-tools-trigger
  svg,
html
  body.pm-liquid-v2
  .pm-apple-hud-btn
  svg,
.pm-map-tools-trigger svg,
.pm-apple-hud-btn svg {
  width: 32px !important;
  height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

html
  body.pm-liquid-v2
  .pm-map-tools-trigger
  svg,
html
  body.pm-liquid-v2
  .pm-map-tools-trigger
  svg
  *,
html
  body.pm-liquid-v2
  .pm-apple-hud-btn
  svg,
html
  body.pm-liquid-v2
  .pm-apple-hud-btn
  svg
  *,
.pm-map-tools-trigger svg,
.pm-map-tools-trigger svg *,
.pm-apple-hud-btn svg,
.pm-apple-hud-btn svg * {
  color: var(--pm-glass-svg-content) !important;
  stroke: var(--pm-glass-svg-content) !important;
  fill: none !important;
  -webkit-text-fill-color: var(--pm-glass-svg-content) !important;
}

/* Overlays fechados ficam em opacity 0 sobre o mapa: o blur seria recalculado a cada quadro do pan. */
html body .pm-modal-backdrop:not(.open):not(#pm-gs-x):not(#pm-gs-y),
html body .drawer-backdrop:not(.open):not(#pm-gs-x):not(#pm-gs-y),
html body .drawer:not(.open):not(#pm-gs-x):not(#pm-gs-y) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}