/* =====================================================================================================================
   RADAR — tokens do design "C2 Elegante" (18/10/2026, aprovado pelo Eri). O ÚNICO lugar com cores, fontes, tamanhos e raios.
   As telas usam só var(--…). Contraste conferido (WCAG): todo texto ≥ 4,5:1 nos dois modos; o dourado do dia (#B8862B) dá
   2,95:1 no fundo — por isso é só para barras, pontos e detalhes; texto dourado usa --c-ouro-texto (5,97:1).
   Fontes no próprio servidor (licença SIL OFL): Fraunces (títulos) e Manrope (todo o resto; números sempre em Manrope).
   ===================================================================================================================== */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("/static/radar/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("/static/radar/fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/static/radar/fonts/fraunces-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/static/radar/fonts/fraunces-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* ---- tipografia ---- */
  --f-titulo:"Fraunces",Georgia,"Times New Roman",serif;
  --f-texto:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-pagina:32px; --t-secao:19px; --t-valor:29px; --t-texto:14.5px; --t-sec:13px; --t-min:12px; --t-eixo:11.5px;
  /* ---- formas e espaços ---- */
  --r-cartao:16px; --r-botao:10px; --r-pilula:99px; --espaco:16px; --pad-cartao:20px; --pad-pagina:30px; --toque:40px;
  /* ---- MODO DIA (padrão) ---- */
  --c-fundo:#F7F4EE; --c-cartao:#FFFDF9; --c-interno:#F7F4EE; --c-borda:#E7E0D3; --c-borda-forte:#E2D9C8;
  --c-texto:#1A2230; --c-texto-sec:#626B7A;
  --c-menu:#14243A; --c-menu-texto:#D5DCE6; --c-menu-sec:#A9B4C4; --c-menu-ativo:#F7F4EE; --c-menu-ativo-texto:#14243A; --c-menu-ponto:#6F7F96; --c-menu-linha:#3A4E6B; --c-menu-titulo:#F7F4EE;
  --c-principal:#1E3A5F; --c-principal-forte:#14243A; --c-sobre-principal:#FFFDF9; --c-principal-suave:#E6ECF3;
  --c-ouro:#B8862B; --c-ouro-suave:#F1E4C6; --c-ouro-texto:#7A5716;
  --c-pos:#2F7D5B; --c-pos-suave:#E1F0E8; --c-neg:#B4442F; --c-neg-suave:#F8E3DE; --c-aviso:#7A5716; --c-aviso-suave:#F1E4C6;
  --c-barra:#C9D3E0; --c-barra-destaque:#B8862B; --c-balao:#14243A; --c-sobre-balao:#F7F4EE;
  --c-foco:#B8862B; --c-sombra:0 1px 2px rgba(20,36,58,.06); --c-sombra-alta:0 12px 28px rgba(20,36,58,.16); --c-capa-0:#14243A; --c-capa-1:#1E3A5F; --c-capa-2:#7A5716; --c-capa-3:#2F7D5B; --c-sobre-capa:#F7F4EE; --c-veu:linear-gradient(90deg,rgba(10,18,32,.86),rgba(10,18,32,.55) 55%,rgba(10,18,32,.15)); --c-veu-baixo:linear-gradient(180deg,rgba(10,18,32,.05) 20%,rgba(10,18,32,.55) 55%,rgba(10,18,32,.9));
  color-scheme:light;
}
/* ---- MODO NOITE: a mesma identidade em azul-marinho escuro (segue o aparelho até a pessoa escolher) ---- */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --c-fundo:#0E1726; --c-cartao:#152238; --c-interno:#1B2B44; --c-borda:#26385A; --c-borda-forte:#2E4268;
  --c-texto:#EEF1F6; --c-texto-sec:#A3B0C2;
  --c-menu:#0A1220; --c-menu-texto:#D5DCE6; --c-menu-sec:#A9B4C4; --c-menu-ativo:#1B2B44; --c-menu-ativo-texto:#EEF1F6; --c-menu-ponto:#5A6B85; --c-menu-linha:#33476A; --c-menu-titulo:#EEF1F6;
  --c-principal:#8FB3E0; --c-principal-forte:#B5CDEC; --c-sobre-principal:#0E1726; --c-principal-suave:#1E3352;
  --c-ouro:#D4A54A; --c-ouro-suave:#3A2E14; --c-ouro-texto:#E8C77A;
  --c-pos:#5CC08E; --c-pos-suave:#16352A; --c-neg:#E7826F; --c-neg-suave:#3D1F1A; --c-aviso:#E8C77A; --c-aviso-suave:#3A2E14;
  --c-barra:#2A3B57; --c-barra-destaque:#D4A54A; --c-balao:#EEF1F6; --c-sobre-balao:#0E1726;
  --c-foco:#D4A54A; --c-sombra:none; --c-sombra-alta:0 12px 28px rgba(0,0,0,.45); --c-capa-0:#0A1220; --c-capa-1:#1E3A63; --c-capa-2:#5C4419; --c-capa-3:#1D4A37; --c-sobre-capa:#EEF1F6; --c-veu:linear-gradient(90deg,rgba(5,10,20,.9),rgba(5,10,20,.6) 55%,rgba(5,10,20,.2)); --c-veu-baixo:linear-gradient(180deg,rgba(5,10,20,.1) 20%,rgba(5,10,20,.6) 55%,rgba(5,10,20,.92));
  color-scheme:dark;
}}
:root[data-theme=dark]{
  --c-fundo:#0E1726; --c-cartao:#152238; --c-interno:#1B2B44; --c-borda:#26385A; --c-borda-forte:#2E4268;
  --c-texto:#EEF1F6; --c-texto-sec:#A3B0C2;
  --c-menu:#0A1220; --c-menu-texto:#D5DCE6; --c-menu-sec:#A9B4C4; --c-menu-ativo:#1B2B44; --c-menu-ativo-texto:#EEF1F6; --c-menu-ponto:#5A6B85; --c-menu-linha:#33476A; --c-menu-titulo:#EEF1F6;
  --c-principal:#8FB3E0; --c-principal-forte:#B5CDEC; --c-sobre-principal:#0E1726; --c-principal-suave:#1E3352;
  --c-ouro:#D4A54A; --c-ouro-suave:#3A2E14; --c-ouro-texto:#E8C77A;
  --c-pos:#5CC08E; --c-pos-suave:#16352A; --c-neg:#E7826F; --c-neg-suave:#3D1F1A; --c-aviso:#E8C77A; --c-aviso-suave:#3A2E14;
  --c-barra:#2A3B57; --c-barra-destaque:#D4A54A; --c-balao:#EEF1F6; --c-sobre-balao:#0E1726;
  --c-foco:#D4A54A; --c-sombra:none; --c-sombra-alta:0 12px 28px rgba(0,0,0,.45); --c-capa-0:#0A1220; --c-capa-1:#1E3A63; --c-capa-2:#5C4419; --c-capa-3:#1D4A37; --c-sobre-capa:#EEF1F6; --c-veu:linear-gradient(90deg,rgba(5,10,20,.9),rgba(5,10,20,.6) 55%,rgba(5,10,20,.2)); --c-veu-baixo:linear-gradient(180deg,rgba(5,10,20,.1) 20%,rgba(5,10,20,.6) 55%,rgba(5,10,20,.92));
  color-scheme:dark;
}
/* ---- os nomes antigos das telas apontam para os tokens novos (toda tela muda junto, nos dois modos) ---- */
:root{
  --bg:var(--c-fundo); --card:var(--c-cartao); --ink:var(--c-texto); --muted:var(--c-texto-sec); --line:var(--c-borda);
  --acc:var(--c-principal); --acc2:var(--c-principal-suave); --ok:var(--c-pos); --warn:var(--c-aviso); --bad:var(--c-neg);
  --mono:var(--c-interno); --monoink:var(--c-texto);
}
@media (max-width:760px){:root{--t-pagina:24px; --t-valor:24px; --pad-pagina:16px; --pad-cartao:18px; --toque:44px}}

/* =====================================================================================================================
   COR E VIDA (04/11/2026, Eri: "está faltando paleta de cores... falta vida; tudo idêntico, tudo parecido").
   (1) Uma cor por ÁREA do menu: o quadradinho do ícone no menu (sempre sobre o azul-marinho, com o ícone branco) e, na
       página, a linha no alto dos cartões e o ícone do título. --ar-*: dia forte / noite clara (≥ 3:1 no cartão).
   (2) Uma cor por EMPRESA (12, na ordem do cadastro, sem repetir na mesma cidade; cores_empresa.py): a faixa do lado do
       cartão em Empresas, a bolinha ao lado do nome, a faixa "Você está em…" e o topo do menu dentro da loja.
       --emp-N: a cor da linha e da bolinha (dia forte / noite clara); --emp-N-fundo: o fundo da faixa, sempre com texto
       branco (≥ 4,5:1 nos dois modos). O nome da empresa sempre escrito: a cor diferencia, o nome identifica.
   ===================================================================================================================== */
:root{
  --c-sobre-cor:#FFFFFF;
  --chip-inicio:#B8862B; --chip-vendas:#2F5FB3; --chip-estoque:#B4532A; --chip-dinheiro:#2E7D4F; --chip-clientes:#6B4BA3;
  --chip-equipe:#1F6F8B; --chip-academy:#8E3550; --chip-loja:#5A6578; --chip-selo:#B8862B; --chip-diagnostico:#1F7A6E;
  --chip-conteudo:#C0563F; --chip-parceria:#C26A1B; --chip-empresas:#2F5FB3;
  --ar-inicio:#B8862B; --ar-vendas:#2F5FB3; --ar-estoque:#B4532A; --ar-dinheiro:#2E7D4F; --ar-clientes:#6B4BA3; --ar-equipe:#1F6F8B;
  --ar-academy:#8E3550; --ar-loja:#5A6578; --ar-selo:#B8862B; --ar-diagnostico:#1F7A6E; --ar-conteudo:#C0563F; --ar-parceria:#C26A1B;
  --ar-empresas:#2F5FB3;
  --emp-1:#1F6F8B; --emp-2:#8E3550; --emp-3:#2E7D4F; --emp-4:#B4532A; --emp-5:#6B4BA3; --emp-6:#2F5FB3;
  --emp-7:#8A6A12; --emp-8:#4A5568; --emp-9:#B03A6E; --emp-10:#1F7A6E; --emp-11:#A0522D; --emp-12:#3E5C9A;
  --emp-1-fundo:#1F6F8B; --emp-2-fundo:#8E3550; --emp-3-fundo:#2E7D4F; --emp-4-fundo:#A84C26; --emp-5-fundo:#6B4BA3; --emp-6-fundo:#2F5FB3;
  --emp-7-fundo:#7A5E10; --emp-8-fundo:#4A5568; --emp-9-fundo:#A53668; --emp-10-fundo:#1C6F64; --emp-11-fundo:#96502C; --emp-12-fundo:#3E5C9A;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --ar-inicio:#D4A54A; --ar-vendas:#7FA6EA; --ar-estoque:#E8895F; --ar-dinheiro:#5CC08E; --ar-clientes:#A98BE0; --ar-equipe:#5FB4CF;
  --ar-academy:#E07A9A; --ar-loja:#A7B1C2; --ar-selo:#D4A54A; --ar-diagnostico:#5FC2B2; --ar-conteudo:#EE8E78; --ar-parceria:#F0A35E;
  --ar-empresas:#7FA6EA;
  --emp-1:#5FB4CF; --emp-2:#E07A9A; --emp-3:#6CC48F; --emp-4:#E8895F; --emp-5:#A98BE0; --emp-6:#7FA6EA;
  --emp-7:#D9B44A; --emp-8:#A7B1C2; --emp-9:#E77FAE; --emp-10:#5FC2B2; --emp-11:#E09A6E; --emp-12:#8FA6DB;
}}
:root[data-theme=dark]{
  --ar-inicio:#D4A54A; --ar-vendas:#7FA6EA; --ar-estoque:#E8895F; --ar-dinheiro:#5CC08E; --ar-clientes:#A98BE0; --ar-equipe:#5FB4CF;
  --ar-academy:#E07A9A; --ar-loja:#A7B1C2; --ar-selo:#D4A54A; --ar-diagnostico:#5FC2B2; --ar-conteudo:#EE8E78; --ar-parceria:#F0A35E;
  --ar-empresas:#7FA6EA;
  --emp-1:#5FB4CF; --emp-2:#E07A9A; --emp-3:#6CC48F; --emp-4:#E8895F; --emp-5:#A98BE0; --emp-6:#7FA6EA;
  --emp-7:#D9B44A; --emp-8:#A7B1C2; --emp-9:#E77FAE; --emp-10:#5FC2B2; --emp-11:#E09A6E; --emp-12:#8FA6DB;
}
/* a área de cada botão do menu e de cada página ("ci-" = as áreas do Radar ADM) -> --chip (menu) e --ar (página) */
[data-area=inicio]{--chip:var(--chip-inicio);--ar:var(--ar-inicio)} [data-area=vendas]{--chip:var(--chip-vendas);--ar:var(--ar-vendas)}
[data-area=estoque]{--chip:var(--chip-estoque);--ar:var(--ar-estoque)} [data-area=dinheiro],[data-area=ci-dinheiro]{--chip:var(--chip-dinheiro);--ar:var(--ar-dinheiro)}
[data-area=clientes]{--chip:var(--chip-clientes);--ar:var(--ar-clientes)} [data-area=equipe]{--chip:var(--chip-equipe);--ar:var(--ar-equipe)}
[data-area=academy],[data-area=ci-academy]{--chip:var(--chip-academy);--ar:var(--ar-academy)} [data-area=loja]{--chip:var(--chip-loja);--ar:var(--ar-loja)}
[data-area=ci-empresas]{--chip:var(--chip-empresas);--ar:var(--ar-empresas)} [data-area=ci-selo]{--chip:var(--chip-selo);--ar:var(--ar-selo)}
[data-area=ci-diagnostico]{--chip:var(--chip-diagnostico);--ar:var(--ar-diagnostico)} [data-area=ci-conteudo]{--chip:var(--chip-conteudo);--ar:var(--ar-conteudo)}
[data-area=ci-parceria]{--chip:var(--chip-parceria);--ar:var(--ar-parceria)}
[data-emp="1"]{--emp:var(--emp-1);--emp-fundo:var(--emp-1-fundo)} [data-emp="2"]{--emp:var(--emp-2);--emp-fundo:var(--emp-2-fundo)}
[data-emp="3"]{--emp:var(--emp-3);--emp-fundo:var(--emp-3-fundo)} [data-emp="4"]{--emp:var(--emp-4);--emp-fundo:var(--emp-4-fundo)}
[data-emp="5"]{--emp:var(--emp-5);--emp-fundo:var(--emp-5-fundo)} [data-emp="6"]{--emp:var(--emp-6);--emp-fundo:var(--emp-6-fundo)}
[data-emp="7"]{--emp:var(--emp-7);--emp-fundo:var(--emp-7-fundo)} [data-emp="8"]{--emp:var(--emp-8);--emp-fundo:var(--emp-8-fundo)}
[data-emp="9"]{--emp:var(--emp-9);--emp-fundo:var(--emp-9-fundo)} [data-emp="10"]{--emp:var(--emp-10);--emp-fundo:var(--emp-10-fundo)}
[data-emp="11"]{--emp:var(--emp-11);--emp-fundo:var(--emp-11-fundo)} [data-emp="12"]{--emp:var(--emp-12);--emp-fundo:var(--emp-12-fundo)}