/* ─────────────────────────────────────────────────────────────
   Ponte Web Awesome → tokens da casa.

   O Web Awesome traz o próprio sistema de tokens, todos prefixados
   com --wa-, então não colide com os nossos (--bg, --s1, --tx...).
   Este arquivo é o único lugar que liga um no outro: os componentes
   do Web Awesome passam a nascer já na paleta do painel, em vez do
   tema roxo/claro padrão da biblioteca.

   Trocar a paleta do painel continua sendo mexer só no :root do
   theme.css — o que estiver aqui acompanha sozinho.
   ───────────────────────────────────────────────────────────── */

:root,
.wa-light,
.wa-dark,
.wa-invert {
  /* Cor de marca = o azul do painel */
  --wa-color-brand: var(--blue);
  --wa-color-brand-on: #fff;
  --wa-color-brand-95: #eff6ff;
  --wa-color-brand-80: #93c5fd;
  --wa-color-brand-60: #60a5fa;
  --wa-color-brand-50: var(--blue);
  --wa-color-brand-40: #2563eb;
  --wa-color-brand-20: #1e40af;
  --wa-color-brand-05: #172554;

  /* Superfícies: fundo da página, card, e área rebaixada */
  --wa-color-surface-default: var(--bg);
  --wa-color-surface-raised:  var(--s1);
  --wa-color-surface-lowered: var(--s2);
  --wa-color-surface-border:  var(--b1);

  /* Texto */
  --wa-color-text-normal: var(--tx);
  --wa-color-text-quiet:  var(--m1);
  --wa-color-text-link:   var(--blue);

  /* Semânticas: reaproveita as cores que o painel já usa pra
     positivo/negativo/atenção, pra não abrir um segundo vocabulário. */
  --wa-color-success: var(--green);
  --wa-color-warning: var(--yel);
  --wa-color-danger:  var(--red);
}

/* Os componentes herdam a fonte do painel em vez de trazer a própria. */
:root {
  --wa-font-family-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --wa-font-family-heading: var(--wa-font-family-body);
}

/* ── Densidade ────────────────────────────────────────────────
   O padrão do Web Awesome é mais espaçado que este painel, que é
   denso por natureza (muita métrica por tela). Aqui os campos são
   calibrados pro mesmo tamanho de rótulo/altura que o .adm-fld já
   usava, pra componente novo e markup antigo conviverem sem
   parecerem de produtos diferentes. */
wa-input::part(label),
wa-select::part(label),
wa-textarea::part(label) {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--m2);
  margin-bottom: 3px;
}

wa-input::part(hint),
wa-select::part(hint),
wa-textarea::part(hint) {
  font-size: 10.5px;
  color: var(--m2);
}

wa-input, wa-select, wa-textarea {
  --wa-form-control-value-font-size: 12.5px;
  min-width: 0; /* deixa encolher dentro do grid em vez de estourar */
}

/* Dentro do grid de formulário, o campo ocupa a célula inteira —
   senão campos que abrangem 2 colunas ficam curtos no meio da linha. */
.adm-grid > wa-input,
.adm-grid > wa-select,
.adm-grid > wa-textarea { width: 100%; }

/* Campo que ocupa a linha inteira do .adm-grid continua ocupando. */
.adm-grid > wa-input.adm-col-2,
.adm-grid > wa-select.adm-col-2,
.adm-grid > wa-textarea.adm-col-2 { grid-column: span 2; }
.adm-grid > wa-input.adm-col-full,
.adm-grid > wa-select.adm-col-full,
.adm-grid > wa-textarea.adm-col-full { grid-column: 1 / -1; }

/* Switch alinhado com a base dos campos vizinhos na mesma linha. */
.adm-grid > .adm-fld > wa-switch { margin-bottom: 4px; }