/* Login e painel do afiliado */
:root{--bg:#0b1220;--card:#131c2e;--card-2:#1a2540;--line:rgba(255,255,255,.09);--txt:#e8edf6;--muted:#9aa7bf;--acc:#10b981;--acc-2:#059669;--warn:#f59e0b;--danger:#ef4444;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
body.af-login,body.af-painel{margin:0;font-family:var(--font);color:var(--txt);line-height:1.5;-webkit-font-smoothing:antialiased}
body.af-login{min-height:100vh;display:grid;place-items:center;padding:20px 14px;background:radial-gradient(1000px 500px at 50% -10%,#16315a 0%,var(--bg) 60%),var(--bg)}
.af-box{width:100%;max-width:420px}
.af-brand{display:block;text-align:center;color:#fff;font-weight:800;font-size:1.25rem;text-decoration:none;margin-bottom:18px}
.af-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.3);margin-bottom:14px}
.af-card h1{margin:0 0 4px;font-size:1.35rem;letter-spacing:-.3px}
.af-card h2{margin:0 0 14px;font-size:.78rem;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.af-sub{margin:0 0 16px;color:var(--muted);font-size:.93rem}
.af-tabs{display:flex;background:var(--card-2);border-radius:12px;padding:4px;margin-bottom:18px;gap:4px}
.af-tabs a,.af-tabs button{flex:1;text-align:center;padding:10px;border-radius:9px;border:0;background:none;color:var(--muted);font:600 .92rem var(--font);text-decoration:none;cursor:pointer}
.af-tabs .on{background:var(--acc);color:#fff}
.af-tabs.t2{margin-bottom:14px}
.af-f{display:block;margin-bottom:14px}
.af-f>span{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.af-f input{width:100%;min-height:50px;padding:12px 14px;font-size:16px;color:var(--txt);background:var(--card-2);border:1px solid var(--line);border-radius:12px;outline:0}
.af-f input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.af-f input[readonly]{opacity:.7}
.af-pw{position:relative}.af-pw input{padding-right:84px}
.af-pw button{position:absolute;right:6px;top:6px;bottom:6px;padding:0 12px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:var(--muted);font:600 .8rem var(--font);cursor:pointer}
.af-btn{width:100%;min-height:52px;border:0;border-radius:12px;background:var(--acc);color:#fff;font:700 1rem var(--font);cursor:pointer;box-shadow:0 8px 20px rgba(16,185,129,.28)}
.af-btn:hover{background:var(--acc-2)}
.af-erro{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fecaca;border-radius:12px;padding:11px 13px;margin-bottom:14px;font-size:.92rem}
.af-help{margin:14px 0 0;color:var(--muted);font-size:.82rem;text-align:center}
.af-back{display:block;text-align:center;color:var(--muted);text-decoration:none;font-size:.9rem}.af-back:hover{color:#fff}

/* painel */
body.af-painel{background:linear-gradient(rgba(11,18,32,.9),rgba(11,18,32,.97)),url("/photos/fundo.JPG") center/cover fixed,var(--bg);padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
.af-wrap{max-width:760px;margin:0 auto;padding:6px 14px}
.af-hero{display:flex;align-items:center;gap:14px;margin:8px 0 16px}
.af-hero .av{width:52px;height:52px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:800;font-size:1.3rem;color:#fff}
.af-hero h1{margin:0;font-size:1.4rem}.af-hero p{margin:0;color:var(--muted);font-size:.88rem}.af-hero b{color:var(--txt);letter-spacing:1px}
.af-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
@media(min-width:640px){.af-kpis{grid-template-columns:repeat(4,1fr)}}
.af-kpis .k{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.af-kpis small{display:block;color:var(--muted);font-size:.78rem;margin-bottom:2px}
.af-kpis b{font-size:1.25rem;letter-spacing:-.3px;overflow-wrap:anywhere}.af-kpis .pos{color:var(--acc)}
.af-note{color:var(--muted);font-size:.85rem;margin:-4px 2px 14px}
.af-link{display:block;margin-bottom:12px}
.af-link>span{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.af-link div{display:flex;gap:8px}
.af-link input{flex:1;min-width:0;min-height:46px;padding:10px 12px;font-size:14px;color:var(--txt);background:var(--card-2);border:1px solid var(--line);border-radius:12px}
.af-link button{padding:0 18px;border:0;border-radius:12px;background:var(--acc);color:#fff;font:700 .9rem var(--font);cursor:pointer}
.af-link button.ok{background:var(--acc-2)}
.af-zap{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#25d366;color:#fff;font-weight:700;text-decoration:none}
.af-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.af-painel table{width:100%;border-collapse:collapse;min-width:520px}
.af-painel th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.af-painel td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:top}
.af-painel td small{color:var(--muted)}
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--card-2);color:var(--muted)}
.chip.ok{background:rgba(16,185,129,.16);color:var(--acc)}.chip.wait{background:rgba(245,158,11,.16);color:var(--warn)}
.gold{color:#fbbf24;font-weight:700}
.af-vazio{text-align:center;padding:26px 10px;color:var(--muted)}.af-vazio b{display:block;color:var(--txt);margin-bottom:4px}.af-vazio p{margin:0;font-size:.9rem}
.af-sair{text-align:center;margin-top:18px}.af-sair a{color:var(--muted);font-size:.9rem}