/* AlphaScreen v17.5.0 — theme.css
   Sitewide unification layer. Loaded LAST on every page so it wins ties with
   per-page inline styles. Scope: cards, panels, charts, tables, inputs get one
   consistent "piano finish" — do NOT add page-specific rules here. */

:root{
  --as-bg:#0a0a14; --as-panel:#12121f; --as-card:rgba(255,255,255,.04);
  --as-line:rgba(255,255,255,.09); --as-cyan:#00e5ff; --as-purple:#a29bfe;
  --as-green:#4ade80; --as-orange:#ff9f0a; --as-red:#ff5252;
  --as-text:#e4e4ef; --as-text2:#8888a8;
  --as-radius:14px; --as-radius-sm:9px;
  --as-shadow:0 8px 28px rgba(0,0,0,.35);
}

/* Typography + iOS behavior */
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif !important;
  -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(0,229,255,.25)}

/* One card language: any element that calls itself a card/panel/tile */
[class*="card"],[class*="panel"],[class*="tile"],[class*="-box"]{
  border-radius:var(--as-radius) !important;
}
[class*="card"]{
  transition:transform .15s ease, box-shadow .15s ease;
}
@media(hover:hover){
  [class*="card"]:hover{transform:translateY(-2px);box-shadow:var(--as-shadow)}
}

/* Buttons + inputs: consistent pill/rounded controls, 44px iOS touch target */
button,.btn,[class*="btn-"]{border-radius:var(--as-radius-sm) !important;min-height:38px}
input,select,textarea{border-radius:var(--as-radius-sm) !important;font-family:inherit}
input:focus,select:focus,textarea:focus,button:focus-visible{
  outline:2px solid rgba(0,229,255,.55) !important;outline-offset:1px;
}

/* Charts: never overflow their container (iOS pan-behind bug class) */
canvas{max-width:100% !important;border-radius:var(--as-radius-sm)}
svg{max-width:100%}

/* Tables: one grid style */
table{border-collapse:collapse}
th{color:var(--as-text2);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}
td,th{border-bottom:1px solid var(--as-line)}
tr:last-child td{border-bottom:none}

/* Scrollbars (WebKit) — slim, unobtrusive */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
::-webkit-scrollbar-track{background:transparent}

/* iOS momentum scrolling + safe-area padding at page bottom */
body{-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}