/* alpha.css — Phase-3-a C0. Residual alpha-SPA-only rules for the handful
   of classes the ported kit (tokens.css/components.css/kit.css) does not
   define: the pre-auth login gate (no desktop equivalent — the desktop app
   has no login screen) and the plain data-table helpers the matches-list/
   pending screens use (C5, 2026-07-12c, reuses the kit's own vk-badge for
   the win/loss pill rather than adding a new class here). Everything the
   kit already styles (.btn, .app-shell, .screen-pad, .mono, sidebar-*,
   card-*, vk-*, ...) is deliberately NOT redefined here — load order in
   index.html puts the kit first so this file only ever adds, never
   overrides. */

.muted { color: var(--text-muted); }
.error-text { color: #e05a4e; }
.note { margin-top: 1.5rem; }

.screen-title { font-size: 1.4rem; margin: 0 0 1rem; }
.section-title { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; }

.data-table { width: 100%; border-collapse: collapse; margin-top: 0.5rem; }
.data-table th, .data-table td {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border, #262c33);
  font-size: 0.9rem;
}
.data-table th { color: var(--text-muted); font-weight: 600; text-transform: uppercase; font-size: 0.75rem; }

.pager { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }

/* V-E2 login gate screen — stands alone, not nested inside AppShell. */
.login-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card {
  background: var(--card, #161a1f);
  border: 1px solid var(--border, #262c33);
  border-radius: 8px;
  padding: 2rem 2.5rem;
  text-align: center;
  max-width: 360px;
}
.login-brand { font-weight: 700; font-size: 1.2rem; letter-spacing: 0.02em; margin-bottom: 0.75rem; }
.login-card .muted { margin-bottom: 1.25rem; }
.alpha-tag { color: var(--orange, #e8852b); font-size: 0.75rem; text-transform: uppercase; margin-left: 0.35rem; }

.btn--steam {
  display: inline-block;
  background: var(--orange, #e8852b);
  color: var(--bg, #0e1114);
  border: none;
  padding: 0.55rem 1.25rem;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
}
.btn--steam:hover { opacity: 0.9; }