/* ============================================================
   ÁREA DO CLIENTE F.ZIZ · ESTILO
   ============================================================ */
:root{
  --y:#F2E205; --bg:#0A0A0A; --p:#111111; --p2:#161616; --p3:#0D0D0D;
  --ln:#1C1C1C; --ln2:#262626; --ln3:#2E2E2E;
  --tx:#F2F2EE; --mu:#A3A39B; --dim:#8C8C85; --dim2:#6E6E68;
  --ok:oklch(.78 .14 150); --adj:oklch(.78 .14 60); --bad:oklch(.72 .15 25); --prod:oklch(.76 .12 240);
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--y);text-decoration:none}a:hover{color:#fff}
button,input,textarea,select{font:inherit;color:inherit}
img{max-width:100%}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#262626;border-radius:8px}
input::placeholder,textarea::placeholder{color:var(--dim2)}
@keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.ic{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.mono{font-family:var(--mono)} .dim{color:var(--dim)} .mu{color:var(--mu)} .min0{min-width:0}
.rot{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.c-ag{color:var(--y)} .c-ok{color:var(--ok)} .c-adj{color:var(--adj)} .c-bad{color:var(--bad)} .c-prod{color:var(--prod)}

/* ---------- estrutura ---------- */
.app{display:flex;min-height:100dvh}
.side{width:268px;flex:none;border-right:1px solid #1A1A1A;display:flex;flex-direction:column;gap:28px;padding:28px 18px 20px;position:sticky;top:0;height:100dvh;overflow-y:auto}
.side-logo{display:flex;align-items:center;gap:12px;padding:0 8px;color:var(--tx)}
.side-logo img{height:24px;display:block}.side-logo .sep{width:2px;height:20px;background:var(--tx)}.side-logo b{font-weight:800;font-size:12px;letter-spacing:.08em;font-stretch:110%}
.side-cliente{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #1F1F1F;border-radius:16px;background:var(--p)}
.avatar{flex:none;width:42px;height:42px;border-radius:12px;background:#1A1A1A;border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--y);overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:contain;background:#fff}
.side-nome{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-desde{font-size:12px;color:var(--dim)}
.side-menu{display:flex;flex-direction:column;gap:4px;flex:1}
.side-menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#C9C9C2;font-size:15px;font-weight:500}
.side-menu a span{flex:1}.side-menu a .ic{flex:none}.side-menu a:hover{background:var(--p2);color:var(--tx)}
.side-menu a.on{background:#1A1A1A;color:var(--y);font-weight:700}
.side-menu em,.bnav em,.mais-item em{font-style:normal;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--y);color:#0A0A0A;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.side-menu em.bad,.bnav em.bad{background:var(--bad)}
.side-pe{display:flex;flex-direction:column;gap:10px}
.side-sessao{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:12px;color:var(--dim)}.side-sessao .ic{font-size:16px;color:var(--y)}
.btn-sair{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--ln);color:var(--mu);font-size:14px;font-weight:600}.btn-sair:hover{color:var(--tx);border-color:var(--ln3)}

.main{flex:1;min-width:0;display:flex;flex-direction:column}
.top{height:68px;flex:none;border-bottom:1px solid #1A1A1A;display:flex;align-items:center;justify-content:space-between;padding:0 40px}
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--dim)}.crumb i{color:#3A3A3A;font-style:normal}.crumb b{color:var(--tx);font-weight:400}
.top-dir{display:flex;align-items:center;gap:16px;font-size:12px}
.avatar-top{width:38px;height:38px;border-radius:50%;background:var(--y);color:#0A0A0A;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}.avatar-top:hover{color:#0A0A0A}
.so-mob{display:none}
.wrap{max-width:1180px;width:100%;margin:0 auto;padding:40px 40px 64px;display:flex;flex-direction:column;gap:28px;animation:entra .3s ease}
.cab{display:flex;flex-direction:column;gap:8px}
.cab h1{margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.cab p{margin:0;font-size:16px;line-height:1.5;color:var(--mu);max-width:640px;text-wrap:pretty}

.bnav{display:none}
@media (max-width:860px){
  .side,.so-desk{display:none}.so-mob{display:block}
  .top{height:60px;padding:0 18px;position:sticky;top:0;background:var(--bg);z-index:10}
  .avatar-top{width:36px;height:36px;font-size:12px}
  .wrap{padding:20px 16px 120px;gap:22px}
  .bnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:20;border-top:1px solid #1E1E1E;background:#0D0D0D;padding:6px 6px calc(10px + env(safe-area-inset-bottom))}
  .bnav a,.bnav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;min-height:56px;border:0;background:none;color:var(--mu);cursor:pointer}
  .bnav .ic{font-size:24px;padding:2px 14px;border-radius:12px}
  .bnav span{font-size:11px;font-weight:700}
  .bnav .on{color:var(--y)}.bnav .on .ic{background:rgba(242,226,5,.12)}
  .bnav em{position:absolute;top:4px;left:calc(50% + 6px);min-width:18px;height:18px;font-size:11px;padding:0 5px}
}

/* ---------- componentes ---------- */
.card{padding:22px;border-radius:20px;border:1px solid var(--ln);background:var(--p);display:flex;flex-direction:column;gap:14px}
.card h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.card h3 .ic{color:var(--y)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px;align-items:start}
.grade-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.col{display:flex;flex-direction:column;gap:18px}
.vazio{padding:44px 24px;border-radius:20px;border:1px dashed var(--ln2);text-align:center;color:var(--mu);font-size:16px;line-height:1.5}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border-radius:14px;border:0;background:var(--y);color:#0A0A0A;font-size:15px;font-weight:800;cursor:pointer;text-align:center}
.btn:hover{background:#FFF23A;color:#0A0A0A}.btn .ic{font-size:20px}
.btn-g{background:var(--p2);color:var(--tx);border:1px solid var(--ln3);font-weight:700}.btn-g:hover{background:#1C1C1C;color:var(--tx);border-color:#555}
.btn-t{background:transparent;color:var(--mu);border:1px solid var(--ln2);font-weight:700}.btn-t:hover{background:transparent;color:var(--tx)}
.btn-bad{background:transparent;color:var(--bad);border:1px solid var(--ln2)}.btn-bad:hover{background:transparent;color:var(--bad);border-color:var(--bad)}
.btn-p{height:40px;padding:0 14px;font-size:13px;border-radius:10px}
.btn[disabled]{opacity:.4;pointer-events:none}
.link{background:none;border:0;padding:0;color:var(--y);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.link .ic{font-size:18px}

.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid currentColor;font-size:12px;font-weight:700;white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.chip-n{color:var(--mu);border-color:var(--ln2);font-weight:600}
.cat{width:8px;height:8px;border-radius:2px;display:inline-block}

.abas{display:flex;gap:6px;flex-wrap:wrap}
.abas a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--ln2);color:var(--tx);font-size:14px;font-weight:600}
.abas a.on{background:var(--tx);border-color:var(--tx);color:#0A0A0A}.abas a small{font-family:var(--mono);font-size:12px;opacity:.75}

.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-family:var(--mono);font-size:12px;line-height:1.4}
.kv dt{color:var(--dim)}.kv dd{margin:0;word-break:break-word}
.linhas>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #1E1E1E;font-size:15px}.linhas>div>span:first-child{color:var(--mu)}.linhas>div>span:last-child{font-weight:600;text-align:right}
.listra{background:repeating-linear-gradient(135deg,#131313 0 14px,#171717 14px 28px);display:flex;align-items:center;justify-content:center;color:var(--dim2);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-align:center}

.campo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mu)}
.inp{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--ln2);background:var(--p3);color:var(--tx);font-size:15px;outline:none}
.inp:focus{border-color:#555}
textarea.inp{min-height:130px;padding:14px 16px;line-height:1.5;resize:vertical}
.inp-pin{font-family:var(--mono);font-size:22px;letter-spacing:.5em}

.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid #3A3A3A;background:var(--p3);cursor:pointer;font-size:14px;line-height:1.5}
.check input{position:absolute;opacity:0;pointer-events:none}
.check .box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid #3A3A3A;display:flex;align-items:center;justify-content:center}
.check .box .ic{font-size:18px;color:#0A0A0A;opacity:0}
.check:has(input:checked){border-color:var(--y)}
.check:has(input:checked) .box{background:var(--y);border-color:var(--y)}.check:has(input:checked) .box .ic{opacity:1}

.aviso{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:16px;border:1px solid var(--bad);background:rgba(200,60,40,.06)}
.aviso>div{display:flex;gap:12px;align-items:center;font-size:15px;line-height:1.4}.aviso .ic{color:var(--bad);font-size:24px}

.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:var(--tx);color:#0A0A0A;font-size:14px;font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.5);max-width:calc(100% - 32px);animation:entra .2s ease}
.toast.erro{background:var(--bad)}.toast .ic{font-size:20px}
@media (max-width:860px){.toast{bottom:96px}}

.fixo{position:sticky;bottom:12px;z-index:5;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;background:rgba(17,17,17,.96);border:1px solid #262626;box-shadow:0 20px 50px rgba(0,0,0,.6)}
@media (max-width:860px){.fixo{bottom:88px}}

/* ---------- modal (dialog) ---------- */
.dlg{border:0;padding:0;background:transparent;color:var(--tx);max-width:520px;width:calc(100% - 48px);max-height:92dvh}
.dlg::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.dlg-box{background:#121212;border:1px solid #262626;border-radius:24px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:18px;max-height:92dvh;overflow:auto}
.dlg-box h2{margin:0;font-size:22px;font-weight:800}.dlg-box p{margin:0;font-size:15px;line-height:1.55;color:var(--mu)}
.dlg-grande{max-width:960px}
@media (max-width:860px){
  .dlg{width:100%;max-width:100%;margin:auto 0 0;max-height:92dvh}
  .dlg-grande{margin:auto}
  .dlg-box{border-radius:24px 24px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
.mais-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--ln);background:var(--p2);color:var(--tx);font-size:16px;font-weight:700}.mais-item span{flex:1}.mais-item>.ic:first-child{color:var(--y);font-size:24px}

/* ---------- login ---------- */
.login{display:flex;min-height:100dvh}
.login-marca{flex:1.15;padding:clamp(28px,6vh,56px) clamp(32px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;border-right:1px solid #1A1A1A;background:repeating-linear-gradient(135deg,#0A0A0A 0 22px,#0C0C0B 22px 23px)}
.login-marca .topo{display:flex;align-items:center;gap:18px}.login-marca .topo img{height:40px}.login-marca .topo .sep{width:2px;height:34px;background:var(--tx)}.login-marca .topo b{font-weight:800;font-size:22px;letter-spacing:.04em;font-stretch:110%}
.login-marca .meio{display:flex;flex-direction:column;gap:28px;max-width:560px}
.login-marca .risco{width:56px;height:3px;background:var(--y)}
.login-marca h1{margin:0;font-size:clamp(36px,min(5vw,9vh),76px);line-height:.95;font-stretch:92%;font-weight:300}
.login-marca h1 b{display:block;font-weight:900;color:var(--y)}.login-marca h1 span{display:block}
.login-marca p{margin:0;font-size:18px;line-height:1.55;color:var(--mu);max-width:460px}
.login-marca .itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px}
.login-marca .itens div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #1F1F1F;border-radius:14px;background:rgba(17,17,17,.8);font-size:15px;font-weight:600}.login-marca .itens .ic{color:var(--y)}
.login-marca .rodape{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--dim)}.login-marca .rodape span{display:flex;align-items:center;gap:8px}.login-marca .rodape .ic{font-size:16px;color:var(--y)}
.login-pin{flex:1;min-width:0;display:flex;padding:32px 18px;overflow-x:hidden}
.login-caixa{margin:auto;width:100%;max-width:372px;display:flex;flex-direction:column;align-items:center;gap:22px;animation:entra .4s ease}
.login-mob{display:none;flex-direction:column;align-items:center;gap:10px}.login-mob img{height:30px}
.login-cli{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.login-cli .avatar{width:76px;height:76px;border-radius:22px;font-size:26px}
.login-cli h2{margin:0;font-size:26px;font-weight:800}.login-cli p{margin:6px 0 0;font-size:15px;color:var(--mu)}
.pontos{display:flex;gap:16px;height:20px;align-items:center}
.pontos i{width:16px;height:16px;border-radius:50%;border:2px solid #3A3A3A;transition:all .15s}
.pontos i.on{background:var(--y);border-color:var(--y)}.pontos.erro i{background:var(--bad);border-color:var(--bad)}
.pin-msg{min-height:20px;font-size:14px;font-weight:600;color:var(--bad);text-align:center}
.teclado{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.teclado button{height:66px;border-radius:18px;border:1px solid #232323;background:#141414;color:var(--tx);font-size:26px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s}
.teclado button:hover{background:#1C1C1C;border-color:var(--ln3)}.teclado button:active{transform:scale(.95);background:#222}
.teclado .vazio-t{visibility:hidden}.teclado .ic{font-size:26px;color:var(--mu)}
.lembrar{width:100%;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid #232323;background:var(--p);cursor:pointer;transition:all .15s}
.lembrar input{position:absolute;opacity:0;pointer-events:none}
.lembrar .chave{flex:none;width:44px;height:26px;border-radius:13px;background:var(--ln2);position:relative;margin-top:2px;transition:all .15s}
.lembrar .chave::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--dim);transition:all .15s}
.lembrar b{display:block;font-size:15px}.lembrar small{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--mu)}
.lembrar:has(input:checked){border-color:var(--y);background:rgba(242,226,5,.07)}
.lembrar:has(input:checked) .chave{background:var(--y)}.lembrar:has(input:checked) .chave::after{transform:translateX(18px);background:#0A0A0A}
@media (max-width:860px){.login-marca{display:none}.login-mob{display:flex}}

/* ---------- início ---------- */
.ola small{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--dim)}
.ola h1{margin:10px 0;font-size:clamp(32px,4.4vw,52px);font-weight:300;letter-spacing:-.02em;line-height:1.02;font-stretch:94%}.ola h1 b{font-weight:900;color:var(--y)}
.ola p{margin:0;font-size:17px;color:var(--mu)}
.pend{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:20px;border:1px solid var(--ln);background:var(--p);color:var(--tx);transition:all .15s}
.pend:hover{border-color:#3A3A3A;background:#141414;color:var(--tx)}
.pend .t{display:flex;justify-content:space-between}.pend .t .ic:first-child{width:44px;height:44px;border-radius:12px;background:#1A1A1A;display:flex;align-items:center;justify-content:center;font-size:24px}
.pend .n{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.pend b{display:block;font-size:16px;margin-top:8px}.pend small{display:block;font-size:14px;color:var(--mu);margin-top:4px}
.barra{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#1C1C1C;gap:2px}
.leg{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.leg div{display:flex;flex-direction:column;gap:4px}.leg span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu)}.leg b{font-size:26px}
.atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;padding-top:14px;border-top:1px solid #1E1E1E}
.atalhos a{display:flex;align-items:center;gap:12px;color:var(--tx)}.atalhos .ic{color:var(--y)}.atalhos b{display:block;font-size:14px}.atalhos small{display:block;font-size:13px;color:var(--mu)}
.log>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #1A1A1A}
.log i{width:8px;height:8px;border-radius:50%;background:var(--dim2);margin-top:7px}.log i.voce{background:var(--y)}
.log p{margin:0;font-size:15px;line-height:1.4}.log p b.voce{color:var(--y)}.log small{display:block;margin-top:3px;font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.5}

/* ---------- pauta ---------- */
.resumo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;border:1px solid var(--ln);background:var(--p)}
.resumo .nums{display:flex;gap:28px;flex-wrap:wrap}.resumo b{display:block;font-size:28px;font-weight:800}.resumo small{font-size:13px;color:var(--mu)}
.ideia{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;border:1.5px solid var(--ln);background:var(--p);cursor:pointer;min-height:200px;transition:all .15s}
.ideia:hover{border-color:#4A4A3A}
.ideia input{position:absolute;opacity:0;pointer-events:none}
.ideia .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ideia .num{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--dim)}
.ideia h4{margin:0;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:pretty}
.ideia p{margin:0;font-size:14px;line-height:1.5;color:var(--mu);flex:1}
.ideia .st{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--dim)}
.ideia .st .sel{display:none}
.ideia:has(input:checked){border-color:var(--y);background:rgba(242,226,5,.06)}
.ideia:has(input:checked) .num,.ideia:has(input:checked) .st{color:var(--y)}
.ideia:has(input:checked) .st .livre{display:none}.ideia:has(input:checked) .st .sel{display:flex;align-items:center;gap:8px}
.ideia.feita{opacity:.6;cursor:default}.ideia.feita .st{color:var(--prod)}
.barra-sel{position:sticky;bottom:12px;z-index:5;display:none;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 14px 14px 20px;border-radius:18px;background:var(--y);color:#0A0A0A;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.barra-sel.on{display:flex;animation:entra .2s ease}
.barra-sel b{font-size:16px}.barra-sel small{display:block;font-family:var(--mono);font-size:12px}
.barra-sel .b1{padding:12px 16px;border-radius:12px;border:1.5px solid #0A0A0A;background:transparent;color:#0A0A0A;font-weight:700;cursor:pointer}
.barra-sel .b2{padding:12px 18px;border-radius:12px;border:0;background:#0A0A0A;color:var(--y);font-weight:800;cursor:pointer}
@media (max-width:860px){.barra-sel{bottom:88px}}

/* ---------- aprovações ---------- */
.post{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--ln);background:var(--p);color:var(--tx);overflow:hidden;transition:all .15s}
.post:hover{border-color:#3A3A3A;transform:translateY(-2px);color:var(--tx)}
.post .thumb{position:relative;aspect-ratio:4/5}.post .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post .thumb .chip{position:absolute;top:12px;left:12px;background:rgba(10,10,10,.85);border:0}
.post .thumb .v{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:rgba(10,10,10,.85);font-family:var(--mono);font-size:11px}
.post .info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.post .info .tipo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--mu)}
.post .info b{font-size:17px;line-height:1.3}.post .info small{font-family:var(--mono);font-size:11px;color:var(--dim)}
.voltar{align-self:flex-start;display:flex;align-items:center;gap:6px;color:var(--mu);font-size:15px;font-weight:600}.voltar:hover{color:var(--tx)}
.midia{position:relative;width:100%;max-height:72vh;border-radius:22px;border:1px solid var(--ln);overflow:hidden}
.midia>img,.midia>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--p3)}
.midia .sl{display:none}.midia .sl.on{display:block}
.midia .seta{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(10,10,10,.8);color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.midia .seta.e{left:12px}.midia .seta.d{right:12px}
.midia .bolinhas{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}
.midia .bolinhas i{width:6px;height:6px;border-radius:3px;background:rgba(242,242,238,.35);transition:all .2s}.midia .bolinhas i.on{width:20px;background:var(--y)}
.det h2{margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.selo{padding:18px 20px;border-radius:18px;border:1.5px solid var(--ok);background:rgba(60,160,90,.07);display:flex;flex-direction:column;gap:12px}
.selo>b{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--ok)}
.retorno{padding:16px 18px;border-radius:16px;border:1px solid currentColor;background:#121212;display:flex;flex-direction:column;gap:6px}
.retorno p{margin:0;color:var(--tx);font-size:15px;line-height:1.5;white-space:pre-wrap}
.legenda{white-space:pre-wrap;font-size:15px;line-height:1.6}
.hist>div{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px}
.hist .lin{display:flex;flex-direction:column;align-items:center}.hist .lin i{width:10px;height:10px;border-radius:50%;border:2px solid var(--y);margin-top:4px}.hist .lin span{flex:1;width:1px;background:#262626}
.hist p{margin:0 0 2px;font-size:14px;line-height:1.4}.hist small{display:block;padding-bottom:14px;font-family:var(--mono);font-size:11px;color:var(--dim)}

/* ---------- financeiro ---------- */
.fat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:16px 18px;background:var(--p);border:1px solid var(--ln);border-radius:16px;color:var(--tx);cursor:pointer;text-align:left}
.fat:hover{border-color:#3A3A3A}
.fat .e{display:flex;gap:14px;align-items:center;min-width:0}
.fat .e>.ic{flex:none;width:44px;height:44px;border-radius:12px;background:#1A1A1A;display:flex;align-items:center;justify-content:center}
.fat .e b{display:block;font-size:16px}.fat .e span{display:block;font-size:14px;color:var(--mu);overflow:hidden;text-overflow:ellipsis}.fat .e small{display:block;font-family:var(--mono);font-size:11px;color:var(--dim)}
.fat .d{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.fat .d b{font-size:17px}
.pix{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--p3);border:1px solid #262626}
.pix span{font-family:var(--mono);font-size:12px;color:var(--mu);word-break:break-all;line-height:1.5}

/* ---------- impressão do comprovante ---------- */
@media print{
  body{background:#fff;color:#000}.side,.top,.bnav,.voltar,.fixo,.midia,.toast,.link{display:none!important}
  .wrap{padding:0}.selo{border-color:#000;background:none}.selo>b,.kv dt{color:#000}
}

/* refinamento: menos peso, mais respiro */
.card,.pend,.post,.fat,.resumo,.kpi,.ideia{border-radius:16px}
.card{padding:24px}
.btn{height:48px;border-radius:12px;font-weight:700;letter-spacing:.01em}
.btn-p{height:38px;border-radius:10px}
.cab h1,.adm-cab h1{font-weight:700;letter-spacing:-.025em}
.side-menu a{padding:10px 12px;font-size:14px}
.side-menu a.on{background:transparent;box-shadow:inset 2px 0 0 var(--y)}
.side-cliente{background:transparent}
.chip{font-weight:600;padding:4px 10px}
.abas a{padding:7px 13px;font-size:13px}
.pend .n,.kpi b{font-weight:700}
.ola h1 b{font-weight:800}

/* ---------- solicitações de pauta ---------- */
.sol-regras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1px;border-radius:16px;overflow:hidden;border:1px solid var(--ln);background:var(--ln)}
.sol-regras div{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--p)}
.sol-regras .ic{color:var(--y);font-size:22px}
.sol-regras b{display:block;font-size:14px}.sol-regras small{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--mu)}
.sols{display:flex;flex-direction:column;gap:10px}
.sol{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:18px 20px;border-radius:16px;border:1px solid var(--ln);background:var(--p)}
.sol-cab{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.sol-cab .mono{font-size:12px;color:var(--dim)}
.sol h4{margin:6px 0 0;font-size:17px;font-weight:700;line-height:1.3}
.sol p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--mu);white-space:pre-line}
.sol-lado{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.sol-lado small{font-size:12px;color:var(--dim)}
.sol-passos{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sol-passos div{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dim2)}
.sol-passos i{height:3px;border-radius:2px;background:var(--ln2)}
.sol-passos .on{color:var(--tx)}.sol-passos .on i{background:var(--y)}
.sol-passos small{font-family:var(--mono);font-size:10px;color:var(--dim)}
.sol-nota{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#141414;font-size:13px;line-height:1.45;color:var(--mu)}
.sol-nota b{color:var(--tx)}
.trocar-vista{display:flex;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--ln);background:var(--p);width:max-content;max-width:100%}
.trocar-vista a{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--mu)}
.trocar-vista a.on{background:var(--y);color:#0A0A0A}
.trocar-vista em{font-style:normal;font-family:var(--mono);font-size:11px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.08)}
.trocar-vista a.on em{background:rgba(0,0,0,.12)}
@media (max-width:640px){.sol{grid-template-columns:1fr}.sol-lado{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap}.sol-passos div span{display:none}}

/* correções: modal não espreme os campos + campo de arquivo */
.dlg-box>*{flex-shrink:0}
.dlg-box .btn{height:54px;font-size:16px}
.arquivo{position:relative;display:flex;align-items:center;gap:12px;padding:18px;border-radius:14px;border:1.5px dashed var(--ln3);background:var(--p3);color:var(--mu);cursor:pointer;font-size:15px;line-height:1.4}
.arquivo:hover,.arquivo:focus-within{border-color:var(--y);color:var(--tx)}
.arquivo .ic{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(242,226,5,.12);color:var(--y);display:flex;align-items:center;justify-content:center;font-size:22px}
.arquivo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.arquivo.tem{border-style:solid;border-color:var(--y);color:var(--tx)}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mu) 50%),linear-gradient(135deg,var(--mu) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}

/* ---------- contrato ---------- */
.ct-status{display:flex;flex-direction:column;gap:22px;padding:24px;border-radius:20px;border:1px solid var(--ln);background:var(--p)}
.ct-st-cab{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}
.ct-st-cab h2{margin:6px 0 0;font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.ct-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative}
.ct-passos>div{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--ln2);background:var(--p3);min-width:0}
.ct-passos .b{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ln3);display:flex;align-items:center;justify-content:center;font:600 13px var(--mono);color:var(--dim)}
.ct-passos .b .ic{font-size:18px}
.ct-passos b{display:block;font-size:14px}.ct-passos small{display:block;margin-top:2px;font-size:12px;color:var(--dim);font-family:var(--mono)}
.ct-passos .on{border-color:rgba(242,226,5,.4)}.ct-passos .on .b{background:var(--y);border-color:var(--y);color:#0A0A0A}
.ct-papel{background:#fff;color:#151515;border-radius:16px;padding:clamp(22px,4.5vw,56px) clamp(18px,4.5vw,56px) 0;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.75;overflow:hidden}
.ct-papel h3{font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;margin:24px 0 8px}
.ct-papel p{margin:0 0 10px;text-align:justify}.ct-papel ul{margin:0 0 10px;padding-left:22px}
.ct-papel .tb-rod{margin:36px calc(-1 * clamp(18px,4.5vw,56px)) 0}
.ct-papel .tb-topo{margin:calc(-1 * clamp(22px,4.5vw,56px)) calc(-1 * clamp(18px,4.5vw,56px)) 30px}
.ct-selo .kv{font-size:13px}
@media (max-width:640px){.ct-passos{grid-template-columns:1fr}.ct-status{padding:18px}.ct-papel{font-size:14.5px}.ct-papel p{text-align:left}.tb-linha{grid-template-columns:1fr 1fr!important}.tb-linha>div{border-left:0!important;padding:0!important;margin:0!important}.tb-linha>.tb-marca{grid-column:1/-1}}

/* capa amarela para PDF / vídeo */
.capa-fz{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:#F2E205;color:#0A0A0A;text-align:center;font-family:'Archivo',sans-serif}
.capa-fz img{position:absolute;left:18px;top:auto;bottom:18px;height:22px!important;width:auto!important;filter:brightness(0);object-fit:contain}
.capa-fz .capa-ic{width:64px;height:64px;border-radius:16px;background:#0A0A0A;display:flex;align-items:center;justify-content:center}
.capa-fz .capa-ic .ic{font-size:34px;color:#F2E205}
.capa-fz b{font-size:22px;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;line-height:1}
.capa-fz small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* botão assinar: sempre amarelo com texto preto */
button.btn,a.btn{-webkit-appearance:none;appearance:none}
.btn.btn-assinar,.btn.btn-assinar:hover,.btn.btn-assinar:focus,.btn.btn-assinar:active{background:#F2E205!important;color:#0A0A0A!important;border:0!important;font-weight:800;letter-spacing:.02em}
.btn.btn-assinar .ic{color:#0A0A0A!important}
.btn.btn-assinar:hover{background:#FFF23A!important}
.btn.btn-assinar[disabled]{opacity:.45}

/* aviso de contrato para assinar */
.alerta-assinar{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:#F2E205;color:#0A0A0A!important;animation:entra .35s ease;box-shadow:0 10px 30px rgba(242,226,5,.15)}
.alerta-assinar:hover{color:#0A0A0A!important;filter:brightness(1.04)}
.alerta-assinar .ic-a{flex:none;width:46px;height:46px;border-radius:14px;background:#0A0A0A;display:flex;align-items:center;justify-content:center}
.alerta-assinar .ic-a .ic{color:#F2E205;font-size:24px}
.alerta-assinar .tx{flex:1;min-width:0}.alerta-assinar b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.alerta-assinar small{display:block;margin-top:2px;font-size:13px;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alerta-assinar .bt{flex:none;display:flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:12px;background:#0A0A0A;color:#F2E205;font-size:14px;font-weight:800}
.alerta-assinar .bt .ic{font-size:18px;color:#F2E205}
@media (max-width:640px){.alerta-assinar{flex-wrap:wrap}.alerta-assinar .bt{width:100%;justify-content:center}}
.ic-grande{width:72px;height:72px;border-radius:20px;background:#F2E205;display:flex;align-items:center;justify-content:center}.ic-grande .ic{font-size:36px;color:#0A0A0A}

/* termo de aceite */
.termo{max-width:820px;width:100%;margin:0 auto;border-radius:20px;overflow:hidden;background:#fff;color:#0A0A0A}
.termo-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;background:#0A0A0A}
.termo-cab img{height:30px}
.termo-cab div{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.termo-cab span{font:600 12px var(--mono);color:#8A8A84}.termo-cab b{color:var(--y);font-size:15px}
.termo-corpo{display:flex;flex-direction:column;gap:14px;padding:32px 36px 36px;font-size:15px;line-height:1.65;color:#2A2A28}
.termo-corpo h2{margin:0 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#0A0A0A}
.termo-corpo h3{margin:10px 0 0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0A0A0A}
.termo-corpo p{margin:0}.termo-corpo a{color:#0A0A0A;text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px}
.termo-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:#E8E8E2;border:1px solid #E8E8E2}
.termo-dados div{padding:12px 16px;background:#FAFAF7}.termo-dados dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A8A84}.termo-dados dd{margin:2px 0 0;font-weight:700;color:#0A0A0A}
.termo-itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.termo-itens li{display:flex;gap:10px;align-items:flex-start}.termo-itens .ic{flex:none;margin-top:3px;width:20px;height:20px;border-radius:6px;background:var(--y);color:#0A0A0A;font-size:15px;display:flex;align-items:center;justify-content:center}
.termo-form{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:22px;border-radius:16px;background:#0A0A0A;color:var(--tx)}
.termo-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.termo-selo{display:flex;gap:14px;align-items:flex-start;margin-top:10px;padding:18px 20px;border-radius:14px;background:#EAF7EE;border:1px solid #BFE5CB}
.termo-selo>.ic{font-size:30px;color:#1F8A4C}.termo-selo div{display:flex;flex-direction:column;gap:3px;min-width:0}.termo-selo b{color:#0A0A0A}.termo-selo span{font-size:13px;color:#3A5A45}.termo-selo .mono{font-size:11px}
@media (max-width:640px){.termo-corpo{padding:24px 20px}.termo-cab{padding:18px 20px}}
@media print{.side,.bnav,.alerta-assinar,.cab,.termo-corpo>.btn,.abas{display:none!important}.termo{border-radius:0}}

/* ---------- Baixar artes ---------- */
.dl-barra{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;background:var(--y);color:#0A0A0A}
.dl-info{display:flex;gap:14px;align-items:center}.dl-info>.ic{font-size:30px;color:#0A0A0A}
.dl-info b{display:block;font-size:17px}.dl-info small{display:block;font-size:13px;opacity:.75}
.dl-barra .dl-bt{background:#0A0A0A;color:var(--y)!important}.dl-barra .dl-bt .ic{color:var(--y)}
.dl-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;border:0;background:var(--y);color:#0A0A0A!important;font:700 14px inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.dl-bt .ic{color:#0A0A0A;font-size:20px}.dl-bt:hover{filter:brightness(.95)}
.dl-sec{background:transparent;color:var(--y)!important;border:1.5px solid var(--y)}.dl-sec .ic{color:var(--y)}
.dl-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.dl-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--p);border:1px solid var(--ln)}
.dl-img{position:relative;aspect-ratio:4/5;cursor:zoom-in;overflow:hidden}
.dl-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.dl-card:hover .dl-img img{transform:scale(1.02)}
.dl-n{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:rgba(10,10,10,.85);color:#fff;font:600 12px var(--mono)}.dl-n .ic{font-size:15px;color:#fff}
.dl-sel{position:absolute;top:12px;right:12px;cursor:pointer}
.dl-sel input{position:absolute;opacity:0;pointer-events:none}
.dl-sel span{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,.6);border:2px solid #fff;backdrop-filter:blur(4px)}
.dl-sel span .ic{font-size:20px;color:#0A0A0A;opacity:0}
.dl-sel input:checked+span{background:var(--y);border-color:var(--y)}.dl-sel input:checked+span .ic{opacity:1}
.dl-card:has(.dl-sel input:checked){border-color:var(--y);box-shadow:0 0 0 2px var(--y)}
.dl-txt{display:flex;flex-direction:column;gap:4px;padding:16px 16px 4px}.dl-txt .mono{font-size:12px;color:var(--dim)}.dl-txt b{font-size:15px;line-height:1.35}
.dl-acoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:12px 16px 16px;margin-top:auto}
.dl-flutua{position:fixed;left:50%;bottom:24px;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 20px;border-radius:16px;background:#0A0A0A;border:1px solid #2A2A2A;box-shadow:0 16px 40px rgba(0,0,0,.45);transform:translate(-50%,140%);transition:transform .25s;color:#fff}
.dl-flutua.on{transform:translate(-50%,0)}.dl-flutua b{color:var(--y)}
.dl-limpa{border:0;background:none;color:var(--mu);font:600 14px inherit;cursor:pointer}
.dl-atalho{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:var(--y);color:#0A0A0A!important}
.dl-atalho .ic-a .ic{font-size:30px;color:#0A0A0A}.dl-atalho b{display:block;font-size:17px}.dl-atalho small{display:block;font-size:13px;opacity:.75}
.dl-atalho .bt{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:#0A0A0A;color:var(--y);font-weight:700}.dl-atalho .bt .ic{color:var(--y)}
@media (max-width:640px){.dl-barra .dl-bt{width:100%}.dl-flutua{bottom:84px;width:calc(100% - 24px);justify-content:space-between}.dl-atalho .bt span,.dl-atalho .bt{padding:10px}}

/* ---------- Acessos e senhas (cliente) ---------- */
.cf-logo{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;overflow:hidden}
.cf-logo img{width:62%;height:62%;object-fit:contain}
.cf-gen{background:var(--y)}.cf-gen .ic{color:#0A0A0A;font-size:20px}
.ac-topo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:18px;background:var(--p);border:1px solid var(--ln)}
.ac-seg{display:flex;gap:14px;align-items:center}.ac-seg>.ic{font-size:28px;color:var(--y)}
.ac-seg b{display:block;font-size:16px}.ac-seg small{display:block;font-size:13px;color:var(--mu)}
.ac-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;border:0;background:var(--y);color:#0A0A0A!important;font:700 14px inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.ac-bt .ic{color:#0A0A0A;font-size:20px}
.ac-sec{height:40px;background:transparent;color:var(--y)!important;border:1.5px solid var(--y)}.ac-sec .ic{color:var(--y)}
.ac-del{height:40px;width:40px;padding:0;background:transparent;border:1.5px solid #4A2222}.ac-del .ic{color:#F07167}
.ac-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.ac-item{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:var(--p);border:1px solid var(--ln)}
.ac-cab{display:flex;gap:12px;align-items:center}.ac-cab b{display:block;font-size:16px}.ac-cab small{display:block;font-size:12px;color:var(--dim)}
.ac-campo{display:flex;flex-direction:column;gap:4px}.ac-campo>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ac-val{display:flex;align-items:center;gap:6px;min-height:46px;padding:0 6px 0 14px;border-radius:12px;background:#0F0F0F;border:1px solid var(--ln2)}
.ac-val>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.ac-val button{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:none;cursor:pointer}
.ac-val button .ic{font-size:20px;color:var(--mu)}.ac-val button:hover{background:#1C1C1C}.ac-val button:hover .ic{color:var(--y)}
.ac-notas{font-size:13px;line-height:1.5;color:var(--mu);padding:10px 12px;border-radius:10px;background:#141414}
.ac-acoes{display:flex;gap:8px;margin-top:auto}.ac-acoes .ac-sec{flex:1}.ac-acoes form{display:flex}
.ac-passo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.ac-passo span{width:26px;height:26px;border-radius:8px;background:var(--y);color:#0A0A0A;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.ac-tipos{display:flex;flex-direction:column;gap:14px;max-height:300px;overflow:auto;padding-right:4px}
.ac-grupo>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ac-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:8px}
.ac-tipo{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;border:1.5px solid var(--ln2);background:#0F0F0F;cursor:pointer;text-align:center}
.ac-tipo span:last-child{font-size:12px;line-height:1.25;color:var(--mu)}
.ac-tipo input{position:absolute;opacity:0;pointer-events:none}
.ac-tipo:has(input:checked){border-color:var(--y);background:#1A1800}.ac-tipo:has(input:checked) span:last-child{color:var(--tx);font-weight:700}
.ac-senha{display:flex;position:relative}.ac-senha .inp{flex:1;padding-right:52px}
.ac-olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:none;cursor:pointer}
.ac-olho .ic{font-size:22px;color:var(--mu)}.ac-olho:hover .ic{color:var(--y)}
@media (max-width:640px){.ac-topo .ac-bt{width:100%}}

/* relatórios */
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.rel-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:18px;border:1px solid var(--ln);background:var(--p);color:var(--tx)}
.rel-card:hover{border-color:var(--y);color:var(--tx)}
.rel-card.novo{background:var(--y);border-color:var(--y);color:#0A0A0A}
.rel-card small{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.rel-card>b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.rel-n{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}
.rel-n span{display:flex;flex-direction:column;font-size:12px;opacity:.75}.rel-n em{font-style:normal;font-size:18px;font-weight:800;opacity:1}
.rel-ab{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;margin-top:6px}