/* FlyAviatorPro — tema compartilhado (painel). Tokens + neon/gradiente.
   Mudou a identidade visual? Edite as variáveis abaixo. */
:root{
  --fap-bg:#050B1E;           /* fundo base (azul-marinho profundo) */
  --fap-card-a:rgba(14,29,60,.88);
  --fap-card-b:rgba(7,15,33,.92);
  --fap-line:rgba(60,140,255,.30);
  --fap-cyan:#00D4FF;
  --fap-blue:#2F6BFF;
  --fap-purple:#8A3FFC;
  --fap-pink:#FF2E93;
  --fap-field:#0A1530;
  --fap-text:#E8EEFA;
  --fap-muted:#9FB0CC;
}

body{background:var(--fap-bg);color:var(--fap-text)}
/* brilho de fundo (camada fixa, não rola) */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1100px 520px at 6% -8%,rgba(0,150,255,.16),transparent 62%),
    radial-gradient(900px 600px at 100% 4%,rgba(130,60,240,.13),transparent 62%),
    radial-gradient(1000px 520px at 50% 112%,rgba(0,110,255,.10),transparent 60%),
    var(--fap-bg)}

/* cabeçalho de ponta a ponta */
.fap-header{background:url(../img/header-bg.webp) right center/auto 100% no-repeat,#02081a;
  border-bottom:1px solid rgba(60,140,255,.28);box-shadow:0 1px 24px rgba(0,120,255,.15)}
.fap-header img.fap-logo{filter:drop-shadow(0 0 10px rgba(0,170,255,.45))}
.fap-header h1 .text-brand{background:linear-gradient(90deg,#00D4FF,#2F8CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.fap-header h1{text-shadow:0 0 18px rgba(0,150,255,.25)}

/* cartões: vidro azul com borda e brilho neon */
body .bg-cardbg{background:linear-gradient(180deg,var(--fap-card-a),var(--fap-card-b));
  border-color:var(--fap-line);
  box-shadow:0 0 0 1px rgba(0,190,255,.04),0 0 26px rgba(0,120,255,.10),inset 0 1px 0 rgba(130,190,255,.08)}
body .bg-panelbg{background-color:var(--fap-field)}
body .border-white\/5,body .border-white\/10{border-color:rgba(80,150,255,.16)}
body .text-white{color:var(--fap-text)}
body .text-gray-400{color:var(--fap-muted)}
body .text-gray-500{color:#7C8FB0}
body .text-textmuted{color:var(--fap-muted)}

/* campos */
body input:not([type=checkbox]),body select{background-color:var(--fap-field);border-color:rgba(70,140,255,.28)}
body input:not([type=checkbox]):focus,body select:focus{outline:none;border-color:var(--fap-cyan);box-shadow:0 0 0 1px rgba(0,212,255,.35),0 0 14px rgba(0,212,255,.18)}
input[type=checkbox]{accent-color:var(--fap-cyan)}

/* botões */
body #bFiltrar{background:linear-gradient(90deg,#00C8FF,#2F7CFF);color:#fff;box-shadow:0 0 16px rgba(0,180,255,.35)}
body #bFiltrar:hover{filter:brightness(1.1)}
body #bDestacarF{background:linear-gradient(90deg,#7A3CF0,#C23CE0);color:#fff;box-shadow:0 0 16px rgba(150,60,240,.35)}
body #bDestacarF:hover{filter:brightness(1.1)}
summary:focus-visible,button:focus-visible{outline:1px solid var(--fap-cyan);outline-offset:2px}

/* status */
body #connPill{background:rgba(6,16,38,.72);border-color:rgba(70,140,255,.30)}
#connDot.bg-accentgreen{background:#2EE6A0;box-shadow:0 0 10px #2EE6A0}
#connDot.bg-red-500{box-shadow:0 0 10px #ff3b5c}

/* ícones neon */
svg[stroke="url(#fapIco)"]{filter:drop-shadow(0 0 5px rgba(0,200,255,.55))}
#liveMult{text-shadow:0 0 24px currentColor}

/* barra de rolagem */
::-webkit-scrollbar{height:6px;width:6px}
::-webkit-scrollbar-track{background:#08122A}
::-webkit-scrollbar-thumb{background:#1E3563;border-radius:4px}

/* ---- conta do usuário (menu de perfil e plano vencido) ---- */
.fap-conta-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,212,255,.45);color:#E8EEFA;font-weight:700;font-size:15px;cursor:pointer;
  background:linear-gradient(135deg,rgba(0,170,255,.28),rgba(138,63,252,.28));box-shadow:0 0 14px rgba(0,170,255,.28);position:relative}
.fap-conta-btn:hover{filter:brightness(1.15)}
.fap-conta-btn.alerta::after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 8px #ff3b5c}
.fap-conta-panel{display:none;position:absolute;right:0;top:48px;width:300px;z-index:50;padding:16px;border-radius:14px;text-align:left;
  background:linear-gradient(180deg,rgba(14,29,60,.98),rgba(7,15,33,.98));border:1px solid var(--fap-line);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 26px rgba(0,120,255,.15)}
.fap-conta-panel.aberto{display:block}
.fap-conta-email{font-weight:600;font-size:14px;word-break:break-all;margin-bottom:8px}
.fap-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;margin-bottom:10px}
.fap-badge.ok{background:rgba(46,230,160,.12);color:#2EE6A0;border:1px solid rgba(46,230,160,.35)}
.fap-badge.off{background:rgba(255,59,92,.12);color:#ff6b86;border:1px solid rgba(255,59,92,.35)}
.fap-conta-linha{font-size:13px;color:var(--fap-text)}.fap-conta-linha.suave{color:var(--fap-muted);margin-top:2px}
.fap-conta-aviso{margin-top:8px;font-size:12.5px;color:#ffb86b}
.fap-conta-sep{height:1px;background:rgba(80,150,255,.16);margin:12px 0}
.fap-renovar{display:flex;flex-direction:column;gap:8px}
.fap-renovar label{font-size:12px;color:var(--fap-muted)}
.fap-renovar input{width:100%;padding:9px 11px;border-radius:10px;font-size:14px;letter-spacing:.04em;background:var(--fap-field);border:1px solid rgba(70,140,255,.28);color:var(--fap-text)}
.fap-btn-mini{padding:9px;border:0;border-radius:10px;font-weight:600;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(90deg,#00C8FF,#2F6BFF 58%,#A03CF0);box-shadow:0 0 16px rgba(0,160,255,.28)}
.fap-btn-mini:disabled{opacity:.6;cursor:wait}
.fap-msg{min-height:16px;font-size:12.5px;color:#F2A3A3}.fap-msg.ok{color:#8ED8B8}
.fap-conta-sair{width:100%;background:none;border:1px solid rgba(80,150,255,.28);color:var(--fap-muted);border-radius:10px;padding:8px;font-size:13px;cursor:pointer}
.fap-conta-sair:hover{color:var(--fap-text);border-color:var(--fap-cyan)}
.fap-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,20,.88)}
.fap-overlay-card{width:100%;max-width:400px;padding:28px;border-radius:18px;background:linear-gradient(180deg,rgba(14,29,60,.98),rgba(7,15,33,.98));
  border:1px solid rgba(60,140,255,.38);box-shadow:0 0 40px rgba(0,120,255,.2);display:flex;flex-direction:column;gap:14px}
.fap-overlay-card h2{font-size:20px;font-weight:700}.fap-overlay-card p{color:var(--fap-muted);font-size:14px;line-height:1.5}
.fap-conta-panel *,.fap-overlay-card *{box-sizing:border-box}