/* Conta, planos e download com cota — usa os tokens da loja (--bg, --panel, --ink, --accent…) */
.conta-slot{margin-left:auto;display:flex;align-items:center;gap:10px}
.conta-btn{font:inherit;font-size:.82rem;font-weight:600;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .18s,background .18s}
.conta-btn:hover{border-color:var(--accent)}
.conta-btn.primaria{background:var(--accent);border-color:var(--accent);color:#fff}
.conta-btn .plano{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:var(--chip);color:var(--ink-soft);border-radius:999px;padding:2px 8px}
.conta-btn .plano.plus{background:#e1e7f3;color:#1a2543}
.conta-btn .plano.ultra{background:linear-gradient(135deg,#d4af37,#9333ea);color:#fff}
.conta-menu{position:absolute;right:clamp(20px,3vw,32px);top:58px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:280px;box-shadow:0 12px 40px rgba(0,0,0,.18);z-index:40;font-size:.86rem}
.conta-menu h4{margin:0 0 4px;font-size:.92rem}
.conta-menu p{margin:0 0 10px;color:var(--muted)}
.conta-menu .linha{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line-soft)}
.conta-menu .linha b{font-weight:600}
.conta-menu .acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.conta-veu{position:fixed;inset:0;background:rgba(10,14,30,.55);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}
.conta-modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(440px,100%);padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.35);position:relative}
.conta-modal.larga{width:min(900px,100%)}
.conta-modal h3{margin:0 0 6px;font-size:1.25rem;letter-spacing:-.01em}
.conta-modal .sub{margin:0 0 18px;color:var(--muted);font-size:.9rem}
.conta-modal .fechar{position:absolute;top:12px;right:12px;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:var(--muted);line-height:1;padding:6px}
.conta-modal label{display:block;font-size:.8rem;font-weight:600;margin:12px 0 5px;color:var(--ink-soft)}
.conta-modal input{width:100%;font:inherit;font-size:.95rem;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);box-sizing:border-box}
.conta-modal input:focus{outline:0;border-color:var(--accent)}
.conta-modal .btn{font:inherit;font-size:.92rem;font-weight:600;border:1.5px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:11px 16px;cursor:pointer;width:100%;margin-top:16px}
.conta-modal .btn.vazado{background:transparent;color:var(--ink);border-color:var(--line);margin-top:8px}
.conta-modal .btn[disabled]{opacity:.55;cursor:wait}
.conta-modal .aba{display:flex;gap:4px;background:var(--chip);border-radius:999px;padding:3px;margin-bottom:6px}
.conta-modal .aba button{flex:1;border:0;background:transparent;font:inherit;font-size:.8rem;font-weight:600;padding:7px;border-radius:999px;cursor:pointer;color:var(--ink-soft)}
.conta-modal .aba button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.conta-modal .msg{margin-top:12px;font-size:.84rem;color:var(--muted);min-height:1.2em}
.conta-modal .msg.err{color:#c0392b}
.conta-modal .msg.ok{color:#1e8449}
.conta-modal .link{background:none;border:0;color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer;padding:0;margin-top:10px}

.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
@media(max-width:720px){.planos{grid-template-columns:1fr}}
.plano-card{border:1.5px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.plano-card.destaque{border-color:var(--accent);box-shadow:0 0 0 3px rgba(234,84,32,.14)}
.plano-card h4{margin:0;font-size:1.05rem}
.plano-card .preco{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}
.plano-card .preco small{font-size:.8rem;font-weight:400;color:var(--muted)}
.plano-card ul{margin:6px 0 10px;padding-left:18px;font-size:.84rem;color:var(--ink-soft)}
.plano-card .btn{margin-top:auto}
.plano-card .atual{font-size:.76rem;color:var(--muted);text-align:center;margin-top:auto;padding:11px}

.dl-aviso{display:block;margin-top:8px;font-size:.82rem;color:var(--muted)}
.dl-aviso b{color:var(--accent)}
.conta-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:.88rem;z-index:70;box-shadow:0 10px 30px rgba(0,0,0,.3)}
