:root {
  --metas-primaria: #1f4e79;
}

.bg-primary-escuro { background-color: var(--metas-primaria); }

.valor { font-variant-numeric: tabular-nums; }

/* Relatório */
.tabela-relatorio { font-size: .875rem; white-space: nowrap; }
.tabela-relatorio td, .tabela-relatorio th { font-variant-numeric: tabular-nums; }
.tabela-relatorio thead th { background: #eef3f8; }
.tabela-relatorio .col-nome {
  position: sticky; left: 0; z-index: 1; background: #fff;
}
.tabela-relatorio thead .col-nome { background: #eef3f8; }
.tabela-relatorio tr.linha-loja td { background: #f6f8fa; font-weight: 600; }
.tabela-relatorio tr.linha-loja .col-nome { background: #f6f8fa; }
.col-destaque { background: #fff8e1 !important; }
/* Interrogação de ajuda */
.ajuda {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.05rem; height: 1.05rem; padding: 0; margin-left: .15rem;
  border: 1px solid #9aa8b6; border-radius: 50%;
  background: #fff; color: #5b6b7b;
  font-size: .68rem; font-weight: 700; line-height: 1; vertical-align: middle;
  cursor: help;
}
.ajuda:hover, .ajuda:focus-visible { border-color: var(--metas-primaria); color: var(--metas-primaria); }
.ajuda.fixo { background: var(--metas-primaria); border-color: var(--metas-primaria); color: #fff; }
.ajuda-inline { cursor: default; }
.popover-ajuda { max-width: 19rem; font-size: .875rem; }
.popover-ajuda .popover-header { font-size: .9rem; font-weight: 600; }
.ajuda-conta {
  background: #eef3f8; border-left: 3px solid var(--metas-primaria); border-radius: 4px;
  padding: .35rem .5rem; margin-bottom: .5rem;
  font-weight: 600; color: var(--metas-primaria);
}
.ajuda-texto { line-height: 1.4; }

.link-detalhe { color: inherit; text-decoration: underline dotted; text-underline-offset: 3px; }
.link-detalhe:hover { color: var(--metas-primaria); }

/* No celular, colunas secundárias ficam ocultas até o usuário pedir. */
@media (max-width: 767.98px) {
  .tabela-relatorio:not(.todas) .col-extra { display: none; }
}

.ok { color: #1e7d32; }
.atencao { color: #b26a00; }
.ruim { color: #c62828; }

.grade-valores .form-control { min-width: 7rem; }
.grade-valores tr.linha-loja td { background: #f6f8fa; font-weight: 600; }