/* Frente F (melhorias 3). Usa as variáveis de cor de estilo.css. */
.semaforo { display: inline-block; padding: 1px 10px; border-radius: 999px; font-size: 0.85em; font-weight: 600; border: 1px solid currentColor; }
.semaforo.verde { color: #1e7b3f; }
.semaforo.amarelo { color: #9a6d00; }
.semaforo.vermelho { color: #b42323; }
.semaforo.sem_dado { color: #6b7280; font-weight: 400; }
:root[data-theme='dark'] .semaforo.verde { color: #5fd08b; }
:root[data-theme='dark'] .semaforo.amarelo { color: #f0c040; }
:root[data-theme='dark'] .semaforo.vermelho { color: #ff7b7b; }
:root[data-theme='dark'] .semaforo.sem_dado { color: #9aa0a8; }
.meta-alvo { width: 5.5em; }
.bloco-relatorio { margin-top: 1.5rem; }
.link-gerado { margin: 0.75rem 0; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.link-gerado p { flex-basis: 100%; margin: 0; }
.link-gerado input { flex: 1 1 18rem; min-width: 0; font-family: monospace; }
.cartao.metrica .csv { margin-top: 0.5rem; align-self: flex-start; }
.tabela.metas td { vertical-align: middle; }
@media (max-width: 640px) {
  .tabela.metas th:nth-child(3), .tabela.metas td:nth-child(3) { white-space: nowrap; }
}