/* ============================================================================
   Agentry — MiniMax boxy theme normalization.

   Loaded AFTER each sub-page's own inline <style> (account, checkout, download,
   privacy, terms, refund, success) to bring them in line with the index.html
   landing page's minimalist "MiniMax" treatment. The pages already share the
   correct palette (--bg:#000, --accent:#00e38f, --surface:#0e0e13,
   --muted:#8b93a7, hairline borders); this layer only flattens the *treatment*:

     • flat black canvas (no radial accent-glow wash)
     • zero border-radius everywhere (boxy)
     • no elevation / glow / halo box-shadows (flat)
     • no decorative background gradients (flat surfaces)
     • flat, non-blurred sticky header (matches the landing nav)
     • Space Grotesk display font on headings + brand wordmark

   index.html is the source of truth and is intentionally NOT linked here.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

/* --- display font: match the landing page's headings + wordmark ----------- */
h1, h2, h3, .brand {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}

/* --- flat black canvas: drop each page's radial accent-glow background ----- */
body {
  background: var(--bg, #000000) !important;
}

/* --- boxy: zero radius on every surface, control, pip and media ----------- */
*, *::before, *::after {
  border-radius: 0 !important;
}

/* --- flat: no elevation / glow / halo shadows anywhere -------------------- */
*, *::before, *::after {
  box-shadow: none !important;
}

/* --- flat surfaces: strip decorative gradients back to solid fills -------- */
.card, .panel, .panel.hero, .card.feature, .aside-card,
.callout, .note, .trial-note, .steps, .dashboard {
  background-image: none !important;
}

/* accent-tinted callouts/notes: keep a flat brand tint + hairline accent box */
.callout, .note, .trial-note {
  background-color: rgba(0, 227, 143, 0.06) !important;
  border: 1px solid rgba(0, 227, 143, 0.30) !important;
}
.callout.warn {
  background-color: rgba(251, 191, 36, 0.06) !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
}

/* account: decorative top accent-line on the auth card + side-stripe box --- */
.card::before { display: none !important; }
.checkout-context {
  border: 1px solid rgba(0, 227, 143, 0.30) !important;
}

/* --- flat sticky header: solid, non-blurred (matches the landing nav) ------ */
header, .nav {
  background: rgba(0, 0, 0, 0.92) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* --- inputs: keep a clear focus affordance without a glow halo ------------- */
.input:focus, input:focus, textarea:focus, select:focus {
  box-shadow: none !important;
  border-color: rgba(0, 227, 143, 0.6) !important;
}

/* --- preserve accessible keyboard focus (outline, not shadow) ------------- */
:focus-visible {
  outline: 2px solid var(--accent, #00e38f) !important;
  outline-offset: 2px;
}