/* Camada de campo — carregada DEPOIS de tema.css, ANTES de style.css
   ─────────────────────────────────────────────────────────────────────────────
   Unica divergencia do RatApp em relacao ao design system. Tudo o que muda de
   tamanho por causa do uso em campo mora aqui, para o tema.css continuar sendo
   copia byte a byte do da PreventivasApp e do CRM.

   POR QUE: o CRM e ferramenta de mesa para 3 vendedores; o RatApp e usado por
   mecanico com a mao suja, de luva, no sol, em celular barato. A escala do CRM
   (13-14px, controle de ~34px de altura) seria regressao de uso aqui.

   REGRA: sobrescrever COMPONENTE, nunca token. Redefinir --t-sm para 15px faria
   o nome do token mentir entre as duas apps e quebraria o diff de sincronia.

   Alvo de 48px: piso da WCAG 2.5.5 (AAA) e do HIG e 44px; 48 da folga para luva.
   Fonte de 16px nos campos: NAO e divergencia, e o ramo mobile da regra que o
   proprio CRM ja aplica — ui.tsx:49 usa "text-base sm:text-sm" com o comentario
   "text-base no mobile (16px) evita o zoom automatico do iOS ao focar". O RatApp
   e mobile-only, entao usa o ramo mobile em todo lugar. Por isso tambem o
   index.html pode largar o maximum-scale=1.0, que travava o pinch-zoom. */

body { font-size: 15px; }

/* ── CONTROLES ───────────────────────────────────────────────────────────── */

.btn-primario, .btn-perigo {
  font-size: 16px;
  padding: 14px 20px;
  min-height: 48px;
}

.btn-plano {
  font-size: 15px;
  padding: 12px 16px;
  min-height: 48px;
}

.btn-mini {
  font-size: 14px;
  padding: 10px 14px;
  min-height: 44px;
}

.btn-icone {
  width: 44px;
  height: 44px;
  font-size: 17px;
}

/* 16px e o limite abaixo do qual o Safari do iOS da zoom ao focar o campo */
.campo {
  font-size: 16px;
  padding: 12px 14px;
  min-height: 48px;
}

label.rot { font-size: 14px; }

.check {
  font-size: 14px;
  padding: 11px 14px;
  min-height: 44px;
}

/* ── TEXTO ───────────────────────────────────────────────────────────────── */
/* Um degrau acima do CRM em tudo que o mecanico le no sol. O piso de contraste
   continua o do tema (--ink-3, 4,8:1): aqui so o tamanho muda. */

.pill   { font-size: 12px; padding: 4px 11px; }
.status { font-size: 13px; }
.banner { font-size: 15px; }
.vazio  { font-size: 15px; }

/* O spinner do botao acompanha o texto que ficou maior */
.btn-primario[aria-busy="true"]::before,
.btn-perigo[aria-busy="true"]::before,
.btn-plano[aria-busy="true"]::before {
  width: 15px;
  height: 15px;
}