/*
 * GesSis – tema DS Seguros (o design da página de Clientes, para toda a app).
 *
 * Carregado por gessis_nav() / gessis_tema() DEPOIS do <style> de cada página,
 * por isso ganha em caso de empate. Funciona sobretudo por variáveis: as
 * páginas foram escritas com as mesmas (--bg, --card, --accent, --hdr…), e
 * trocar-lhes o valor aqui muda a app inteira sem mexer em cada página.
 *
 * Paleta DS Seguros:
 *   navy #1B3A5C (principal) · terracota #C45A2C (alertas)
 *   dourado #B58946 (destaques, cliente valor) · areia #F5EFE4 (fundo)
 * Letra: Lora nos títulos e números grandes, Poppins no resto.
 *
 * Os documentos em A4 (Âmbito, Check List, relatório) NÃO carregam este
 * ficheiro — reproduzem impressos e têm de sair como no papel.
 */

:root{
  /* paleta DS */
  --ds-navy:#1B3A5C; --ds-navy-2:#27507A; --ds-navy-soft:#E1E8F0;
  --ds-terra:#C45A2C; --ds-terra-soft:#F7E3D8;
  --ds-gold:#B58946; --ds-gold-soft:#F3E8D3;
  --ds-good:#2F7A55; --ds-good-soft:#DDEFE5;
  --ds-bg:#F5EFE4; --ds-surface:#FFFDF9; --ds-ink:#1D2733; --ds-muted:#6E6A62;
  --ds-line:#E6DDCE; --ds-hover:#FAF5EC; --ds-head:#FCF9F3;

  /* base comum das páginas (--hdr é a cor dos títulos e números) */
  --bg:var(--ds-bg); --card:var(--ds-surface); --hdr:var(--ds-navy); --accent:var(--ds-navy);
  --a2:var(--ds-gold); --a3:var(--ds-good); --muted:var(--ds-muted); --neg:var(--ds-terra);
  --r:12px; --sh:none;

  /* comissões e renovações */
  --ink:var(--ds-ink); --line:var(--ds-line); --navy:var(--ds-navy); --navy-ink:#fff; --navy-muted:#B9C7D6;
  --blue:var(--ds-navy); --blue-soft:var(--ds-navy-soft);
  --red:var(--ds-terra); --red-soft:var(--ds-terra-soft);
  --orange:var(--ds-gold); --orange-soft:var(--ds-gold-soft);
  --green:var(--ds-good); --green-soft:var(--ds-good-soft);

  /* clientes (já tinha a paleta; ficam iguais) */
  --surface:var(--ds-surface); --hover:var(--ds-hover); --terra:var(--ds-terra); --gold:var(--ds-gold); --good:var(--ds-good);

  /* painel pessoal e manual */
  --areia:var(--ds-bg); --areia-esc:var(--ds-line); --dourado:var(--ds-gold); --terracota:var(--ds-terra);
  --navy-esc:var(--ds-navy); --verde:var(--ds-good); --texto:var(--ds-ink); --linha:var(--ds-line);
}
/* Comissões tinha modo escuro próprio; o design DS é claro em toda a app. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:var(--ds-bg); --card:var(--ds-surface); --ink:var(--ds-ink); --muted:var(--ds-muted); --line:var(--ds-line);
    --navy:var(--ds-navy); --navy-ink:#fff; --navy-muted:#B9C7D6; --blue-soft:var(--ds-navy-soft); --green-soft:var(--ds-good-soft);
  }
}

/* ── Base ───────────────────────────────────────────────────────────────── */
body{background:var(--ds-bg);color:var(--ds-ink);font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;}
a{color:var(--ds-navy);}

/* A barra do menu fica como na página de Clientes: escura, letra do sistema. */
.hdr{background:#0d1b2a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.hdr h1,.hdr h1 a{color:#fff;font-family:inherit;}

/* ── Títulos de página ──────────────────────────────────────────────────── */
.intro h2,.topo h2,h2.tit,h1.titulo,.page-title,.capa h1,main h2,main h3,
.card-title,.sec-title{font-family:"Lora",Georgia,serif;color:var(--ds-navy);}
.intro h2,.topo h2,h2.tit,h1.titulo{font-size:26px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.2;}
.intro .sub,.topo .sub{color:var(--ds-muted);}

/* ── Cartões e painéis ──────────────────────────────────────────────────── */
.card,.kpi,.stat,.filtros,.filters,.bloco,.tbl,.panel,details.det,.box,.stats > div,.stat-card{
  background:var(--ds-surface);border:1px solid var(--ds-line);box-shadow:none;}
.card,.bloco,.tbl,.panel,details.det{border-radius:14px;}
.kpi,.stat,.stat-card{border-radius:12px;}
/* os números grandes em Lora, como nos indicadores dos Clientes */
.kpi .n,.kpi .v,.stat .n,.stat .v,.stat-card .n,.card .v,.big-num{
  font-family:"Lora",Georgia,serif;color:var(--ds-navy);font-variant-numeric:tabular-nums;letter-spacing:0;}
/* cartão escuro principal (comissões, renovações, painel) */
.net,.kpi.risco,.kpi.dest,.card.escuro{background:var(--ds-navy) !important;border-color:var(--ds-navy);}
.net .v,.kpi.risco .v,.kpi.dest .n{color:#fff;}
.pill{background:var(--ds-gold-soft);color:#8A6425;}
.scope{background:var(--ds-navy-soft);color:var(--ds-navy);}
.net .scope{background:rgba(255,255,255,.16);color:#fff;}

/* ── Tabelas ────────────────────────────────────────────────────────────── */
th{background:var(--ds-head);color:var(--ds-muted);border-bottom:1px solid var(--ds-line);}
td{border-bottom-color:var(--ds-line);}
tr:hover td{background:var(--ds-hover);}
tfoot td{border-top-color:var(--ds-navy);}
tr.sel td,tr.ativo td{background:var(--ds-navy-soft);}
td,th{font-variant-numeric:tabular-nums;}
/* as tabelas de comissões usavam letra monoespaçada; fica Poppins, com algarismos alinhados */
.tabela td,#tbl-resumo td,.tbl td,.prem,.var,.pct,.antes{font-family:"Poppins",system-ui,sans-serif;}

/* ── Botões, chips, campos ──────────────────────────────────────────────── */
.btn,.btn-sm,.btn-primary,button.primary{border-radius:9px;font-family:inherit;}
.btn-sm,.btn-primary,.btn.pri,.btn.primary{background:var(--ds-navy);border-color:var(--ds-navy);color:#fff;}
.btn-sm:hover,.btn-primary:hover{background:var(--ds-navy-2);}
.chip.on,.chip[aria-pressed="true"]{background:var(--ds-navy);border-color:var(--ds-navy);color:#fff;}
input[type=text],input[type=search],input[type=email],input[type=number],input[type=date],
input[type=password],input[type=tel],input[type=url],input[type=datetime-local],select,textarea{
  border-color:var(--ds-line);border-radius:9px;font-family:inherit;}
input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.chip:focus-visible{
  outline:2px solid var(--ds-gold);outline-offset:2px;}

/* ── Etiquetas e avisos ─────────────────────────────────────────────────── */
.badge-gold,.b-gold{background:var(--ds-gold-soft);color:#8A6425;}
.flash.success,.flash.ok{background:var(--ds-good-soft);color:var(--ds-good);border-color:#BFDCCB;}
.flash.error,.erro{background:var(--ds-terra-soft);color:var(--ds-terra);border-color:#EBC3AE;}

/* ── Impressão: papel branco, como antes ────────────────────────────────── */
@media print{
  body{background:#fff !important;}
  .card,.kpi,.stat,.bloco,.tbl,.panel{border-color:#ccc;}
}

/* ── Botão de ligar (tel_link) ──────────────────────────────────────────── */
.tel-link{color:var(--ds-navy);}
.tel-link:hover{background:var(--ds-hover);}
.tel-link:active{background:var(--ds-navy-soft);}

/* ── Acertos pontuais ───────────────────────────────────────────────────── */
/* títulos de página escritos como <h2> solto (ex.: carregar renovações) */
.main > h2:first-child{font-family:"Lora",Georgia,serif;color:var(--ds-navy);font-size:26px;text-transform:none;letter-spacing:0;}
/* números secundários que vinham em letra monoespaçada */
.ramo .pct,.net .b span:last-child,.apol .prem,.apol .var,.apol .antes,.score{font-family:"Poppins",system-ui,sans-serif;}
.score{font-weight:600;}
/* faixa do croqui: navy DS em vez do degradê azul */
.banner{background:var(--ds-navy) !important;box-shadow:none;}