/* Identidade v3 (pedido da dona, 01/09/2026): simulação da linguagem visual do
   ProAlt (prints) com as nossas cores — tema escuro quente, cantos arredondados,
   cartões suaves, laranja #e8611a como destaque, tipografia Inter. */
:root{
  --bg:#17130f;          /* fundo do conteúdo — preto quente */
  --painel:#120f0b;      /* sidebar e faixas */
  --card:#201a13;        /* superfície de card/modal */
  --card2:#2a2218;       /* superfície elevada (hover, chips, metaboxes) */
  --borda:#372c1e;       /* bordas sutis quentes */
  --txt:#f5f0e8;         /* branco quente */
  --mut:#a89d8d;         /* texto apagado */
  --laranja:#e8611a;     /* destaque / CTA */
  --laranja-t:#f2914f;   /* laranja claro p/ texto e ícones sobre escuro */
  --raio:14px;
}
/* Temas alternativos (escolha do usuário no menu do avatar) */
:root[data-tema="preto"]{
  --bg:#0b0b0c;--painel:#070708;--card:#151517;--card2:#1f1f23;
  --borda:#2b2b30;--txt:#f2f2f3;--mut:#98989f;
}
:root[data-tema="claro"]{
  --bg:#fbfaf8;--painel:#f4f1ec;--card:#ffffff;--card2:#efebe3;
  --borda:#cfc8ba;--txt:#191613;--mut:#736c62;--laranja-t:#c14e0e;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.55}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
h1 b,h2 b{color:var(--laranja-t)}
a{color:var(--laranja-t)}
button{font:inherit;cursor:pointer}
.mut{color:var(--mut)}

/* ---- botões ---- */
.btn{background:var(--card2);color:var(--txt);border:1px solid var(--borda);border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:600}
.btn:hover{border-color:var(--laranja)}
.btn:active{transform:scale(.98)}
.btn.cta{background:var(--laranja);border-color:var(--laranja);color:#fff}
.btn.cta:hover{filter:brightness(1.1)}
.btn.alt{background:transparent}

/* ---- formulários ---- */
input,textarea,select{width:100%;background:var(--card);border:1px solid var(--borda);border-radius:10px;color:var(--txt);padding:10px 14px;font-family:inherit;font-size:.92rem}
input::placeholder{color:var(--mut)}
input:focus,textarea:focus{outline:none;border-color:var(--laranja)}
label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:14px 0 6px}
.erro{color:var(--laranja-t);font-weight:600;font-size:.85rem;margin-top:10px;min-height:20px}

/* ---- layout com sidebar ---- */
.conteudo{margin-left:250px;padding:26px 30px 90px;transition:margin-left .15s}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background:var(--painel);border-right:1px solid var(--borda);padding:20px 14px 16px;overflow:auto;z-index:60;transition:transform .15s;display:flex;flex-direction:column}
.sidebar .marca{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0 4px 24px}
.sidebar .marca b{color:var(--laranja-t)}
.sb-secao{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mut);margin:18px 8px 6px}
.sb-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 10px;font-size:.84rem;font-weight:500;color:var(--txt);text-decoration:none}
.sb-item:hover{background:var(--card)}
.sb-item.ativo{background:var(--card2);border-color:var(--laranja);color:var(--txt);font-weight:600}
.sb-item .ico{width:17px;height:17px;flex:none;color:var(--mut);display:flex}
.sb-item .ico svg{width:100%;height:100%}
.sb-item:hover .ico,.sb-item.ativo .ico{color:var(--laranja-t)}
.sb-item .est{margin-left:auto;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.sb-item .est.breve{color:var(--laranja-t)}
.sb-item .est.cadeado{width:14px;height:14px}
.sb-item .est.cadeado svg{width:100%;height:100%;display:block}
.sb-pe{margin-top:auto;padding-top:18px}
.sb-pe .btn{width:100%}
.veu-sb{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55;display:none}

/* topbar do conteúdo */
.topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.hamb{width:40px;height:40px;flex:none;background:var(--card);border:1px solid var(--borda);border-radius:10px;color:var(--txt);font-size:1rem;line-height:1}
.hamb:hover{border-color:var(--laranja)}
.topo h1{font-size:1.45rem}
.topo .acoes{margin-left:auto;display:flex;gap:10px}
.saud{color:var(--mut);margin:4px 0 24px}

/* sidebar recolhida (desktop) / gaveta (mobile) */
body.sb-off .sidebar{transform:translateX(-102%)}
body.sb-off .conteudo{margin-left:0}
@media(max-width:900px){
  .conteudo{margin-left:0;padding:18px 16px 90px}
  .sidebar{transform:translateX(-102%)}
  body.sb-on .sidebar{transform:none;box-shadow:0 0 40px rgba(0,0,0,.6)}
  body.sb-on .veu-sb{display:block}
}

/* ---- stats (contadores do dashboard) ---- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0 0 26px;max-width:760px}
.stat{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:14px 18px}
.stat span{display:flex;align-items:center;gap:7px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.stat span svg{width:14px;height:14px;color:var(--laranja-t)}
.stat b{display:block;font-size:1.55rem;font-weight:800;line-height:1.3;margin-top:2px}

/* ---- seções e cards do hub (estilo ProAlt: ícone + texto + selo) ---- */
.secao h2{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mut);margin:30px 0 14px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.cardP{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:16px 18px;cursor:pointer;transition:border-color .15s,transform .15s}
.cardP:hover{border-color:var(--laranja);transform:translateY(-2px)}
.cardP .ico{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(232,97,26,.13);color:var(--laranja-t);display:flex;align-items:center;justify-content:center}
.cardP .ico svg{width:22px;height:22px}
.cardP .meio{flex:1;min-width:0}
.cardP h3{font-size:.95rem}
.cardP .meio p{color:var(--mut);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardP .selo{flex:none;color:var(--mut)}
.cardP .selo svg{width:17px;height:17px;display:block}
.badge{flex:none;font-size:.68rem;font-weight:700;border-radius:999px;padding:3px 10px}
.badge.pri{background:var(--laranja);color:#fff}
.badge.sec{background:var(--card2);color:var(--mut);border:1px solid var(--borda)}
.badge.ter{background:transparent;border:1px solid var(--laranja);color:var(--laranja-t)}

/* ---- chips/abas de filtro ---- */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.chip{background:var(--card);border:1px solid var(--borda);border-radius:999px;color:var(--txt);padding:6px 14px;font-size:.82rem;font-weight:500}
.chip.ativo{background:var(--laranja);border-color:var(--laranja);color:#fff;font-weight:600}
.chip small{color:inherit;opacity:.65;margin-left:5px}

/* ---- modal ---- */
.veu{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow:auto;z-index:80}
.veu.aberto{display:flex}
.modal{background:var(--card);border:1px solid var(--borda);border-radius:16px;max-width:560px;width:100%;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.modal.grande{max-width:760px;padding:0}
.modal h2{font-size:1.15rem;margin-bottom:12px}
.modal p{font-size:.93rem;margin-bottom:10px}
.modal ul{margin:12px 0 12px 20px;font-size:.9rem}
.modal ul li{margin:8px 0}
.modal .pe{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.mcab{position:sticky;top:0;background:var(--card);display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--borda);border-radius:16px 16px 0 0;z-index:2}
.mcab .tit{flex:1}
.mcab .idg{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--laranja-t)}
.mcab h2{font-size:1.18rem;margin:3px 0 0}
.fechar{flex:none;width:34px;height:34px;background:transparent;border:1px solid var(--borda);border-radius:10px;color:var(--mut);font-size:.95rem;line-height:1}
.fechar:hover{color:var(--txt);border-color:var(--laranja)}
.mcorpo{padding:22px}

/* blocos internos do modal */
.metabox{background:var(--card2);border:1px solid var(--borda);border-radius:10px;padding:12px 16px;font-size:.88rem;margin-bottom:20px}
.metabox b{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--laranja-t)}
.secmod{padding-left:16px;border-left:3px solid var(--laranja);margin:24px 0}
.secmod>h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--laranja-t);margin-bottom:12px}

/* mensagens do roteiro */
.rotulo{font-size:.74rem;font-weight:600;color:var(--mut);margin:16px 0 6px}
.falaw{display:flex;align-items:flex-start;gap:10px;max-width:680px}
.fala{background:var(--card2);border:1px solid var(--borda);border-radius:4px 14px 14px 14px;padding:12px 15px;flex:1;white-space:pre-wrap;font-size:.97rem;max-width:640px}
.ph{color:var(--laranja-t);font-weight:600}
.phok{border-bottom:1px dotted var(--laranja-t)}
.cbal{flex:none;width:34px;height:34px;background:transparent;border:1px solid var(--borda);border-radius:10px;color:var(--mut);font-size:.85rem;margin-top:4px}
.cbal:hover{border-color:var(--laranja);color:var(--laranja-t)}
.nota{background:transparent;border-left:2px solid var(--borda);color:var(--mut);font-style:italic;font-size:.87rem;padding:2px 0 2px 12px;margin:14px 0;max-width:680px}
.dicas li{margin:10px 0 10px 18px;font-size:.9rem}
.idlink{color:var(--laranja-t);font-weight:600;cursor:pointer;text-decoration:underline dotted}
.copiar{margin-top:6px}
.copiar.pulsa{animation:pulsa 1.2s ease-in-out 3}
@keyframes pulsa{50%{box-shadow:0 0 0 8px rgba(232,97,26,.3)}}

/* aviso */
.aviso{background:var(--card);border:1px solid var(--borda);border-left:4px solid var(--laranja);border-radius:10px;padding:12px 16px;font-size:.9rem}

/* ---- login ---- */
.login{max-width:400px;margin:11vh auto 0;padding:0 16px}
.login .caixa{background:var(--card);border:1px solid var(--borda);border-radius:16px;padding:30px 28px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.login h1{font-size:1.3rem;margin-bottom:6px}
.login .caixa p.sub{color:var(--mut);font-size:.88rem;margin-bottom:14px}
.login .btn{width:100%;margin-top:22px}

/* ---- menu do usuário (avatar) ---- */
.userbox{position:relative}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--laranja);color:#fff;font-weight:700;font-size:.85rem;border:2px solid var(--borda);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.avatar:hover{border-color:var(--laranja)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.grande{width:76px;height:76px;font-size:1.4rem}
.menuU{display:none;position:absolute;right:0;top:48px;background:var(--card);border:1px solid var(--borda);border-radius:14px;min-width:235px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:75}
.menuU.aberto{display:block}
.menuU-email{color:var(--mut);font-size:.8rem;padding:8px 12px 10px;border-bottom:1px solid var(--borda);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}
.menuU-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);padding:8px 12px 4px}
.menuU-sep{border-top:1px solid var(--borda);margin:6px 0}
.mi{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:9px 12px;font-size:.9rem;color:var(--txt)}
.mi:hover{background:var(--card2)}
.mi.ativo{color:var(--laranja-t);font-weight:600}
.mi.ativo::after{content:'✓';margin-left:auto}
.mi.sairb{color:#e5533d}

/* campo de senha com "olhinho" */
.campoSenha{position:relative}
.campoSenha input{padding-right:44px}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mut);font-size:1rem;padding:6px;line-height:1}
.olho:hover,.olho.vendo{color:var(--laranja-t)}

/* perfil */
.perfilFoto{display:flex;align-items:center;gap:16px;margin:6px 0 4px}

/* ---- utilitários ---- */
.ajuda{position:fixed;right:18px;bottom:18px;width:44px;height:44px;background:var(--card);border:1px solid var(--borda);border-radius:50%;color:var(--laranja-t);font-size:1.05rem;font-weight:700;z-index:40}
.ajuda:hover{border-color:var(--laranja)}
.vazio{color:var(--mut);margin-top:30px}
.semacesso{max-width:520px;margin:12vh auto;text-align:center}
.semacesso .btn{margin-top:8px}

/* subitens do menu (categorias do módulo aberto) */
.sb-item.sb-sub{padding:6px 10px 6px 36px;font-size:.8rem;color:var(--mut)}
.sb-item.sb-sub.ativo{color:var(--txt);background:var(--card2);border-color:var(--laranja)}