/* telas/mapa (#973) — só tokens do DS; nenhuma cor literal. */
.mapa-pedidos .mapa-cabeca h1 { margin: 0; }
.mapa-pedidos .mapa-cabeca p { margin: 4px 0 0; color: var(--muted); }
.mapa-pedidos .mapa-filtros { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 12px 0; }
.mapa-pedidos .mapa-filtros select { min-height: 44px; }
.mapa-pedidos .mapa-chip { min-height: 44px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); cursor: pointer; }
.mapa-pedidos .mapa-cobertura { margin: 0; color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.mapa-pedidos .mapa-bloco h2 { font-size: 16px; margin: 0 0 8px; }
.mapa-pedidos .mapa-bloco-cabeca { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.mapa-pedidos .mapa-figura { margin: 0; }
.mapa-pedidos .mapa-figura svg { width: 100%; height: auto; display: block; border: 1px solid var(--line); border-radius: 8px; }
.mapa-pedidos .mapa-figura figcaption { color: var(--muted); font-size: 12px; margin-top: 4px; }
.mapa-pedidos .mapa-fundo { fill: var(--panel); }
.mapa-pedidos .mapa-calor { fill: var(--ds-accent); opacity: .22; }
.mapa-pedidos .mapa-pino { fill: var(--ds-accent); fill-opacity: .55; stroke: var(--panel); stroke-width: 1; }
.mapa-pedidos .mapa-rotulo { cursor: pointer; }
.mapa-pedidos .mapa-rotulo text { fill: var(--ink); font-size: 12px; text-anchor: middle; paint-order: stroke; stroke: var(--panel); stroke-width: 3px; }
.mapa-pedidos .mapa-rotulo:focus-visible text { text-decoration: underline; }
.mapa-pedidos .mapa-link { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; text-align: left; }
.mapa-pedidos .mapa-vazio, .mapa-pedidos .mapa-aviso { color: var(--muted); }
@media (max-width: 640px) {
  .mapa-pedidos .mapa-rotulo text { font-size: 16px; }
}