// Partner Deals — future-feature placeholder. Visually present, locked.
// Commission data is handled externally (Sion); this tab launches in a later phase.
function PartnerDealsPage() {
  return (
    <div style={{ minHeight: "70vh", display: "flex", alignItems: "center", justifyContent: "center", padding: "64px" }}>
      <div style={{ textAlign: "center", maxWidth: 440, display: "flex", flexDirection: "column", alignItems: "center" }}>
        <div style={{ width: 64, height: 64, border: "1px solid var(--rdb-gold-soft)", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: 28 }}>
          <Icon name="lock" size={24} color="var(--rdb-gold)" />
        </div>
        <div className="rdb-eyebrow" style={{ marginBottom: 16 }}>Future feature</div>
        <h1 style={{ fontFamily: "var(--font-display)", fontWeight: 700, fontSize: 36, letterSpacing: "-0.02em", color: "var(--fg-1)", margin: "0 0 16px", lineHeight: 1.05 }}>Partner Deals</h1>
        <p style={{ fontFamily: "var(--font-body)", fontSize: 15, lineHeight: 1.6, color: "var(--fg-2)", margin: 0 }}>
          Preferred partner rates and deal structures — in progress.
        </p>
        <div style={{ marginTop: 28, fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--ink-6)", letterSpacing: "0.04em" }}>
          Launching in a future phase
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { PartnerDealsPage });