/* SportsOracle 4.0 — shell compartido para paginas auxiliares.
   Los tokens provienen de design-tokens.css; aqui solo vive estructura. */
@import url('/assets/design-tokens.css?v=20260803d');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600;700;800&display=swap');
html{color-scheme:dark}
html,body{background-color:var(--bg)!important;color:var(--tx)}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 620px at 82% -8%,rgba(182,255,0,.18),transparent 62%),radial-gradient(760px 620px at -6% 108%,rgba(107,211,36,.10),transparent 60%),var(--og-app-background)}
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;letter-spacing:-.01em}
.brand{font-family:'Sora','Inter',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mark,.brand-mark{color:var(--c2);filter:drop-shadow(0 0 10px rgba(172,228,3,.35))}
.brand-logo{display:block;flex:0 0 auto;object-fit:contain;object-position:center;background:transparent;border:0;filter:drop-shadow(0 8px 18px rgba(182,255,0,.16))}
.brand-logo--horizontal{width:clamp(136px,17vw,190px);height:auto;max-height:52px;border-radius:0}
.brand-logo--round,.brand-logo--auth{width:96px;height:96px;border-radius:50%;margin:0 auto 12px}
.brand-logo--app{width:32px;height:32px;border-radius:9px}
@media(max-width:620px){.brand-logo--horizontal{width:132px;max-height:42px}.brand-logo--round,.brand-logo--auth{width:82px;height:82px}}

/* Unifica las paginas auxiliares con el dashboard sin alterar su estructura. */
header,.topbar,.nav-shell,body>nav{background-color:rgba(2,37,2,.9)!important;border-color:var(--stroke)!important;backdrop-filter:blur(18px)}
.panel,.card,.box,.auth-card,.checkout-card,.gen-panel,.table-wrap,.hero,.slip,.pick,.plan,.result,.banner{background-color:var(--panel)!important;border-color:var(--stroke)!important;box-shadow:0 14px 34px rgba(0,24,0,.24)}
.hero{background:linear-gradient(135deg,rgba(172,228,3,.12),rgba(72,151,9,.06),var(--panel))!important}
.btn,.button,.cta,.primary,[class*="btn-primary"]{background:var(--grad)!important;border-color:var(--so-border)!important;color:var(--so-text-dark)!important;box-shadow:0 0 24px rgba(172,228,3,.20)!important;border-radius:12px!important;min-height:44px}
.btn:hover,.button:hover,.cta:hover,.primary:hover{filter:brightness(1.06);box-shadow:0 0 30px rgba(172,228,3,.28)!important}
a[href*="tab=register"][style]{background:var(--grad)!important;color:var(--so-text-dark)!important}
input,select,textarea{background-color:var(--bg2)!important;border-color:var(--stroke)!important;color:var(--tx)!important}
.tab.active,.tab.on,.league-chip.on,.risk-card.on,.method.sel,.plan.sel{background:rgba(172,228,3,.12)!important;border-color:var(--so-border)!important;color:var(--tx)!important;box-shadow:0 0 24px rgba(172,228,3,.12)}
.builder-tag,.plan-cta,.mark,.qr{color:var(--so-lime-400)!important}
.risk-card,.league-chip,.method,input,select,textarea{border-radius:14px!important}
.gen-panel,.slip,.panel,.result{border-radius:22px!important}
.pick,.plan,.banner{border-radius:18px!important}
.oracle-bottom-static{display:none}
@media(max-width:620px){
  .page-parlay .nav-right{display:none!important}
  .page-parlay main,.page-checkout main{padding-bottom:104px!important}
  .oracle-bottom-static{position:fixed!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));left:0;right:0;bottom:0;top:auto!important;z-index:90;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));background:rgba(2,37,2,.94)!important;border:0!important;border-top:1px solid var(--so-border-soft)!important;backdrop-filter:blur(18px)}
  .oracle-bottom-static a{min-width:0;min-height:52px;display:grid;grid-template-rows:auto auto;place-content:center;place-items:center;overflow:hidden;padding:0 2px;border-radius:14px;color:var(--so-text-secondary)!important;font:600 10px 'Inter',sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
  .oracle-bottom-static a[aria-current="page"]{color:var(--so-lime-400)!important;background:rgba(172,228,3,.1)!important}
}