/* ============================================================================
   NIA — Sistema de identidade visual das SAÍDAS do LEXiA (fonte única).
   Aplicar via classes (.nia-*). Tudo ESCOPADO: nada global que afete o app.
   Toda saída nova (relatório, dossiê, futuros PDFs) deve usar estes componentes.
   Ref: BRAND.md (Núcleo de Inteligência Aplicada).
   ============================================================================ */
:root{
  --nia-primary:#044A5A;   /* teal escuro — primária */
  --nia-accent:#00A3B2;    /* ciano — acento/links/realces */
  --nia-teal-med:#50818C;  /* teal médio — apoio */
  --nia-white:#FFFFFF;
  --nia-gray-sub:#595959;  /* subtítulo/secundário */
  --nia-gray-line:#BFBFBF; /* borda fina */
  --nia-gray-light:#D9D9D9;/* zebra de tabela */
  --nia-gray-bg:#E8E8E8;
  --nia-gray-soft:#F2F2F2;
  --nia-gray-quote:#404040;
  --nia-text:#272727;
  --nia-font:'Montserrat','Segoe UI',system-ui,sans-serif;
  --nia-pad:10px 14px;
}

/* ---------- Banner institucional (faixa teal com logo NIA) ---------- */
.nia-banner{width:100%;background:var(--nia-primary);color:#fff;border-radius:0;
  padding:13px 18px;display:flex;align-items:center;gap:13px;box-sizing:border-box}
.nia-banner .nia-logo-img{height:26px;width:auto;display:block;flex-shrink:0}
.nia-banner .nia-sig{font-family:var(--nia-font);font-weight:300;font-size:11.5px;
  letter-spacing:.04em;line-height:1.3;border-left:1px solid rgba(255,255,255,.32);padding-left:13px}
.nia-banner .nia-sig b{font-weight:700;letter-spacing:.02em}

/* ---------- Card teal (destaque / indicador) — flat, canto reto ---------- */
.nia-card{width:100%;background:var(--nia-primary);color:#fff;border:0;border-radius:0;
  padding:var(--nia-pad);display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;box-sizing:border-box;min-height:58px}
.nia-card *{color:#fff}
.nia-card .v{font-size:21px;font-weight:800;line-height:1.05}
.nia-card .k{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.92;margin-top:5px}

/* ---------- Card com borda fina (só topo/base) ---------- */
.nia-card-bordered{width:100%;background:#fff;color:var(--nia-text);border:0;
  border-top:1px solid var(--nia-gray-line);border-bottom:1px solid var(--nia-gray-line);
  border-radius:0;padding:var(--nia-pad);box-sizing:border-box}

/* ---------- Tabela de dados (header teal + zebra, sem bordas externas) ---------- */
.nia-table{width:100%;border-collapse:collapse;border:0}
.nia-table th{background:var(--nia-primary);color:#fff;font-weight:700;text-align:left;
  padding:9px 14px;border:0;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.nia-table td{padding:9px 14px;border:0;vertical-align:top;font-size:12.5px;line-height:1.4}
.nia-table tr:nth-child(even) td{background:var(--nia-gray-light)}
.nia-table tr:nth-child(odd) td{background:#fff}

/* ---------- Grades de cards ---------- */
.nia-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nia-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

/* ---------- Selo de confiança (NIA) ---------- */
.nia-conf{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:2px 8px;border:1.5px solid var(--nia-gray-line);
  color:var(--nia-gray-sub);vertical-align:middle}
.nia-conf.alta{border-color:var(--nia-primary);color:var(--nia-primary)}
.nia-conf.media{border-color:var(--nia-teal-med);color:var(--nia-teal-med)}
.nia-conf.baixa{border-color:var(--nia-gray-line);color:var(--nia-gray-sub)}

/* ============================================================================
   DOCUMENTO institucional — escopo do RELATÓRIO (.nia-doc).
   Tipografia NIA aplicada SÓ aqui dentro (não vaza pro app).
   ============================================================================ */
.nia-doc{font-family:var(--nia-font);color:var(--nia-text);line-height:1.45}
.nia-doc h1{font-weight:900;font-size:22px;color:var(--nia-primary);letter-spacing:-.5px;margin:16px 0 3px}
.nia-doc .nia-subtitle{font-weight:300;font-size:12.5px;color:var(--nia-gray-sub);letter-spacing:.5px;margin:0 0 16px}
.nia-doc h2{font-weight:700;font-size:12px;color:var(--nia-primary);letter-spacing:.06em;
  text-transform:uppercase;margin:20px 0 9px;padding-bottom:5px;border-bottom:2px solid var(--nia-primary)}
.nia-doc p{margin:0 0 8px;font-size:13px}
.nia-doc ul{margin:4px 0 8px;padding-left:18px;font-size:13px}
.nia-doc li{margin-bottom:5px}
.nia-doc blockquote{color:var(--nia-gray-quote);font-style:italic;
  border-left:3px solid var(--nia-accent);padding-left:14px;margin:10px 0;font-size:13px}
.nia-doc a{color:var(--nia-accent);text-decoration:none;border-bottom:1px solid rgba(0,163,178,.4)}
.nia-doc .nia-fonte{font-size:10.5px;color:var(--nia-gray-sub);line-height:1.5;
  border-top:1px solid var(--nia-gray-line);margin-top:20px;padding-top:11px}
.nia-doc .nia-hip + .nia-hip{margin-top:9px;padding-top:9px;border-top:1px solid var(--nia-gray-line)}
.nia-doc .nia-hip b{color:var(--nia-primary)}
.nia-doc .nia-fund{font-size:11px;color:var(--nia-teal-med);font-weight:500;margin-top:3px}

/* ============================================================================
   DOSSIÊ AO VIVO (painel das 9 camadas) — linguagem NIA, leve e interativa.
   Escopado a #dossieCamadas: cantos retos + flat, headers teal, acento ciano.
   ============================================================================ */
#dossieCamadas .panel{border-radius:0;box-shadow:none;border:1px solid var(--nia-gray-light)}
#dossieCamadas .panel.destaque{border-radius:0;box-shadow:none;border:1px solid var(--nia-primary)}
#dossieCamadas .panel h3{color:var(--nia-primary);letter-spacing:.06em}
#dossieCamadas .tese-titulo{color:var(--nia-text)}
#dossieCamadas .tese-fund{color:var(--nia-teal-med)}
#dossieCamadas .doc-fonte{color:var(--nia-teal-med)}
#dossieCamadas .conf.alta{border-color:var(--nia-primary);color:var(--nia-primary)}
#dossieCamadas .conf.media{border-color:var(--nia-teal-med);color:var(--nia-teal-med)}
/* barra de maturidade no topo do dossiê: cantos retos p/ casar com o resto */
.dossie-head .bar,.dossie-head #bar{border-radius:0}