/* =====================================================================
   AGGalvão · Componente — Legenda de cores

   Promovido da seção "Colunas entradas × saídas" (Painel) do app.css
   antigo: quem usa é o Mapa (app/Views/mapa/index.php), não o Painel.
   ===================================================================== */
.legenda { display: flex; gap: 1rem; font-size: .74rem; color: var(--cinza); align-items: center; flex-wrap: wrap; }
.legenda span { display: inline-flex; align-items: center; gap: .35rem; }
.legenda i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }

/* Cor do quadradinho: os mesmos sufixos prazo-* dos cards do mapa. */
.legenda i.prazo-no_prazo  { background: var(--verde); }
.legenda i.prazo-vencendo  { background: var(--ambar); }
.legenda i.prazo-vencido   { background: var(--vermelho); }
.legenda i.prazo-sem_prazo { background: var(--borda-forte); }