/* ════════════════════════════════════════════════════════════════════════════
   N.A.S.C.E.R. · cara nova (14/10/2026), a mesma linguagem do MENTE e da FORJA.

   Fábrica de tintas, não startup: grafite quente, Amarelo Sinal RAL 1003 para o
   que está ativo ou é a ação principal, Barlow no texto, Barlow Condensed em
   caixa alta nos rótulos (como etiqueta de lata) e IBM Plex Mono só em código
   e número. Os tokens de :root vivem no próprio cadastro.html; aqui fica a
   camada de componentes. Voltar ao tema antigo: restaurar o cadastro.html do
   backup .bak-20261014-design (fora da pasta pública).
   ════════════════════════════════════════════════════════════════════════════ */

body { font-size: 14px; }

/* rótulos de lata */
.topbar-title {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 700;
  font-size: 18px; letter-spacing: .14em; color: var(--fg);
}
.topbar-sub { font-family: 'Barlow', sans-serif; font-size: 11px; letter-spacing: .02em; }
.tab {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-size: 15px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
}
.tab.active { color: var(--fg); border-bottom: 2px solid var(--accent); }
.form-group label, .preview-section h3, .data-table th, .preview-table th, .badge {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif; letter-spacing: .09em;
}
.form-group label { font-size: 12px; font-weight: 600; }
.panel h3, .modal h3 {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif !important;
  font-size: 16px !important; font-weight: 700; letter-spacing: .1em !important;
  text-transform: uppercase; color: var(--fg) !important;
}
.btn {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em; font-size: 14px;
}
.btn-primary { background: var(--accent); color: #1a1400; }
.btn-primary:hover { background: #ffc933; }

/* código e número: o único lugar com fonte de máquina */
.next-code-value, .next-code-prefix, .data-table .code-cell, .preview-table td,
.audit-entry-date, .audit-entry pre, .td-input {
  font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
}
.next-code-value { color: var(--accent); letter-spacing: .02em; }
.data-table td, .preview-table td { font-variant-numeric: tabular-nums; }

/* superfícies: uma chapa só, sem sombra de cartão */
.card { background: var(--bg-surface1); border-color: var(--border); box-shadow: none; }
.form-group input, .form-group select, .form-group textarea, .search-bar input, .td-input {
  background: var(--bg-base); border-color: var(--border); color: var(--fg);
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus,
.search-bar input:focus, .td-input:focus {
  border-color: var(--accent); outline: none; box-shadow: 0 0 0 2px rgba(245,180,0,.18);
}
.emb-card.selected, .toggle-opt.active { background: rgba(245,180,0,.08); border-color: var(--accent); }
.data-table tr:hover td { background: rgba(245,180,0,.04); }

/* sucesso é verde, não amarelo: amarelo é destaque */
.alert-success { background: rgba(76,195,138,.08); border-color: rgba(76,195,138,.35); color: #4cc38a; }
.badge-green   { background: rgba(76,195,138,.08); border-color: rgba(76,195,138,.35); color: #4cc38a; }
.badge-yellow  { background: rgba(245,180,0,.08);  border-color: rgba(245,180,0,.35);  color: #f5b400; }
.alert-info, .badge-blue { color: #6f9fe6; }

/* login */
#loginScreen h1 { font-family: 'Barlow Condensed', 'Barlow', sans-serif !important; letter-spacing: .16em !important; }
#loginScreen button { font-family: 'Barlow Condensed', 'Barlow', sans-serif !important; text-transform: uppercase; letter-spacing: .1em !important; border-radius: 6px !important; }
#loginScreen button:hover:not(:disabled) { box-shadow: none !important; }