/**
 * BigPlay — Applied Radius / Border / Elevation (WP04)
 * Load AFTER theme.bundle + exchange-theme (+ typography/spacing).
 * Vocabulary: none · chip(4) · control/panel(8) · pill(999)
 */

/* ── Alias bridge ───────────────────────────────────────────────────────── */
.exchange-app {
  --ex-panel-radius: var(--theme-radius-panel, 8px);
  --ex-xch-radius: var(--theme-radius-odds, 0);
  --ex-shadow: var(--theme-shadow-sm, var(--theme-shadow-level-1));
  --ex-shadow-raised: var(--theme-shadow-md, var(--theme-shadow-level-2));
  --ex-shadow-float: var(--theme-shadow-lg, var(--theme-shadow-level-3));
  --ex-account-dd-radius: var(--theme-radius-panel, 8px);
}

/* ── Panels / cards ─────────────────────────────────────────────────────── */
.exchange-app .ex-user-panel,
.exchange-app .ex-account-section,
.exchange-app .ex-money-section,
.exchange-app .ex-dashboard-page,
.exchange-app .ex-inplay-tile,
.exchange-app .ex-panel,
.exchange-app .ex-auth-card,
.exchange-app .ex-login-wall__card .card {
  border-radius: var(--theme-radius-panel, 8px);
}

.exchange-app .ex-shell__main > .ex-subnav-tabs,
.exchange-app .ex-shell__main > .ex-money-section__tabs,
.exchange-app .ex-shell__main > .ex-account-section__tabs {
  border-radius: var(--theme-radius-panel, 8px) var(--theme-radius-panel, 8px) 0 0;
}

.exchange-app .ex-shell__main > .ex-subnav-tabs + .ex-user-panel,
.exchange-app .ex-shell__main > .ex-money-section__tabs + .ex-user-panel,
.exchange-app .ex-shell__main > .ex-subnav-tabs + .ex-money-section,
.exchange-app .ex-shell__main > .ex-money-section__tabs + .ex-money-section,
.exchange-app .ex-shell__main > .ex-account-section__tabs + .ex-account-section,
.exchange-app .ex-shell__main > .ex-subnav-tabs + .ex-account-section {
  border-radius: 0 0 var(--theme-radius-panel, 8px) var(--theme-radius-panel, 8px);
}

/* ── Controls / chips / pills ───────────────────────────────────────────── */
.exchange-app .btn-base,
.exchange-app .ex-btn,
.exchange-app .ex-load-more-btn,
.exchange-app .ex-promo-html__cta,
.exchange-app input.form-control,
.exchange-app select.form-control,
.exchange-app .form-control,
.exchange-app .ex-input {
  border-radius: var(--theme-radius-control, 8px);
}

.exchange-app .ex-chip,
.exchange-app .ex-badge:not(.ex-badge--pill),
.exchange-app .ex-indibet-row__flag,
.exchange-app .ex-live-badge,
.exchange-app .ex-inplay-group__count {
  border-radius: var(--theme-radius-chip, 4px);
}

.exchange-app .ex-badge--pill,
.exchange-app .ex-pill,
.exchange-app .ex-sidebar__section-toggle,
.exchange-app .nav-pills .nav-link {
  border-radius: var(--theme-radius-pill, 999px);
}

/* ── Odds cells: sharp + flat (enterprise exchange) ─────────────────────── */
.exchange-app .ex-inplay-group__list--indibet {
  --ex-xch-radius: var(--theme-radius-odds, 0);
}

.exchange-app .ex-price,
.exchange-app .ex-indibet-outcome .ex-price,
.exchange-app .ex-indibet-outcome > a.ex-price,
.exchange-app a.ex-price,
.exchange-app .ex-odds-cell,
.exchange-app .ex-ladder .ex-price,
.exchange-app .ex-ladder__cell,
.exchange-app .ex-ladder__cell--live.ex-price {
  /* Literal 0 — never resolve via tokens (soft pink Away/Under edges). */
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: none;
}

/* Selected = tint only (no pink / dark outer ring) */
.exchange-app .ex-price:focus-visible,
.exchange-app .ex-price.is-selected,
.exchange-app .ex-price.ex-price--selected {
  box-shadow: none;
  outline: none;
}

/* Ladder continuous grids stay square */
.exchange-app .ex-ladder,
.exchange-app .ex-ladder .ex-price {
  border-radius: 0 !important;
}

/* ── Elevation roles ────────────────────────────────────────────────────── */
.exchange-app .ex-dropdown-menu,
.exchange-app .ex-account-dd,
.exchange-app .dropdown-menu {
  box-shadow: var(--ex-shadow-float, var(--theme-shadow-lg));
  border-radius: var(--theme-radius-panel, 8px);
}

.exchange-app .ex-inplay-group,
.exchange-app .ex-market-panel {
  box-shadow: none;
  border: 1px solid var(--ex-border, var(--theme-border-default));
}