/* ============================================================
   CRM · camada de IDENTIDADE REDE ONE (carregada por ultimo)
   Objetivo: trocar a marca pela Rede One
   e deixar os temas claro/escuro IGUAIS aos da Plataforma One (/plataforma).
   Nada de layout/componente e reescrito aqui: so tokens de cor,
   tipografia e os poucos pontos que tinham cor fixa da marca antiga.
   Tokens copiados de plataforma.css (:root e html[data-theme="light"]).
   ============================================================ */

/* ---------- TEMA CLARO (padrao do CRM) = light da Plataforma One ---------- */
:root{
  --brand:#C80E18;              /* vermelho Rede One */
  --brand-2:#7A000B;            /* vinho (hover / estados fortes) */
  --accent:#C80E18;
  --brand-soft:#fbe7e8;

  /* a identidade One nao tem dourado: o antigo acento vira vinho da marca */
  --gold:#7A000B;
  --gold-soft:#fbe7e8;
  --teal:#0e63c0;

  --ink:#16161a;                /* = --text da plataforma */
  --ink-2:#585866;              /* = --text-soft */
  --ink-3:#9a9aa6;              /* = --text-mute */
  --line:#e2e3e9;               /* = --border */
  --line-soft:#edeef2;
  --bg:#f2f3f6;                 /* = --bg */
  --bg-2:#e9eaee;
  --card:#ffffff;               /* = --surface */
  --surface-2:#f5f6f9;
  --surface-3:#eceef2;

  --ok:#1e9e4a;   --ok-soft:#e8f8ee;
  --warn:#b9770e; --warn-soft:#fdf1e0;
  --risk:#d23a1c; --risk-soft:#fdeae4;
  --info:#0e63c0; --info-soft:#e6effa;

  --shadow:0 1px 2px rgba(20,20,30,.06),0 8px 26px rgba(20,20,30,.08);
  --shadow-lg:0 24px 60px rgba(20,20,30,.16);
  --glow:0 0 0 1px rgba(200,14,24,.25),0 14px 40px rgba(200,14,24,.18);

  --radius:16px; --radius-sm:11px; --radius-lg:22px;

  /* tipografia da identidade: Inter (mesma da Plataforma One).
     --font-num continua Calibri para numeros/KPIs. */
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-title:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- TEMA ESCURO = dark da Plataforma One ---------- */
[data-theme=dark]{
  --brand:#C80E18;
  --brand-2:#7A000B;
  --accent:#ff2a34;
  --brand-soft:rgba(200,14,24,.16);

  --gold:#ff5a63;
  --gold-soft:rgba(200,14,24,.14);
  --teal:#4a9eff;

  --ink:#f2f2f4;                /* = --text */
  --ink-2:#a6a6ae;              /* = --text-soft */
  --ink-3:#6f6f78;              /* = --text-mute */
  --line:#2a2a31;               /* = --border */
  --line-soft:#202027;
  --bg:#0b0b0d;                 /* = --bg */
  --bg-2:#0e0e10;
  --card:#151519;               /* = --surface */
  --surface-2:#1c1c22;
  --surface-3:#232329;

  --ok:#35c46a;   --ok-soft:rgba(53,196,106,.15);
  --warn:#e6a33a; --warn-soft:rgba(230,163,58,.15);
  --risk:#ff5a3c; --risk-soft:rgba(255,90,60,.16);
  --info:#4a9eff; --info-soft:rgba(74,158,255,.15);

  --shadow:0 1px 2px rgba(0,0,0,.4),0 6px 22px rgba(0,0,0,.35);
  --shadow-lg:0 24px 70px rgba(0,0,0,.6);
  --glow:0 0 0 1px rgba(200,14,24,.35),0 12px 40px rgba(200,14,24,.28);
}

/* Tipografia: titulos do CRM eram Playfair (serif da marca antiga).
   Na identidade One tudo e Inter, com peso e tracking fechado. */
.topbar h1,.lc-title,.cli-name,.sb-brand .bt,.card h3,.card-head h3{letter-spacing:-.3px}
.topbar h1{font-weight:700}
.kpi .kv,.kpi .val{letter-spacing:-.6px}

/* ---------- MARCA: logo por tema (branca some no claro) ---------- */
/* regra de marca: claro = logo com pino vermelho + texto grafite,
   escuro = versao branca. Troca so por CSS, sem reload. */
.one-logo{display:block}
.one-logo.on-light{display:block}
.one-logo.on-dark{display:none}
[data-theme=dark] .one-logo.on-light{display:none}
[data-theme=dark] .one-logo.on-dark{display:block}

.sb-brand img{height:34px}
.lc-logo{height:74px}
[data-theme=dark] img.lc-logo{background:none}

/* ---------- pontos que tinham cor fixa da marca antiga ---------- */
/* sidebar: no escuro a nav ativa fica solida (igual .nav-item.active da plataforma) */
[data-theme=dark] .nav-item.active{background:var(--brand);color:#fff}
[data-theme=dark] .seg button.on{background:var(--brand);color:#fff}

/* painel da IA (era dourado) -> tint da marca */
.sb-boss{background:linear-gradient(140deg,#fff5f5,#fbe7e8);border-color:#f2ced1;color:#7A000B}
.sb-boss b{color:var(--brand)}
[data-theme=dark] .sb-boss{background:linear-gradient(140deg,#1c1216,#241214);border-color:#4a1f24;color:var(--ink-2)}
[data-theme=dark] .sb-boss b{color:#ff5a63}
.wa-boss{background:linear-gradient(140deg,#fff5f5,#fbe7e8);border-top-color:#f2ced1}
.wa-boss-h{color:var(--brand)}
.wa-boss-t{color:#7A000B}
[data-theme=dark] .wa-boss{background:linear-gradient(140deg,#1c1216,#241214);border-top-color:#4a1f24}
[data-theme=dark] .wa-boss-h,[data-theme=dark] .wa-boss-t{color:#ff5a63}

/* botao primario: hover vinho da marca */
.btn.primary{background:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-2)}

/* superficies do escuro que o crm.css fixava em cinza-azulado */
[data-theme=dark] .field input,[data-theme=dark] .modal-body input,[data-theme=dark] .modal-body select,
[data-theme=dark] .modal-body textarea,[data-theme=dark] .tb-search,[data-theme=dark] .wa-search input,
[data-theme=dark] .wa-compose input{background:var(--bg-2);border-color:var(--line)}
[data-theme=dark] .tbl tr:hover td{background:var(--surface-2)}
[data-theme=dark] .wa-b.in{background:var(--surface-2);color:var(--ink)}
[data-theme=dark] .wa-thread{background:#08080a}

/* cabecalho de documento do RH (era bordo) */
.rh-doc-head{border-bottom-color:var(--brand)}
.rh-doc-logo{color:var(--brand)}

/* ---------- marca na sidebar: logo Rede One + rotulo do produto ---------- */
.sb-brand{flex-direction:column;align-items:flex-start;gap:4px;padding:2px 8px 12px}
.sb-brand img{height:auto;width:104px}
.sb-brand>div{display:flex;align-items:baseline;gap:6px}
.sb-brand .bt{font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:var(--ink-3)}
.sb-brand .bs{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--brand)}

/* titulo do login: grafite da identidade (era azul-ardosia da marca antiga) */
.lc-title{color:var(--ink)}