/* ==========================================================
   ÁREA DO CEO — identidade da Azha (preto, branco e a barra vermelha).
   As cores ficam só aqui dentro (.ceo), para não mexer na paleta da
   mentoria. Claro e escuro seguem o modo de tela do aparelho.
   ========================================================== */
.ceo{--c-fundo:#F7F7F7;--c-cartao:#FFFFFF;--c-tinta:#0D0D0D;--c-suave:#5E5E5E;--c-linha:#E2E2E2;
  --c-menu:#0D0D0D;--c-menu-tinta:#CFCFCF;--c-menu-ativo:#1F1F1F;
  --c-acao:#0D0D0D;--c-acao-texto:#F7F7F7;--c-leve:#EDEDED;--c-marca:#C8102E;
  --c-ok:#15803D;--c-ok-fundo:#DCFCE7;--c-ruim:#B91C1C;--c-ruim-fundo:#FEE2E2;--c-at:#92400E;--c-at-fundo:#FEF3C7;
  min-height:100vh;background:var(--c-fundo);color:var(--c-tinta);display:grid;grid-template-columns:248px minmax(0,1fr)}
:root[data-tema="escuro"] .ceo{--c-fundo:#0D0D0D;--c-cartao:#171717;--c-tinta:#F7F7F7;--c-suave:#A3A3A3;--c-linha:#2B2B2B;
  --c-menu:#050505;--c-menu-tinta:#BDBDBD;--c-menu-ativo:#1F1F1F;
  --c-acao:#F7F7F7;--c-acao-texto:#0D0D0D;--c-leve:rgba(247,247,247,.1);--c-marca:#E03A52;
  --c-ok:#4ADE80;--c-ok-fundo:rgba(34,197,94,.16);--c-ruim:#F87171;--c-ruim-fundo:rgba(239,68,68,.16);--c-at:#FBBF24;--c-at-fundo:rgba(251,191,36,.14)}
.ceo *{box-sizing:border-box}
.ceo button{font:inherit;color:inherit;cursor:pointer}
.ceo :focus-visible{outline:2px solid var(--c-marca);outline-offset:2px}

.ceo-lado{background:var(--c-menu);color:var(--c-menu-tinta);padding:18px 12px;display:flex;flex-direction:column;gap:4px;
  position:sticky;top:0;height:100vh;overflow-y:auto}
.ceo-logo{display:grid;gap:6px;padding:6px 8px 14px}
.ceo-logo svg{width:118px;height:auto;display:block}
.ceo-logo span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#A3A3A3}
.ceo-g{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A8A8A;padding:12px 10px 4px}
.ceo-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;
  color:inherit;padding:9px 10px;border-radius:8px;font-size:14px}
.ceo-item:hover{background:#161616}
.ceo-item[aria-current="page"]{background:var(--c-menu-ativo);color:#F7F7F7;box-shadow:inset 3px 0 0 #C8102E}
.ceo-bolha{margin-left:auto;background:#B91C1C;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:0 7px;line-height:18px}
.ceo-rodape{margin-top:auto;border-top:1px solid #262626;padding:12px 6px 0;display:grid;gap:8px;font-size:13px}
.ceo-rodape b{color:#F7F7F7;font-weight:600;display:block}
.ceo-rodape button{text-align:left;border:1px solid #333;background:transparent;color:#E5E5E5;border-radius:8px;padding:8px 10px;font-size:13px}
.ceo-rodape button:hover{background:#161616}

.ceo-topo,.ceo-baixo{display:none}
.ceo-miolo{padding:26px 28px 48px;min-width:0;max-width:1100px;width:100%}
.ceo-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-bottom:16px}
.ceo-cab h1{font-size:24px;font-weight:800;margin:0;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.ceo-cab p{margin:4px 0 0;color:var(--c-suave);max-width:62ch}
.ceo-acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.ceo-voltar{border:0;background:none;color:var(--c-tinta);font-weight:600;padding:0;margin-bottom:10px;text-decoration:underline}
.ceo-secao{font-size:15px;font-weight:700;margin:24px 0 10px;display:flex;gap:8px;align-items:center}

.ceo-selo{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;line-height:1.5}
.ceo-selo.ok{background:var(--c-ok-fundo);color:var(--c-ok)}
.ceo-selo.ruim{background:var(--c-ruim-fundo);color:var(--c-ruim)}
.ceo-selo.at{background:var(--c-at-fundo);color:var(--c-at)}
.ceo-selo.neu{background:var(--c-fundo);color:var(--c-suave);border:1px solid var(--c-linha)}

.ceo-btn{border:1px solid var(--c-linha);background:var(--c-cartao);border-radius:10px;padding:9px 14px;font-weight:600;font-size:14px;min-height:42px}
.ceo-btn:hover{border-color:var(--c-tinta)}
.ceo-btn.p{background:var(--c-acao);border-color:var(--c-acao);color:var(--c-acao-texto)}
.ceo-btn.perigo{background:var(--c-ruim);border-color:var(--c-ruim);color:#fff}
.ceo-btn:disabled{opacity:.45;cursor:not-allowed}

.ceo-cartao{background:var(--c-cartao);border:1px solid var(--c-linha);border-radius:14px;padding:16px;min-width:0}
.ceo-grade{display:grid;gap:14px}
.ceo-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ceo-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ceo-num b{display:block;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.ceo-num b small{font-size:14px;color:var(--c-suave);font-weight:600}
.ceo-num span{color:var(--c-suave);font-size:13px}

.ceo-lista{display:grid;gap:10px}
.ceo-alerta{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--c-cartao);
  border:1px solid var(--c-linha);border-radius:12px;padding:12px 14px 12px 0;overflow:hidden}
.ceo-alerta i{align-self:stretch;border-radius:0 4px 4px 0}
.ceo-alerta .t{font-weight:600}
.ceo-alerta .d{color:var(--c-suave);font-size:13.5px}
.ceo-vazio{background:var(--c-cartao);border:1px dashed var(--c-linha);border-radius:12px;padding:14px;color:var(--c-suave)}

.ceo-ment{display:grid;gap:12px}
.ceo-ment-cab{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ceo-ment-cab h3{margin:0;font-size:17px}
.ceo-bolinha{width:14px;height:14px;border-radius:4px;flex:none}
.ceo-barra{height:8px;border-radius:99px;background:var(--c-fundo);border:1px solid var(--c-linha);overflow:hidden}
.ceo-barra span{display:block;height:100%;background:var(--c-acao);border-radius:99px}
.ceo-barra.passou span{background:var(--c-ruim)}
.ceo-faltas{display:flex;flex-wrap:wrap;gap:6px}

.ceo-abas{display:flex;gap:4px;border-bottom:1px solid var(--c-linha);margin-bottom:16px;overflow-x:auto}
.ceo-abas button{border:0;background:none;padding:10px 12px;font-weight:600;color:var(--c-suave);border-bottom:2px solid transparent;white-space:nowrap}
.ceo-abas button[aria-selected="true"]{color:var(--c-tinta);border-color:var(--c-marca)}

.ceo-form{display:grid;gap:12px}
.ceo-campo{display:grid;gap:5px;font-size:13.5px;font-weight:600}
.ceo-campo span{color:var(--c-suave);font-weight:500}
.ceo-campo input,.ceo-campo select{border:1px solid var(--c-linha);background:var(--c-cartao);color:var(--c-tinta);border-radius:10px;
  padding:10px 12px;font:inherit;font-size:15px;font-weight:400;min-height:44px;width:100%}
.ceo-passos{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.ceo-passos span{font-size:12.5px;font-weight:600;color:var(--c-suave);background:var(--c-cartao);border:1px solid var(--c-linha);border-radius:999px;padding:4px 10px}
.ceo-passos span.at{background:var(--c-acao);border-color:var(--c-acao);color:var(--c-acao-texto)}
.ceo-passos span.ok{color:var(--c-ok);border-color:var(--c-ok)}
.ceo-faixa-op{display:grid;gap:4px;text-align:left;border:1.5px solid var(--c-linha);background:var(--c-cartao);border-radius:12px;padding:12px}
.ceo-faixa-op[aria-pressed="true"]{border-color:var(--c-tinta);box-shadow:0 0 0 3px var(--c-leve)}
.ceo-faixa-op span{font-size:13px;color:var(--c-suave)}
.ceo-cores{display:flex;gap:8px;flex-wrap:wrap}
.ceo-cores button{width:38px;height:38px;border-radius:9px;border:2px solid var(--c-cartao);box-shadow:0 0 0 1px var(--c-linha)}
.ceo-cores button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--c-tinta)}
.ceo-lado-a-lado{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.ceo-lado-a-lado>.cresce{flex:1 1 280px;min-width:0}
.ceo-cel{width:220px;max-width:100%;border:8px solid #0D0D0D;border-radius:28px;overflow:hidden;background:#F7F7F7;color:#0D0D0D;font-size:11px;flex:none}
.ceo-cel-topo{padding:12px;color:#fff;background:#0D0D0D;font-weight:800;letter-spacing:.08em}
.ceo-cel-c{padding:12px;display:grid;gap:8px}
.ceo-cel-c .bl{background:#fff;border-radius:8px;padding:8px;border:1px solid #E2E2E2}
.ceo-cel-btn{color:#fff;border-radius:7px;padding:7px;text-align:center;font-weight:700}
.ceo-tabela{overflow-x:auto}
.ceo-tabela table{border-collapse:collapse;width:100%;font-size:14px}
.ceo-tabela th{text-align:left;color:var(--c-suave);font-weight:600;font-size:12.5px;padding:8px;border-bottom:1px solid var(--c-linha);white-space:nowrap}
.ceo-tabela td{padding:10px 8px;border-bottom:1px solid var(--c-linha);vertical-align:top}
.ceo-conf ul{margin:8px 0;padding-left:18px;display:grid;gap:4px}

@media (max-width:899px){
  .ceo{grid-template-columns:1fr}
  .ceo-lado{display:none}
  .ceo-topo{display:flex;align-items:center;gap:10px;background:var(--c-menu);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:5}
  .ceo-topo svg{width:64px;height:auto}
  .ceo-topo span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#CFCFCF;border:1px solid #333;border-radius:999px;padding:1px 7px}
  .ceo-topo button{margin-left:auto;border:1px solid #333;background:transparent;color:#E5E5E5;border-radius:8px;padding:6px 10px;font-size:12.5px}
  .ceo-miolo{padding:18px 16px 110px}
  .ceo-baixo{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--c-menu);
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));z-index:40}
  .ceo-baixo button{border:0;background:none;color:#A3A3A3;font-size:11px;padding:6px 2px;display:grid;justify-items:center;gap:3px;border-radius:8px;position:relative}
  .ceo-baixo button[aria-current="page"]{color:#fff;background:var(--c-menu-ativo);box-shadow:inset 0 -2px 0 #C8102E}
  .ceo-baixo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ceo-baixo .ceo-bolha{position:absolute;top:2px;right:18%}
  .ceo-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ceo-cab h1{font-size:21px}
  .ceo-acoes{margin-left:0;width:100%}
  .ceo-acoes .ceo-btn{flex:1}
}
@media (max-width:480px){
  .ceo-g2{grid-template-columns:1fr}
  .ceo-alerta{grid-template-columns:6px minmax(0,1fr);padding-bottom:12px}
  .ceo-alerta .ceo-btn{grid-column:2;justify-self:start}
}