/* ============================================================
   portal-v2.css — Design tokens + reset global
   Template 4 — Área pública WBC7
   ============================================================ */
@charset "UTF-8";

/* Reset mínimo (não afeta outros templates) */
.wbc-v2 *, .wbc-v2 *::before, .wbc-v2 *::after {
  box-sizing: border-box;
}

/* Custom properties */
:root {
  --blue:     #1a3fa8;
  --blue-dk:  #0d2a7a;
  --gray-mid: #dde2ef;
  --gray-txt: #5a6480;
  --text:     #1a2340;
  --green:    #0e7c3a;
  --radius:   8px;
  --radius-lg:12px;
  /* --brand e --brand-dk sao sobrescritos em runtime pela identidade visual por
     instalacao (GC_IDENTIDADE_VISUAL_TOKEN). Renomear estes tokens faz a cor do
     cliente parar de aparecer sem erro nenhum. Ver
     .github/instructions/identidade-visual.instructions.md */
  --brand:    #2d5f9c;
  --brand-dk: #24507e;
  --teal:     #E46F2C;
  --teal-dk:  #267f6e;
  --teal-tint:#e6f5f2;
  --teal-light:#97d0c5;
  --ink:      #1d2a3a;
  --muted:    #65718a;
  --faint:    #98a3b6;
  --line:     #e4e9f1;
  --dot:      #2d5f9c;
}

/* Base para área v2 */
.wbc-v2 {
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: #f0f2f8;
    min-height: 100vh;
    color: var(--text);
    background-image: none !important;
}

body {
  background-color: #eef1f6 !important;
  background-image: none !important;
}

/* Neutraliza cabeçalho/menu legados quando template 4 está ativo */
.wbc-v2 #cabecalho {
    background-image: none !important;
  min-height: auto !important;
  height: auto !important;
}
.wbc-v2 #cabecalhoConteudo {
  background-image: none !important;
}

/* Utilitários */
.wbc-v2 .clearfloat { clear: both; }
.wbc-v2 .scr-noscroll { scrollbar-width: none; -ms-overflow-style: none; }
.wbc-v2 .scr-noscroll::-webkit-scrollbar { display: none; }
.wbc-v2 .scr-dotbg {
  background-color: #eef1f6;
  background-image: radial-gradient(var(--line) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* Loading / erro genérico */
.wbc-v2 .loading {
  text-align: center;
  padding: 40px;
  color: var(--gray-txt);
  font-size: 15px;
}
.wbc-v2 .error-msg {
  background: #fde8e8;
  border: 0.5px solid #f5b8b8;
  border-radius: var(--radius);
  padding: 12px 16px;
  color: #8b1a1a;
  font-size: 14px;
  margin-bottom: 12px;
}