/* Menu de Configurações — contraste do item ativo (S2-usuarios).
 *
 * `.menu`/`.menu__link`/`.menu__link--ativo` (04_layout.css) usam os tokens
 * `--cor-barra-texto`/`--cor-barra-texto-ativo`/`--cor-barra-ativo`: texto
 * CLARO sobre fundo ESCURO, os tokens da barra lateral principal (dark). O
 * menu de Configurações (app/views/configuracoes/_navegacao.html.erb)
 * reaproveita as MESMAS classes, mas vive dentro de `.tres-colunas__coluna`,
 * que não tem fundo escuro — herda o fundo claro da página. Resultado: texto
 * claro sobre fundo claro, e o item ativo (fundo branco quase transparente +
 * texto branco) fica invisível.
 *
 * O fix é ESCOPADO pela classe `.menu-configuracoes` (ver _navegacao.html.erb)
 * para não vazar para a barra lateral de verdade, que continua precisando do
 * texto claro sobre o fundo escuro dela.
 *
 * Contraste conferido à mão: #0a6280 (--sgp-ciano-700) sobre #e8f7fc
 * (--sgp-ciano-50) dá ~6.2:1 — AA folgado para texto normal (mínimo 4.5:1).
 * O ciano-600 sozinho (#0a7b9c) dava só ~4.4:1, por isso o 700 aqui.
 */
.menu-configuracoes .menu__link { color: var(--cor-texto-suave); }
.menu-configuracoes .menu__link:hover { background: var(--cor-fundo-afundado); color: var(--cor-texto); }
.menu-configuracoes .menu__link--ativo {
  background: var(--sgp-ciano-50);
  color: var(--sgp-ciano-700);
  border-left-color: var(--cor-acao);
  font-weight: var(--peso-semi);
}
.menu-configuracoes .menu__link--ativo .menu__icone { opacity: 1; }

/* Texto de aviso/erro abaixo de um campo (ex.: senha curta, ficha já
 * vinculada). Não havia classe pronta de "ajuda em vermelho" no design system
 * (`.campo__ajuda` de 03_componentes.css é neutra) — criada aqui em vez de
 * inventar em 03_componentes.css, que este pacote não pode tocar. */
.campo__ajuda--aviso { color: var(--sgp-perigo); }

/* "Já existe fulano: vincular?" — sugestão de ficha parecida ao digitar o
 * nome da pessoa (Pedido #10, S2-usuarios). Ao lado do aviso acima, mas em
 * ciano: não é erro, é um atalho que dá para ignorar e seguir digitando uma
 * ficha nova sem problema nenhum. */
.campo__ajuda--sugestao {
  align-items: center;
  flex-wrap: wrap;
  gap: var(--esp-2);
  color: var(--sgp-ciano-700);
}
/* `display: flex` só quando VISÍVEL — sem o `:not([hidden])`, a regra bate na
 * mesma especificidade do `[hidden] { display: none }` do navegador e pode
 * vencer por ordem no cascade, deixando o aviso aparecendo mesmo com o
 * atributo `hidden` (foi exatamente isso que quebrou o "Ignorar"/"Vincular"
 * escondendo a sugestão na verificação). */
.campo__ajuda--sugestao:not([hidden]) { display: flex; }

/* Botão com cara de link, para as ações "Vincular"/"Ignorar" da sugestão —
 * não é um `.botao` (não é a ação principal do formulário), só texto clicável
 * dentro de uma linha de ajuda. */
.link-botao {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  font-weight: var(--peso-semi);
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}