/* acampnet · painel. Mesmas cores, fonte e marca do site (www.acampnet.com.br). */
:root{--navy:#0d1a3a;--navy2:#13244f;--navy3:#1c3270;--gold:#f6b818;--gold2:#ffd35a;--muted:#b7c0d8;--ink:#1b2440;--soft:#f4f6fb;--line:#e3e8f3;--radius:16px;--ok:#2fa84f;--warn:#e0901b;--bad:#d64545;--lado:264px}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--soft);font-size:15px;line-height:1.5}
a{color:var(--navy3)}
h1{font-size:1.5rem;margin:0 0 4px;letter-spacing:-.3px}h2{font-size:1.1rem;margin:0 0 8px}h3{font-size:1rem;margin:0 0 6px}

/* Marca, igual ao cabeçalho do site */
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.5px}
.marca img{height:36px;width:auto}.marca span{white-space:nowrap}.marca b{color:var(--gold)}

/* Estrutura com barra lateral */
.menu-tog{position:absolute;opacity:0;pointer-events:none}
.layout{display:flex;min-height:100vh}
.lado{width:var(--lado);flex:none;background:var(--navy);color:var(--muted);padding:20px 14px 32px;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06)}
.lado .marca{padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.grupo{margin-top:14px}
.gtit{margin:0 0 4px;padding:0 10px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7b86a3}
.item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.9rem;border-left:3px solid transparent}
.item:hover{background:var(--navy2);color:#fff}
.item.on{background:var(--navy2);color:var(--gold);border-left-color:var(--gold);font-weight:600}
.vazio-lado{font-style:italic;font-size:.82rem;color:#7b86a3}
.mini{font-size:.65rem;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mini.demo{border-color:var(--gold);color:var(--gold)}
.ev-cab{margin-top:16px;padding:12px 10px;background:rgba(255,255,255,.04);border-radius:12px}
.ev-nome{margin:0;color:#fff;font-weight:700;font-size:.95rem;line-height:1.3}
.vercomo{margin-top:10px}
.vercomo label{display:block;font-size:.72rem;color:#7b86a3;margin-bottom:4px;font-weight:600}
.vercomo select{background:var(--navy2);color:#fff;border:1px solid rgba(255,255,255,.15);padding:7px 10px;font-size:.85rem}

.conteudo{flex:1;min-width:0;display:flex;flex-direction:column}
.topo{display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line);padding:12px 28px;min-height:60px;position:sticky;top:0;z-index:20}
.topo .esp{flex:1}
.quem{color:#5b6684;font-size:.85rem}
.burger,.marca-topo{display:none}
.burger{font-size:1.5rem;cursor:pointer;color:var(--navy);line-height:1;padding:4px}
.btn-sair{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn-sair:hover{border-color:var(--gold)}
.veu{display:none}
main{padding:28px;max-width:1180px;width:100%}

/* Tela sem barra lateral (entrar, sem acesso) */
.topo-simples{background:var(--navy);border:0;justify-content:center;position:static}
main.simples{margin:0 auto;max-width:520px}

.demo-note{background:var(--gold);color:var(--navy);text-align:center;font-size:.85rem;font-weight:600;padding:7px 16px}
.faixa-vercomo{background:#e8eefc;color:#22408f;font-size:.85rem;padding:7px 28px}
.hint{color:#5b6684;font-size:.88rem;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.btn{display:inline-block;border:0;border-radius:999px;padding:10px 18px;font:600 .9rem Poppins,sans-serif;cursor:pointer;text-decoration:none}
.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold2)}
.btn-navy{background:var(--navy);color:#fff}.btn-line{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn-sm{padding:6px 14px;font-size:.8rem}
.f{margin:12px 0}.f label{display:block;font-weight:600;font-size:.85rem;margin-bottom:4px}
input,select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);width:100%;color:inherit}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row input{width:auto;flex:1;min-width:120px}
.msg{padding:10px 14px;border-radius:10px;margin:0 0 14px;font-size:.9rem}
.msg.success{background:#e7f6eb;color:#1d6b33}.msg.error{background:#fdeaea;color:#9b2c2c}
.erro{color:var(--bad);font-size:.88rem;margin:8px 0 0}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.75rem;text-transform:uppercase;color:#5b6684;letter-spacing:.04em}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}
.n-fazer{background:#e7f6eb;color:#1d6b33}.n-ver{background:#e8eefc;color:#22408f}
.n-cores,.n-anjoscor{background:#fff4dc;color:#8a5a00}
.login{margin:48px auto}
.cab-login{text-align:center}.cab-login img{width:72px}
.vazio{color:#5b6684;font-style:italic}

/* Celular: a barra lateral vira menu que abre por cima */
@media(max-width:900px){
  .lado{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 0 40px rgba(0,0,0,.3)}
  .menu-tog:checked ~ .layout .lado{transform:none}
  .menu-tog:checked ~ .layout .veu{display:block;position:fixed;inset:0;background:rgba(13,26,58,.45);z-index:30}
  .burger{display:block}
  .marca-topo{display:flex;color:var(--navy);font-size:1.15rem}.marca-topo img{height:28px}
  .topo{padding:10px 16px;gap:10px}
  .quem{display:none}
  main{padding:20px 16px}
  .faixa-vercomo{padding:7px 16px}
}
.termo{max-height:260px;overflow-y:auto;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:4px 14px;font-size:.82rem;color:#3a4566}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;font-weight:600}.aceite input{width:auto;margin-top:4px}
.copiar{width:100%;min-height:150px;font:inherit;font-size:.85rem;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.sit{white-space:nowrap;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;background:#e8eefc;color:#22408f}
.sit.ok{background:#e7f6eb;color:#1d6b33}.sit.pend{background:#fff4dc;color:#8a5a00}.sit.off{background:#f1f1f4;color:#666}
.acoes{display:flex;gap:6px;flex-wrap:wrap}.acoes form{margin:0}
.qr{display:flex;justify-content:center;margin:14px 0}.qr svg{width:260px;height:260px;background:#fff;border-radius:8px;display:block}
.passos{padding-left:20px;font-size:.9rem;color:#3a4566}.passos li{margin:4px 0}
.codigos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.codigos code{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center;font-size:1rem;letter-spacing:.05em}
code{font-family:ui-monospace,Consolas,monospace;word-break:break-all}