/* Identidade visual da Escola Exponencial, aplicada a todo o ExpoNós (CRM e painel).
   Paleta oficial: azul #005796 · azul claro #C4D9D5 · verde limão #C4DB67 · laranja #FD5F32 · creme #F9F5E4 · amarelo #FFBD00.
   Fonte: Montserrat. Logo oficial: /marca/logo-vertical.png (bucket público "marca"), sempre sobre fundo branco ou creme.
   Carregado depois de app.css / estilos do painel e de nav.css, para valer sobre eles. */
:root{
  --ex-azul:#005796; --ex-azul-claro:#C4D9D5; --ex-limao:#C4DB67; --ex-laranja:#FD5F32; --ex-creme:#F9F5E4; --ex-amarelo:#FFBD00;
  --ex-texto:#14324A;
  --f-d:"Montserrat",Arial,sans-serif; --f-b:"Montserrat",Arial,sans-serif;
  --f-display:"Montserrat",Arial,sans-serif; --f-body:"Montserrat",Arial,sans-serif;
}
:root:not([data-theme="dark"]){
  --bg:#F9F5E4; --surface:#FFFFFF; --ink:#14324A; --ink-2:#3E5566; --ink-3:#6B7C88; --line:#E7E1CD;
  --accent:#005796; --accent-ink:#FFFFFF; --accent-soft:#E2EDEB;
  --good:#4D7A12; --warn:#B38300; --crit:#E04A1B; --info:#005796;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1A24; --surface:#152431; --ink:#EEF2F4; --ink-2:#B9C6CF; --ink-3:#8796A1; --line:#26394A;
  --accent:#7FB8E2; --accent-ink:#0E1A24; --accent-soft:#1B3347;
  --good:#C4DB67; --warn:#FFBD00; --crit:#FD7A54; --info:#7FB8E2; color-scheme:dark}}

/* títulos em azul, peso 600–700 */
h1,h2,h3{font-weight:700;letter-spacing:0}
:where(:root:not([data-theme="dark"])) :where(h1,h2){color:var(--ex-azul)}

/* cabeçalho das telas: fundo azul, texto branco, faixa de assinatura com as quatro cores */
.pbar{background:var(--ex-azul)!important;border-bottom:0!important;color:#fff}
.pbar::after{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--ex-azul) 0 25%,var(--ex-amarelo) 25% 50%,var(--ex-laranja) 50% 75%,var(--ex-azul-claro) 75% 100%)}
.pbar h1,.pbar .pbar-t{color:#fff!important}
.pbar .muted,.pbar .small.muted{color:rgba(255,255,255,.82)!important}
/* pílulas de sub-abas no cabeçalho: azul claro com texto azul; a ativa em branco */
.pbar .subnav a{background:var(--ex-azul-claro);border-color:var(--ex-azul-claro);color:var(--ex-azul)}
.pbar .subnav a:hover{background:#fff;border-color:#fff}
.pbar .subnav a[aria-selected="true"]{background:#fff;border-color:#fff;color:var(--ex-azul);box-shadow:inset 0 -3px 0 var(--ex-amarelo)}
/* trilha (voltar + onde estou) dentro do cabeçalho azul */
.pbar .trilha a,.pbar .tr-div{color:rgba(255,255,255,.78)}
.pbar .trilha a:hover{color:#fff;background:rgba(255,255,255,.12)}
.pbar .trilha [aria-current="page"]{color:#fff}
.pbar .tr-volta{background:var(--ex-azul-claro);border-color:var(--ex-azul-claro);color:var(--ex-azul)}
.pbar .tr-volta:hover{background:#fff;border-color:#fff}
.pbar .tr-sep{background:rgba(255,255,255,.3)}

/* cartões brancos, cantos 10px, sombra suave; título com barra laranja à esquerda */
.card{border-radius:10px;box-shadow:0 1px 3px rgba(20,50,74,.07)}
.card-h h2,details.card>summary h2{border-left:4px solid var(--ex-laranja);padding-left:10px;line-height:1.2}

/* botões: primário azul · secundário azul claro · destaque verde limão · perigo laranja */
.btn{font-weight:700}
.btn.gh{background:var(--ex-azul-claro);border-color:var(--ex-azul-claro);color:var(--ex-azul)}
.btn.gh:hover{background:#B3CDC8;border-color:#B3CDC8}
.btn.ok{background:var(--ex-limao);border-color:var(--ex-limao);color:var(--ex-azul)}
.btn.dn{background:var(--ex-laranja);border-color:var(--ex-laranja);color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.gh{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}}

/* etiquetas de status */
.tag{background:var(--ex-azul-claro);color:var(--ex-azul)}
.tag.g{background:#E7F1C4;color:#3D6410}
.tag.w{background:#FFF0BF;color:#6B4E00}
.tag.c{background:var(--ex-laranja);color:#fff}
.tag.n{background:#F1ECDC;color:var(--ink-2);border-color:#E3DCC6}

/* tabelas: cabeçalho azul claro com texto azul */
.tbl th,.tbx th,.cf-tab th,table.t th{background:var(--ex-azul-claro);color:var(--ex-azul)}

/* barra de progresso: azul sobre azul claro */
.pbar2{background:var(--ex-azul-claro)}.pbar2 i{background:var(--ex-azul)}

/* menu lateral: logo oficial sobre fundo branco */
.snav-marca{gap:10px}
.snav-marca .ex-logo{height:46px;width:auto;display:block;flex:none}
.snav-itens a.on{background:var(--ex-azul-claro);color:var(--ex-azul)}
.wm em{color:var(--ex-laranja)}