/* V1601 — Telas da Empresa Âncora no padrão de cores e botões do sistema (padrao-visual-v1490).
   Vale para: escolha/entrada no fornecedor, visão da carteira (Visão Executiva, Carteira, panoramas) e as telas
   dentro do fornecedor (Monitoramento, Tendência Estatística, Riscos e Oportunidades, Planos de Ação).
   Escopo: #fp-area.gp-ancora-padrao (classe posta pelo gestao-preventiva.js) e o seletor de fornecedor do topo.
   Gráficos (SVG) mantêm as cores de dados. Carregar por último. */

:root {
  /* tons complementares da paleta (fundos claros e textos de selo) */
  --tq-vermelho-700: #9f2a20; --tq-vermelho-100: #fbe3e1;
  --tq-laranja-700: #8a3b00;  --tq-laranja-100: #fdecd9;
  --tq-amarelo-700: #6e4a00;  --tq-amarelo-100: #fff4d8;
  --tq-verde-700: #1e6b40;    --tq-verde-100: #e3f4ea;
  --tq-cinza-100: #f3f5f8;
}

/* ---------- cartões de indicadores (modelo V1594) com as cores do sistema ---------- */
#fp-area.gp-ancora-padrao {
  --gp-kpi-border: var(--tq-borda);
  --gp-kpi-title: var(--tq-texto-2);
  --gp-kpi-muted: var(--tq-texto-3);
  --gp-kpi-blue: var(--tq-azul-600);
  --gp-kpi-red: var(--tq-vermelho);
  --gp-kpi-green: var(--tq-verde);
  --gp-kpi-orange: var(--tq-laranja);
}
#fp-area.gp-ancora-padrao .gpn-kpi strong,
#fp-area.gp-ancora-padrao .gpc-kpis > .gpc-kpi strong { color: var(--tq-azul-900) !important; }
#fp-area.gp-ancora-padrao .card h3 { color: var(--tq-azul-800); }

/* ---------- botões ---------- */
/* primário: laranja do sistema */
#fp-area.gp-ancora-padrao button.primary,
#fp-area.gp-ancora-padrao .tfh-laranja,
#fp-area.gp-ancora-padrao .mp-header-btn.primary {
  min-height: var(--tq-altura-botao) !important; height: auto !important; padding: 0 16px !important;
  border: 1px solid var(--tq-laranja) !important; border-radius: var(--tq-raio) !important;
  background: var(--tq-laranja) !important; color: #fff !important;
  font-family: var(--tq-fonte); font-size: var(--tq-fs-corpo) !important; font-weight: 600 !important; line-height: 1.2;
  box-shadow: none !important;
}
#fp-area.gp-ancora-padrao button.primary:hover:not(:disabled),
#fp-area.gp-ancora-padrao .tfh-laranja:hover:not(:disabled),
#fp-area.gp-ancora-padrao .mp-header-btn.primary:hover:not(:disabled) { background: var(--tq-laranja-hover) !important; border-color: var(--tq-laranja-hover) !important; }

/* secundário: branco com contorno e texto azul */
#fp-area.gp-ancora-padrao button.secondary,
#fp-area.gp-ancora-padrao .tfh-contorno,
#fp-area.gp-ancora-padrao .tfh-approved-constatar,
#fp-area.gp-ancora-padrao .ro1571-detail-button,
#fp-area.gp-ancora-padrao .ro1573-toggle-list,
#fp-area.gp-ancora-padrao .mp-header-btn:not(.primary) {
  min-height: var(--tq-altura-botao) !important; height: auto !important; padding: 0 16px !important;
  border: 1px solid var(--tq-borda-forte) !important; border-radius: var(--tq-raio) !important;
  background: var(--tq-painel) !important; color: var(--tq-azul-600) !important;
  font-family: var(--tq-fonte); font-size: var(--tq-fs-corpo) !important; font-weight: 600 !important; line-height: 1.2;
  box-shadow: none !important;
}
#fp-area.gp-ancora-padrao button.secondary:hover:not(:disabled),
#fp-area.gp-ancora-padrao .tfh-contorno:hover:not(:disabled),
#fp-area.gp-ancora-padrao .tfh-approved-constatar:hover:not(:disabled),
#fp-area.gp-ancora-padrao .ro1571-detail-button:hover:not(:disabled),
#fp-area.gp-ancora-padrao .ro1573-toggle-list:hover:not(:disabled),
#fp-area.gp-ancora-padrao .mp-header-btn:not(.primary):hover:not(:disabled) { background: var(--tq-azul-100) !important; border-color: var(--tq-azul-600) !important; }

/* botões pequenos (filtros, paginação, ações de linha) */
#fp-area.gp-ancora-padrao button.small {
  min-height: var(--tq-altura-botao-p) !important; height: auto !important; padding: 0 12px !important;
  border-radius: var(--tq-raio) !important; font-size: var(--tq-fs-rotulo) !important; font-weight: 600 !important;
}
#fp-area.gp-ancora-padrao button.small:not(.primary):not(.danger) {
  border: 1px solid var(--tq-borda-forte) !important; background: var(--tq-painel) !important; color: var(--tq-azul-600) !important;
}
#fp-area.gp-ancora-padrao button.small:not(.primary):not(.danger):hover:not(:disabled) { background: var(--tq-azul-100) !important; border-color: var(--tq-azul-600) !important; }
/* botão pequeno “ligado” (filtro selecionado, página atual) */
#fp-area.gp-ancora-padrao button.small.active,
#fp-area.gp-ancora-padrao button.small.ativo,
#fp-area.gp-ancora-padrao button.small[aria-pressed="true"] {
  background: var(--tq-azul-800) !important; border-color: var(--tq-azul-800) !important; color: #fff !important;
}

/* botões de ícone */
#fp-area.gp-ancora-padrao .hk-icon-btn {
  width: 32px !important; height: 32px !important; min-width: 32px !important; flex-basis: 32px !important;
  border: 1px solid var(--tq-borda-forte) !important; border-radius: var(--tq-raio) !important;
  background: var(--tq-painel) !important; color: var(--tq-azul-600) !important;
}
#fp-area.gp-ancora-padrao .hk-icon-btn:hover { background: var(--tq-azul-100) !important; border-color: var(--tq-azul-600) !important; }
#fp-area.gp-ancora-padrao .hk-icon-btn.danger { color: var(--tq-vermelho) !important; }
#fp-area.gp-ancora-padrao .hk-icon-btn.danger:hover { background: var(--tq-vermelho-100) !important; border-color: var(--tq-vermelho) !important; }

/* perigo */
#fp-area.gp-ancora-padrao button.danger:not(.hk-icon-btn),
#fp-area.gp-ancora-padrao button.danger-ghost {
  border: 1px solid var(--tq-vermelho) !important; background: var(--tq-painel) !important; color: var(--tq-vermelho) !important;
  border-radius: var(--tq-raio) !important; font-weight: 600 !important;
}

/* links de ação */
#fp-area.gp-ancora-padrao .link-btn {
  color: var(--tq-azul-600) !important; font-size: var(--tq-fs-rotulo) !important; font-weight: 600 !important;
  text-decoration: none !important;
}
#fp-area.gp-ancora-padrao .link-btn:hover { text-decoration: underline !important; }
#fp-area.gp-ancora-padrao a { color: var(--tq-azul-600); }

/* foco visível igual em todos */
#fp-area.gp-ancora-padrao button:focus-visible,
#fp-area.gp-ancora-padrao a:focus-visible { outline: 3px solid rgba(23, 102, 179, .28) !important; outline-offset: 2px; }
#fp-area.gp-ancora-padrao button:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- escolha do fornecedor (cartões) ---------- */
#fp-area.gp-ancora-padrao .efa-card,
.fp-anchor-choice .efa-card {
  border: 1px solid var(--tq-borda) !important; border-radius: var(--tq-raio-cartao) !important; background: var(--tq-painel) !important;
}
#fp-area.gp-ancora-padrao .efa-card:hover, #fp-area.gp-ancora-padrao .efa-card:focus-visible,
.fp-anchor-choice .efa-card:hover, .fp-anchor-choice .efa-card:focus-visible {
  border-color: var(--tq-azul-600) !important; box-shadow: 0 4px 14px rgba(18, 49, 94, .10) !important;
}
#fp-area.gp-ancora-padrao .efa-card strong, .fp-anchor-choice .efa-card strong { color: var(--tq-azul-900) !important; }
#fp-area.gp-ancora-padrao .efa-card small, .fp-anchor-choice .efa-card small { color: var(--tq-texto-2) !important; }

/* ---------- tabelas e textos auxiliares ---------- */
#fp-area.gp-ancora-padrao table th { color: var(--tq-azul-800); }
#fp-area.gp-ancora-padrao .muted, #fp-area.gp-ancora-padrao small.muted { color: var(--tq-texto-3); }

/* ---------- seletor de fornecedor do topo (painel) ---------- */
.topo-empresa-painel { border-color: var(--tq-borda) !important; border-radius: var(--tq-raio-cartao) !important; }
.topo-emp-busca label { color: var(--tq-texto-2) !important; }
.topo-emp-busca div { border-color: var(--tq-borda-forte) !important; border-radius: var(--tq-raio) !important; color: var(--tq-texto-3) !important; }
.topo-emp-busca div:focus-within { border-color: var(--tq-azul-600) !important; box-shadow: 0 0 0 3px rgba(23, 102, 179, .15); }
.topo-emp-item { border-top-color: var(--tq-borda) !important; }
.topo-emp-item:hover { background: var(--tq-azul-100) !important; }
.topo-emp-item.atual { background: var(--tq-azul-100) !important; color: var(--tq-azul-600) !important; box-shadow: inset 3px 0 0 var(--tq-azul-600); }
.topo-emp-txt strong { color: var(--tq-texto) !important; }
.topo-emp-txt small { color: var(--tq-texto-3) !important; }
.topo-emp-grupo { color: var(--tq-amarelo-700) !important; background: var(--tq-cinza-100) !important; border-top-color: var(--tq-borda) !important; }

/* ---------- títulos de cartão: barra laranja, 15px, azul-escuro (padrão de cartão) ---------- */
#fp-area.gp-ancora-padrao .card h3 {
  display: flex; align-items: center; gap: 9px; margin-top: 0;
  font-size: var(--tq-fs-secao) !important; font-weight: 700 !important; line-height: 1.3;
  color: var(--tq-azul-800) !important; text-transform: none !important; letter-spacing: 0 !important;
  background: none !important; padding: 0 !important; border: 0 !important;
}
#fp-area.gp-ancora-padrao .card h3::before {
  content: ""; flex: 0 0 3px; width: 3px; height: 16px; border-radius: 2px; background: var(--tq-laranja);
}