:root {
  --bg: #07111d;
  --bg-elevated: rgba(11, 21, 34, 0.985);
  --bg-soft: rgba(16, 27, 42, 0.965);
  --border: rgba(124, 152, 184, 0.12);
  --border-strong: rgba(124, 152, 184, 0.24);
  --text: #f4f7fb;
  --muted: #90a1b6;
  --gold: #cfb169;
  --blue: #6ea8ff;
  --blue-strong: #2f6fed;
  --emerald: #2dd39b;
  --danger: #ff6b6b;
  --surface-shadow: 0 22px 54px rgba(2, 8, 18, 0.42);
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 9px;
  --font-sans: Helvetica, Arial, sans-serif;
  --font-display: Helvetica, Arial, sans-serif;
  --font-display-premium: Helvetica, Arial, sans-serif;
  --font-mono: Helvetica, Arial, sans-serif;
}

/* v20260629-auth-simple01: simplified public web sign-in. */
body.auth-gate-open:not(.admin-page) .dashboard-auth-gate {
  align-items: center !important;
  justify-content: center !important;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.055), transparent 28%),
    radial-gradient(circle at 50% 82%, rgba(98, 149, 255, 0.06), transparent 34%),
    linear-gradient(145deg, #2c2b2a 0%, #141414 46%, #050607 100%) !important;
  backdrop-filter: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-card {
  width: min(432px, calc(100vw - 28px)) !important;
  max-width: min(432px, calc(100vw - 28px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 22px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-card::-webkit-scrollbar {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-card::before {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-shell {
  display: flex !important;
  width: 100% !important;
  min-height: min(760px, calc(100dvh - 24px)) !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
  padding: 24px 4px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-panel,
body.auth-gate-open:not(.admin-page) .dashboard-auth-main {
  display: grid !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-panel {
  gap: 18px !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-toolbar {
  position: fixed !important;
  top: max(16px, env(safe-area-inset-top)) !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  z-index: 2 !important;
  justify-content: flex-end !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-access-pill,
body.auth-gate-open:not(.admin-page) .dashboard-auth-highlight,
body.auth-gate-open:not(.admin-page) .dashboard-auth-benefit-grid,
body.auth-gate-open:not(.admin-page) .dashboard-auth-main-copy,
body.auth-gate-open:not(.admin-page) .dashboard-auth-provider-head {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-language-switch {
  min-height: 42px !important;
  padding: 4px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-language-switch .language-switch-button {
  min-width: 44px !important;
  min-height: 34px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-lockup {
  justify-content: center !important;
  margin: 0 !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-logo {
  width: min(156px, 48vw) !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.28)) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy {
  justify-items: center !important;
  gap: 10px !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy .eyebrow {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy h2 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(38px, 9vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy .muted-copy {
  max-width: 29ch !important;
  margin: 0 auto !important;
  color: rgba(244, 244, 244, 0.62) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.36 !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-main {
  gap: 14px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-provider-cluster {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-provider {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-widget,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-stack,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-google {
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  gap: 7px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button {
  position: relative !important;
  min-height: 64px !important;
  padding: 0 24px 0 70px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(18px, 4.6vw, 22px) !important;
  font-weight: 760 !important;
  letter-spacing: -0.025em !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button:hover {
  transform: none !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark {
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  width: 28px !important;
  height: 28px !important;
  transform: translateY(-50%) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark svg,
body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark img {
  width: 24px !important;
  height: 24px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-telegram {
  border-color: rgba(42, 171, 238, 0.32) !important;
  background: #229ed9 !important;
  color: #ffffff !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark-telegram {
  background: transparent !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-google {
  background: rgba(255, 255, 255, 0.02) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-yandex {
  background: #050505 !important;
  color: #ffffff !important;
}

body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin,
body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin > div,
body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin iframe {
  min-height: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
}

body.auth-gate-open:not(.admin-page) #dashboardTelegramLoginStatus {
  min-height: 16px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-security-check {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-note {
  display: block !important;
  max-width: 31ch !important;
  margin: 10px auto 0 !important;
  color: rgba(255, 255, 255, 0.46) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

@media (max-width: 440px) {
  body.auth-gate-open:not(.admin-page) .dashboard-auth-shell {
    gap: 20px !important;
    padding-inline: 0 !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-logo {
    width: min(138px, 44vw) !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-copy h2 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button {
    min-height: 60px !important;
    padding-left: 62px !important;
    font-size: 18px !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark {
    left: 21px !important;
  }
}


/* Admin support queue */
body.admin-page .support-ticket-table {
  min-width: 1180px;
}

body.admin-page .support-ticket-table td {
  vertical-align: top;
}

body.admin-page .support-ticket-table th:nth-child(3),
body.admin-page .support-ticket-table td:nth-child(3) {
  width: 38%;
}

body.admin-page .support-ticket-thread {
  display: grid;
  gap: 8px;
  max-height: 380px;
  min-width: 340px;
  overflow: auto;
  padding-right: 4px;
}

body.admin-page .support-ticket-message {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid rgba(132, 156, 188, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

body.admin-page .support-ticket-message.is-visitor {
  border-color: rgba(91, 145, 255, 0.2);
  background: rgba(91, 145, 255, 0.06);
}

body.admin-page .support-ticket-message.is-operator {
  border-color: rgba(91, 204, 145, 0.2);
  background: rgba(91, 204, 145, 0.055);
}

body.admin-page .support-ticket-message-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 10px;
}

body.admin-page .support-ticket-message-meta strong {
  color: var(--text);
  font-size: 11px;
}

body.admin-page .support-ticket-message p {
  margin: 0;
  color: var(--text);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.admin-page .support-ticket-delivery {
  color: var(--muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

body.admin-page .support-ticket-delivery.is-failed {
  color: var(--danger);
}

body.admin-page .support-ticket-delivery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.admin-page .support-ticket-compose {
  display: grid;
  gap: 8px;
  min-width: 230px;
}

body.admin-page .support-ticket-compose textarea {
  min-height: 108px;
  resize: vertical;
}

/* v20260903-market-stable01: keep live market figures visually steady. */
.view-section[data-view="home"] .home-market-live {
  width: 64px !important;
  min-width: 64px !important;
  flex: 0 0 64px !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-variant-numeric: tabular-nums !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-tile-copy strong,
.view-section[data-view="home"] .home-market-tile-copy em,
.view-section[data-view="home"] .home-market-hero small {
  font-variant-numeric: tabular-nums !important;
}

.view-section[data-view="home"] .home-market-tile-copy em {
  width: 58px !important;
  min-width: 58px !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-hero p {
  display: -webkit-box !important;
  height: 2.44em !important;
  min-height: 2.44em !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.view-section[data-view="home"] .home-market-hero small {
  display: -webkit-box !important;
  height: 2.44em !important;
  min-height: 2.44em !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* v20260903-climb-checkout-clarity02: readable type, complete post-payment path and rule callouts. */
#purchaseModal .modal-sheet:focus {
  outline: none;
}

#purchaseModal.is-climb-checkout .purchase-modal-head .eyebrow,
#purchaseModal.is-climb-checkout .stepper-price-meta,
#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-card-kicker,
.climb-purchase-brand-row .micro-label,
.climb-purchase-price-row > div > span,
.climb-purchase-section-head .micro-label,
.climb-purchase-ladder-head .micro-label {
  font-size: 10px;
}

#purchaseModal.is-climb-checkout .stepper-summary-description {
  max-width: 34ch;
  color: rgba(231, 237, 234, 0.76);
  font-size: 11px;
}

.climb-purchase-brand-row strong {
  font-size: 13px;
}

.climb-purchase-entry-copy p {
  color: rgba(235, 240, 237, 0.78);
  font-size: 12px;
}

.climb-purchase-entry-copy .climb-purchase-reward-disclaimer {
  padding: 8px 9px;
  color: #f5e5b9;
  font-size: 11px;
  line-height: 1.4;
}

.climb-purchase-fixed-pill,
.climb-purchase-route figcaption,
.climb-purchase-ladder-head > span {
  font-size: 10px;
}

.climb-purchase-facts small,
.climb-purchase-ladder-level small,
.climb-purchase-ladder-level em {
  color: rgba(230, 236, 233, 0.72);
  font-size: 9px;
}

.climb-purchase-section-head h5,
.climb-purchase-ladder-head h5 {
  font-size: 14px;
}

.climb-purchase-journey-list strong {
  font-size: 12px;
}

.climb-purchase-journey-list small,
.climb-purchase-trust-note p {
  color: rgba(231, 237, 234, 0.74);
  font-size: 11px;
}

#purchaseModal.is-climb-checkout .climb-checkout-hero p,
#purchaseModal.is-climb-checkout .climb-fixed-note p,
.climb-rule-visual-card > p,
.climb-review-summary-head p {
  color: rgba(231, 237, 234, 0.74);
  font-size: 11px;
}

#purchaseModal.is-climb-checkout .climb-checkout-clock span,
.climb-rule-visual-head > span,
.climb-trailing-line i,
.climb-trailing-gap,
.climb-idea-formula span,
.climb-idea-formula b,
.climb-idea-formula em,
.climb-hold-visual > em {
  font-size: 9px;
}

.climb-rule-visual-head > strong {
  font-size: 13px;
}

.climb-trailing-line b,
.climb-hold-visual > span,
.climb-hold-visual > strong {
  font-size: 11px;
}

.climb-rule-visual-card > .climb-rule-example-note,
.climb-rule-visual-card > .climb-rule-important {
  padding: 8px 9px;
  border: 1px solid rgba(240, 200, 108, 0.14);
  border-radius: 9px;
  background: rgba(240, 200, 108, 0.055);
  color: rgba(246, 237, 212, 0.86);
}

.climb-rule-visual-card > .climb-rule-important {
  border-color: rgba(104, 221, 169, 0.18);
  background: rgba(104, 221, 169, 0.055);
  color: rgba(220, 247, 235, 0.88);
}

.climb-review-price span,
.climb-review-price small,
.climb-review-promise-grid small,
.climb-review-mini-flow b,
.climb-review-mini-flow span {
  font-size: 9px;
}

.climb-review-promise-grid small {
  color: rgba(229, 235, 232, 0.72);
}

.climb-review-rule-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.climb-review-rule-strip > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(240, 200, 108, 0.12);
  border-radius: 9px;
  background: rgba(240, 200, 108, 0.045);
  color: rgba(232, 237, 234, 0.76);
  font-size: 10px;
  line-height: 1.25;
}

.climb-review-rule-strip b {
  color: #f4d684;
  font-size: 12px;
}

.climb-review-disclaimer {
  margin: 0;
  padding: 8px 9px;
  border-left: 2px solid #7ee0b5;
  border-radius: 0 8px 8px 0;
  background: rgba(104, 221, 169, 0.055);
  color: rgba(225, 246, 236, 0.88);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.climb-review-mini-flow {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.climb-review-mini-flow span {
  color: rgba(237, 240, 238, 0.78);
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card .purchase-selection-head h4 {
  font-size: 13px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-total {
  font-size: 14px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-title,
#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-meta,
.climb-checkout-code-drawer > summary {
  font-size: 11px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method small {
  color: rgba(230, 236, 233, 0.72);
  font-size: 10px;
}

@media (max-width: 560px) {
  .climb-review-mini-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .climb-review-mini-flow li:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 200, 108, 0.09);
  }

  .climb-review-mini-flow li:nth-child(4) {
    border-left: 0;
  }

  .climb-review-mini-flow span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .climb-review-mini-flow span {
    font-size: 9px;
  }
}

/* v20260903-climb-checkout-premium01: clear, fixed-format Friday Climb purchase flow. */
#purchaseModal.is-climb-checkout .modal-sheet {
  --climb-checkout-gold: #f0c86c;
  --climb-checkout-gold-soft: rgba(240, 200, 108, 0.12);
  --climb-checkout-green: #68dda9;
  --climb-checkout-green-soft: rgba(104, 221, 169, 0.1);
  --climb-checkout-ink: #07100f;
  --climb-checkout-surface: rgba(10, 16, 20, 0.94);
  --climb-checkout-border: rgba(240, 200, 108, 0.2);
  border-color: rgba(240, 200, 108, 0.2) !important;
  background:
    radial-gradient(circle at 104% -8%, rgba(104, 221, 169, 0.13), transparent 32%),
    radial-gradient(circle at -8% 13%, rgba(240, 200, 108, 0.1), transparent 28%),
    linear-gradient(180deg, #101719 0%, #070b0e 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 26px 68px rgba(0, 0, 0, 0.52) !important;
}

#purchaseModal.is-climb-checkout .purchase-modal-head {
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(240, 200, 108, 0.12);
}

#purchaseModal.is-climb-checkout .purchase-modal-head .eyebrow {
  color: var(--climb-checkout-gold) !important;
  font-size: 8px;
  letter-spacing: 0.14em;
}

#purchaseModal.is-climb-checkout .purchase-modal-head h3 {
  margin-top: 2px;
  color: #faf8f1;
  font-size: 1.12rem;
  letter-spacing: -0.035em;
}

#purchaseModal.is-climb-checkout .modal-close-icon {
  border-color: rgba(240, 200, 108, 0.14) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

#purchaseModal.is-climb-checkout .stepper-summary {
  padding: 10px 11px;
  border: 1px solid rgba(240, 200, 108, 0.14);
  background:
    linear-gradient(135deg, rgba(240, 200, 108, 0.075), rgba(104, 221, 169, 0.025)),
    rgba(5, 10, 13, 0.72) !important;
}

#purchaseModal.is-climb-checkout .stepper-summary-main {
  gap: 2px;
}

#purchaseModal.is-climb-checkout .stepper-kicker {
  color: rgba(240, 200, 108, 0.76);
}

#purchaseModal.is-climb-checkout .stepper-summary-main > strong {
  color: #f8f7f2;
  font-size: 13px;
  line-height: 1.2;
}

#purchaseModal.is-climb-checkout .stepper-summary-description {
  display: block;
  max-width: 25ch;
  color: rgba(221, 228, 226, 0.58);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
}

#purchaseModal.is-climb-checkout .stepper-summary-aside {
  min-width: 88px;
  max-width: 104px;
  border-color: rgba(240, 200, 108, 0.18);
  background: rgba(4, 9, 11, 0.78);
}

#purchaseModal.is-climb-checkout .stepper-summary-aside strong {
  color: var(--climb-checkout-gold);
}

#purchaseModal.is-climb-checkout .stepper-price-meta {
  overflow: hidden;
  color: rgba(226, 232, 230, 0.54);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#purchaseModal.is-climb-checkout .stepper-progress {
  background: rgba(255, 255, 255, 0.045);
}

#purchaseModal.is-climb-checkout .stepper-progress > span {
  background: linear-gradient(90deg, var(--climb-checkout-gold), var(--climb-checkout-green)) !important;
}

#purchaseModal.is-climb-checkout .step-pill-number {
  border-color: rgba(240, 200, 108, 0.16);
  background: #0b1214;
}

#purchaseModal.is-climb-checkout .step-pill.is-active .step-pill-number,
#purchaseModal.is-climb-checkout .step-pill.is-complete .step-pill-number {
  border-color: transparent;
  background: linear-gradient(135deg, var(--climb-checkout-gold), var(--climb-checkout-green)) !important;
  color: var(--climb-checkout-ink) !important;
}

#purchaseModal.is-climb-checkout .step-pill.is-active .step-pill-label {
  color: #f6e6b7;
}

#purchaseModal.is-climb-checkout #purchaseBody {
  min-width: 0;
  overflow-x: hidden;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active {
  display: grid;
  grid-template-columns: none !important;
  grid-auto-columns: minmax(88px, 1fr);
  grid-auto-flow: column;
  gap: 6px;
  padding: 1px 1px 5px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active::-webkit-scrollbar {
  display: none;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active .purchase-program-card {
  min-width: 88px;
  min-height: 48px;
  padding: 8px 9px;
  border-radius: 11px;
  text-align: left;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active .purchase-program-card-kicker {
  overflow: hidden;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active .purchase-program-card strong {
  font-size: 12px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-card.is-climb.is-active {
  border-color: rgba(240, 200, 108, 0.4) !important;
  background:
    linear-gradient(145deg, rgba(240, 200, 108, 0.18), rgba(104, 221, 169, 0.075)),
    #111819 !important;
}

.climb-purchase-entry,
.climb-checkout-review {
  display: grid;
  min-width: 0;
  gap: 10px;
}

.climb-purchase-entry-hero {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid var(--climb-checkout-border);
  border-radius: 18px;
  background:
    radial-gradient(circle at 88% 10%, rgba(104, 221, 169, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(48, 39, 22, 0.76), rgba(7, 16, 18, 0.97));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 16px 34px rgba(0, 0, 0, 0.22);
}

.climb-purchase-entry-hero::before {
  content: "";
  position: absolute;
  top: -72px;
  right: -46px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(240, 200, 108, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(240, 200, 108, 0.018), 0 0 0 54px rgba(104, 221, 169, 0.012);
  pointer-events: none;
}

.climb-purchase-entry-copy,
.climb-purchase-entry-hero > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.climb-purchase-entry-copy {
  display: grid;
  gap: 8px;
}

.climb-purchase-brand-row {
  display: flex;
  align-items: center;
  gap: 9px;
}

.climb-purchase-brand-mark {
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 200, 108, 0.28);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(240, 200, 108, 0.2), rgba(104, 221, 169, 0.1));
  color: #f8dc92;
  font-size: 15px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.climb-purchase-brand-row > div {
  display: grid;
  gap: 1px;
}

.climb-purchase-brand-row .micro-label {
  color: rgba(240, 200, 108, 0.62);
  font-size: 7px;
}

.climb-purchase-brand-row strong {
  color: #f8f5eb;
  font-size: 12px;
}

.climb-purchase-entry-copy h4,
.climb-purchase-entry-copy p {
  margin: 0;
}

.climb-purchase-entry-copy h4 {
  max-width: 22ch;
  color: #fffdf6;
  font-size: clamp(21px, 6.3vw, 27px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.climb-purchase-entry-copy p {
  max-width: 43ch;
  color: rgba(224, 231, 228, 0.68);
  font-size: 10px;
  line-height: 1.45;
}

.climb-purchase-entry-copy .climb-purchase-reward-disclaimer {
  display: flex;
  max-width: none;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
  border: 1px solid rgba(240, 200, 108, 0.13);
  border-radius: 8px;
  background: rgba(240, 200, 108, 0.055);
  color: rgba(246, 231, 192, 0.78);
  font-size: 8px;
  font-weight: 700;
}

.climb-purchase-reward-disclaimer > span {
  display: inline-flex;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(240, 200, 108, 0.13);
  color: #f0cf7b;
  font-size: 8px;
  font-weight: 900;
}

.climb-purchase-price-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding-top: 3px;
}

.climb-purchase-price-row > div {
  display: grid;
  gap: 1px;
}

.climb-purchase-price-row > div > span {
  color: rgba(240, 200, 108, 0.58);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.climb-purchase-price-row > div > strong {
  color: var(--climb-checkout-gold);
  font-size: 22px;
  letter-spacing: -0.04em;
}

.climb-purchase-fixed-pill {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid rgba(104, 221, 169, 0.2);
  border-radius: 999px;
  background: rgba(104, 221, 169, 0.075);
  color: #96ebc4;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}

.climb-purchase-route {
  display: grid;
  gap: 3px;
  margin: -6px 0 0;
}

.climb-purchase-route svg {
  display: block;
  width: 100%;
  height: 126px;
  overflow: visible;
}

.climb-purchase-route figcaption {
  margin: -6px 0 0;
  color: rgba(225, 232, 229, 0.55);
  font-size: 8px;
  font-weight: 650;
  text-align: center;
}

.climb-purchase-sun {
  fill: rgba(240, 200, 108, 0.11);
  stroke: rgba(240, 200, 108, 0.2);
}

.climb-purchase-mountain {
  stroke: rgba(240, 200, 108, 0.18);
  stroke-width: 1;
}

.climb-purchase-route-line {
  stroke-dasharray: 9 7;
  filter: drop-shadow(0 0 7px rgba(104, 221, 169, 0.23));
  animation: climb-route-march 16s linear infinite;
}

.climb-purchase-route-points circle {
  fill: #101b1a;
  stroke: #f0c86c;
  stroke-width: 3;
}

.climb-purchase-route-points circle:last-child {
  fill: #68dda9;
  stroke: #d9ffed;
}

.climb-purchase-flag {
  fill: rgba(104, 221, 169, 0.18);
  stroke: #68dda9;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.climb-purchase-route text {
  fill: rgba(248, 239, 213, 0.8);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

@keyframes climb-route-march {
  to { stroke-dashoffset: -96; }
}

.climb-purchase-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.climb-purchase-facts > span {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 10px;
  background: rgba(3, 8, 10, 0.48);
}

.climb-purchase-facts small {
  color: rgba(219, 228, 224, 0.48);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.climb-purchase-facts strong {
  color: #f7f5ef;
  font-size: 13px;
}

.climb-purchase-journey,
.climb-purchase-ladder,
.climb-review-summary {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 15px;
  background: rgba(8, 13, 16, 0.86);
}

.climb-purchase-section-head,
.climb-purchase-ladder-head {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
}

.climb-purchase-section-head {
  display: grid;
  gap: 2px;
}

.climb-purchase-section-head h5,
.climb-purchase-ladder-head h5 {
  margin: 0;
  color: #f6f4ed;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.climb-purchase-section-head .micro-label,
.climb-purchase-ladder-head .micro-label {
  color: rgba(240, 200, 108, 0.64);
  font-size: 7px;
}

.climb-purchase-journey-list {
  position: relative;
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.climb-purchase-journey-list::before {
  content: "";
  position: absolute;
  top: 17px;
  bottom: 17px;
  left: 14px;
  width: 1px;
  background: linear-gradient(var(--climb-checkout-gold), var(--climb-checkout-green));
  opacity: 0.42;
}

.climb-purchase-journey-list li {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 7px;
  border-radius: 10px;
}

.climb-purchase-journey-list li:nth-child(2) {
  background: linear-gradient(90deg, rgba(240, 200, 108, 0.065), transparent);
}

.climb-purchase-journey-number {
  display: inline-flex;
  width: 29px;
  height: 29px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 200, 108, 0.25);
  border-radius: 50%;
  background: #0c1415;
  color: #f2cf7d;
  font-size: 10px;
  font-weight: 900;
}

.climb-purchase-journey-list li:last-child .climb-purchase-journey-number {
  border-color: rgba(104, 221, 169, 0.28);
  color: #8ce8bf;
}

.climb-purchase-journey-list li > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.climb-purchase-journey-list strong {
  color: #f1f2ef;
  font-size: 10px;
}

.climb-purchase-journey-list small {
  color: rgba(218, 227, 223, 0.56);
  font-size: 8px;
  line-height: 1.35;
}

.climb-purchase-ladder-head > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.climb-purchase-ladder-head > span {
  flex: 0 0 auto;
  color: rgba(104, 221, 169, 0.68);
  font-size: 8px;
  font-weight: 750;
}

.climb-purchase-ladder-track {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.climb-purchase-ladder-level {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
  padding: 9px 8px;
  border: 1px solid rgba(240, 200, 108, 0.1);
  border-radius: 11px;
  background: linear-gradient(135deg, rgba(240, 200, 108, 0.05), rgba(255, 255, 255, 0.012));
}

.climb-purchase-ladder-level.is-summit {
  border-color: rgba(104, 221, 169, 0.22);
  background: linear-gradient(135deg, rgba(104, 221, 169, 0.11), rgba(240, 200, 108, 0.035));
}

.climb-purchase-ladder-dot {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 200, 108, 0.27);
  border-radius: 50%;
  background: #101717;
  color: #e8c873;
  font-size: 8px;
  font-weight: 900;
}

.climb-purchase-ladder-level.is-summit .climb-purchase-ladder-dot {
  border-color: rgba(104, 221, 169, 0.42);
  color: #8fe8c1;
}

.climb-purchase-ladder-level > div {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.climb-purchase-ladder-level small {
  color: rgba(225, 232, 229, 0.54);
  font-size: 7px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.climb-purchase-ladder-level strong {
  color: #f5d785;
  font-size: 14px;
  letter-spacing: -0.03em;
}

.climb-purchase-ladder-level.is-summit strong {
  color: #8ee9c1;
}

.climb-purchase-ladder-level em {
  overflow: hidden;
  color: rgba(220, 228, 225, 0.48);
  font-size: 7px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.climb-purchase-trust-note {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(104, 221, 169, 0.14);
  border-radius: 12px;
  background: rgba(104, 221, 169, 0.045);
}

.climb-purchase-trust-note > svg {
  width: 25px;
  height: 25px;
  fill: rgba(104, 221, 169, 0.08);
  stroke: #75deb0;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.climb-purchase-trust-note p {
  margin: 0;
  color: rgba(220, 229, 225, 0.65);
  font-size: 8px;
  line-height: 1.45;
}

.climb-purchase-trust-note strong {
  color: #dff7ec;
}

.climb-purchase-trust-note a {
  color: #a1edcc;
  text-underline-offset: 2px;
}

#purchaseModal.is-climb-checkout .climb-checkout-setup {
  gap: 9px;
}

#purchaseModal.is-climb-checkout .climb-checkout-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  border-color: rgba(240, 200, 108, 0.2);
  border-radius: 15px;
  background:
    radial-gradient(circle at 94% 2%, rgba(104, 221, 169, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(41, 34, 21, 0.78), rgba(7, 14, 17, 0.96));
}

#purchaseModal.is-climb-checkout .climb-checkout-hero h4 {
  color: #f7f4ea;
  font-size: 17px;
}

#purchaseModal.is-climb-checkout .climb-checkout-hero p {
  font-size: 9px;
  line-height: 1.4;
}

#purchaseModal.is-climb-checkout .climb-checkout-clock {
  min-width: 96px;
  padding: 10px;
  border-color: rgba(240, 200, 108, 0.2);
  background: rgba(3, 9, 10, 0.55);
}

#purchaseModal.is-climb-checkout .climb-checkout-clock strong {
  color: var(--climb-checkout-gold);
  font-size: 16px;
}

#purchaseModal.is-climb-checkout .climb-checkout-clock span {
  font-size: 7px;
}

.climb-rules-visual-grid {
  display: grid;
  gap: 7px;
}

.climb-rule-visual-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 13px;
  background: rgba(8, 13, 16, 0.86);
}

.climb-rule-visual-card.is-trailing {
  border-color: rgba(240, 200, 108, 0.16);
}

.climb-rule-visual-head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.climb-rule-visual-head > span {
  display: inline-flex;
  width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 200, 108, 0.2);
  border-radius: 7px;
  color: #e9c977;
  font-size: 7px;
  font-weight: 900;
}

.climb-rule-visual-head > strong {
  color: #f4f3ed;
  font-size: 11px;
}

.climb-rule-visual-card > p {
  margin: 0;
  color: rgba(220, 228, 225, 0.58);
  font-size: 8px;
  line-height: 1.42;
}

.climb-trailing-visual {
  position: relative;
  display: grid;
  gap: 11px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(2, 7, 9, 0.54);
}

.climb-trailing-line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 5px;
  border-top: 2px solid rgba(240, 200, 108, 0.54);
}

.climb-trailing-line.is-breach {
  border-top-style: dashed;
  border-top-color: rgba(255, 116, 116, 0.62);
}

.climb-trailing-line i {
  color: rgba(225, 231, 228, 0.57);
  font-size: 7px;
  font-style: normal;
}

.climb-trailing-line b {
  color: #f4d27c;
  font-size: 9px;
}

.climb-trailing-line.is-breach b {
  color: #ff8f8f;
}

.climb-trailing-gap {
  position: absolute;
  top: 50%;
  right: 8px;
  padding: 2px 5px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #151718;
  color: rgba(239, 210, 133, 0.74);
  font-size: 7px;
  font-weight: 800;
}

.climb-idea-formula,
.climb-hold-visual {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(2, 7, 9, 0.54);
}

.climb-idea-formula span {
  padding: 5px 7px;
  border: 1px solid rgba(240, 200, 108, 0.14);
  border-radius: 7px;
  color: #f1dfac;
  font-size: 8px;
  font-weight: 800;
}

.climb-idea-formula b {
  color: rgba(230, 234, 231, 0.36);
  font-size: 8px;
}

.climb-idea-formula em {
  margin-left: auto;
  color: #87e5bc;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.climb-hold-visual {
  flex-wrap: nowrap;
}

.climb-hold-visual > span,
.climb-hold-visual > strong {
  color: rgba(225, 231, 228, 0.58);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 9px;
}

.climb-hold-visual > strong {
  color: #f2cf79;
}

.climb-hold-visual > i {
  position: relative;
  flex: 1 1 50px;
  height: 2px;
  background: linear-gradient(90deg, rgba(240, 200, 108, 0.28), #f0c86c);
}

.climb-hold-visual > i::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #f0c86c;
  box-shadow: 0 0 0 4px rgba(240, 200, 108, 0.1);
}

.climb-hold-visual > em {
  color: #83e4b8;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}

#purchaseModal.is-climb-checkout .climb-fixed-note {
  padding: 10px 11px;
  border-color: rgba(104, 221, 169, 0.14);
  background: rgba(104, 221, 169, 0.045);
}

#purchaseModal.is-climb-checkout .climb-fixed-note p {
  font-size: 8px;
}

.climb-review-summary {
  border-color: rgba(240, 200, 108, 0.18);
  background:
    radial-gradient(circle at 96% 2%, rgba(104, 221, 169, 0.1), transparent 32%),
    linear-gradient(145deg, rgba(42, 34, 20, 0.68), rgba(7, 14, 17, 0.96));
}

.climb-review-summary-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.climb-review-summary-head > div:first-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.climb-review-summary-head h4,
.climb-review-summary-head p {
  margin: 0;
}

.climb-review-summary-head h4 {
  color: #fbf8ee;
  font-size: 17px;
  letter-spacing: -0.035em;
}

.climb-review-summary-head p {
  color: rgba(223, 230, 227, 0.59);
  font-size: 8px;
  line-height: 1.35;
}

.climb-review-price {
  display: grid;
  justify-items: end;
  gap: 1px;
}

.climb-review-price span,
.climb-review-price small {
  color: rgba(240, 200, 108, 0.58);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.climb-review-price strong {
  color: var(--climb-checkout-gold);
  font-size: 20px;
  letter-spacing: -0.04em;
}

.climb-review-promise-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.climb-review-promise-grid > span {
  display: grid;
  min-width: 0;
  justify-items: center;
  gap: 2px;
  padding: 8px 4px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 9px;
  background: rgba(3, 8, 10, 0.44);
  text-align: center;
}

.climb-review-promise-grid svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #8ee6be;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.climb-review-promise-grid b {
  color: #f5d989;
  font-size: 11px;
}

.climb-review-promise-grid small {
  color: rgba(220, 228, 225, 0.52);
  font-size: 7px;
}

.climb-review-mini-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(240, 200, 108, 0.1);
  border-radius: 9px;
  list-style: none;
}

.climb-review-mini-flow li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 2px;
  min-width: 0;
  padding: 7px 3px;
  background: rgba(4, 9, 11, 0.47);
}

.climb-review-mini-flow li + li {
  border-left: 1px solid rgba(240, 200, 108, 0.09);
}

.climb-review-mini-flow b {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(240, 200, 108, 0.1);
  color: #f0cf7d;
  font-size: 7px;
}

.climb-review-mini-flow span {
  max-width: 100%;
  overflow: hidden;
  color: rgba(231, 235, 232, 0.67);
  font-size: 7px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card {
  display: grid;
  gap: 9px;
  padding: 12px;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px;
  background: rgba(8, 13, 16, 0.88) !important;
  box-shadow: none !important;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card::before {
  background: linear-gradient(90deg, var(--climb-checkout-gold), var(--climb-checkout-green));
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card .purchase-selection-head {
  padding-bottom: 8px;
  border-bottom-color: rgba(255, 255, 255, 0.07);
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card .purchase-selection-head h4 {
  font-size: 11px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-total {
  color: var(--climb-checkout-gold) !important;
  font-size: 12px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-methods {
  gap: 6px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method {
  min-height: 62px;
  padding: 9px;
  border-color: rgba(255, 255, 255, 0.075);
  border-radius: 10px;
  background: rgba(3, 8, 10, 0.5);
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method.is-active {
  border-color: rgba(104, 221, 169, 0.3);
  background: rgba(104, 221, 169, 0.07);
  box-shadow: inset 0 0 0 1px rgba(104, 221, 169, 0.045);
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-title,
#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-meta {
  font-size: 9px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method small {
  font-size: 7px;
  line-height: 1.3;
}

.climb-checkout-code-drawer {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  background: rgba(7, 12, 15, 0.78);
}

.climb-checkout-code-drawer > summary {
  position: relative;
  padding: 11px 34px 11px 12px;
  color: rgba(224, 231, 228, 0.68);
  cursor: pointer;
  font-size: 9px;
  font-weight: 750;
  list-style: none;
}

.climb-checkout-code-drawer > summary::-webkit-details-marker {
  display: none;
}

.climb-checkout-code-drawer > summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 12px;
  color: #e8c875;
  font-size: 15px;
  transform: translateY(-50%);
}

.climb-checkout-code-drawer[open] > summary::after {
  content: "−";
}

#purchaseModal.is-climb-checkout #purchaseBody .climb-checkout-code-drawer .purchase-code-card {
  margin: 0 8px 8px;
  padding: 10px;
  border-color: rgba(240, 200, 108, 0.1) !important;
  border-radius: 10px;
  background: rgba(3, 8, 10, 0.54) !important;
  box-shadow: none !important;
}

#purchaseModal.is-climb-checkout #purchaseBody .climb-checkout-code-drawer .button-primary {
  border-color: rgba(240, 200, 108, 0.16) !important;
  background: rgba(240, 200, 108, 0.08) !important;
  color: #f4d88a !important;
  box-shadow: none !important;
}

#purchaseModal.is-climb-checkout .modal-actions {
  padding-top: 10px;
  border-top: 1px solid rgba(240, 200, 108, 0.1);
}

#purchaseModal.is-climb-checkout .modal-actions .button-primary {
  min-height: 44px;
  border-color: transparent !important;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0c86c 0%, #89dea9 100%) !important;
  color: #07100d !important;
  font-weight: 850;
  box-shadow: 0 12px 24px rgba(70, 184, 136, 0.13) !important;
}

#purchaseModal.is-climb-checkout .modal-actions .button-secondary {
  flex: 0 0 auto;
  min-width: 72px;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  color: rgba(239, 241, 238, 0.72) !important;
  box-shadow: none !important;
}

#purchaseModal.is-climb-checkout .modal-actions .button-secondary:disabled {
  display: none;
}

#purchaseModal.is-climb-checkout .modal-actions .button-secondary:disabled + .button-primary {
  flex-basis: 100%;
}

#purchaseModal.is-climb-checkout :is(button, a, summary):focus-visible {
  outline: 2px solid #93e6bf;
  outline-offset: 2px;
}

@media (max-width: 360px) {
  #purchaseModal.is-climb-checkout .stepper-summary-description,
  #purchaseModal.is-climb-checkout .stepper-price-meta {
    display: none;
  }

  #purchaseModal.is-climb-checkout .stepper-summary-aside {
    min-width: 76px;
    padding: 7px;
  }

  #purchaseModal.is-climb-checkout #purchaseBody .purchase-program-switch.is-climb-active {
    grid-auto-columns: 82px;
  }

  .climb-purchase-entry-hero,
  .climb-purchase-journey,
  .climb-purchase-ladder,
  .climb-review-summary {
    padding: 11px;
  }

  .climb-purchase-entry-copy h4 {
    font-size: 20px;
  }

  .climb-purchase-route svg {
    height: 108px;
  }

  .climb-purchase-ladder-level {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .climb-purchase-ladder-level em {
    display: none;
  }

  #purchaseModal.is-climb-checkout .climb-checkout-hero {
    grid-template-columns: 1fr;
  }

  #purchaseModal.is-climb-checkout .climb-checkout-clock {
    min-width: 0;
    justify-items: start;
  }

  .climb-review-summary-head {
    grid-template-columns: 1fr;
  }

  .climb-review-price {
    justify-items: start;
  }

  .climb-review-mini-flow span {
    font-size: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .climb-purchase-route-line {
    animation: none;
  }
}

/* v20260903-climb24h-dashboard01: Friday Climb ticket, live run, ladder and fixed checkout. */
.status-badge.status-ready {
  color: #f4d98d;
  background: rgba(219, 179, 83, 0.14);
  border: 1px solid rgba(219, 179, 83, 0.24);
}

.status-badge.status-completed {
  color: #83e8bd;
  background: rgba(45, 211, 155, 0.12);
  border: 1px solid rgba(45, 211, 155, 0.22);
}

.status-badge.status-expired {
  color: #aeb9c8;
  background: rgba(157, 170, 188, 0.1);
  border: 1px solid rgba(157, 170, 188, 0.18);
}

.climb-account-card {
  position: relative;
  isolation: isolate;
  gap: 14px !important;
  padding: 18px !important;
  overflow: hidden;
  border: 1px solid rgba(223, 187, 94, 0.24) !important;
  background:
    radial-gradient(circle at 91% 2%, rgba(45, 211, 155, 0.12), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(225, 185, 84, 0.11), transparent 34%),
    linear-gradient(154deg, rgba(17, 27, 37, 0.995), rgba(7, 13, 22, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 22px 50px rgba(1, 7, 15, 0.3) !important;
}

.climb-account-card > *:not(.climb-card-glow) {
  position: relative;
  z-index: 1;
}

.climb-card-glow {
  position: absolute !important;
  z-index: 0 !important;
  top: -95px;
  right: -80px;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(45, 211, 155, 0.08);
  filter: blur(34px);
  pointer-events: none;
}

.climb-account-card.is-breached {
  border-color: rgba(255, 107, 107, 0.23) !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(255, 107, 107, 0.09), transparent 32%),
    linear-gradient(154deg, rgba(22, 24, 31, 0.995), rgba(10, 13, 20, 0.995)) !important;
}

.climb-account-card.is-expired {
  border-color: rgba(145, 158, 176, 0.17) !important;
  filter: saturate(0.68);
}

.climb-account-topline {
  align-items: flex-start !important;
}

.climb-account-topline h4 {
  margin-top: 3px;
  color: #f7f4e9;
  letter-spacing: -0.035em;
}

.climb-card-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(142px, 0.8fr);
  gap: 10px;
  align-items: stretch;
}

.climb-card-balance,
.climb-countdown {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  background: rgba(3, 9, 16, 0.5);
}

.climb-card-balance > span,
.climb-countdown > span,
.climb-card-balance > small,
.climb-countdown > small {
  color: rgba(193, 207, 222, 0.68);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.climb-card-balance > span,
.climb-countdown > span {
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.climb-card-balance > strong {
  color: #f7f8fb;
  font-size: clamp(22px, 3vw, 29px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.045em;
}

.climb-countdown {
  background:
    linear-gradient(150deg, rgba(224, 187, 94, 0.1), rgba(45, 211, 155, 0.035)),
    rgba(3, 9, 16, 0.62);
}

.climb-countdown > strong {
  color: #f2d782;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: clamp(20px, 3vw, 28px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.045em;
  white-space: nowrap;
}

.climb-countdown.is-compact > strong {
  font-size: clamp(18px, 2.4vw, 24px);
}

.climb-countdown.is-urgent {
  border-color: rgba(255, 107, 107, 0.26);
  background: rgba(255, 107, 107, 0.075);
}

.climb-countdown.is-urgent > strong {
  color: #ff8a94;
}

.climb-countdown.is-finished > strong {
  color: rgba(228, 235, 243, 0.82);
  font-family: inherit;
  font-size: 14px;
  white-space: normal;
}

.climb-risk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.climb-risk-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 11px;
  border-radius: 11px;
  border: 1px solid rgba(135, 158, 185, 0.12);
  background: rgba(255, 255, 255, 0.025);
}

.climb-risk-grid span {
  color: rgba(174, 192, 211, 0.66);
  font-size: 9px;
  font-weight: 740;
  line-height: 1.2;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.climb-risk-grid strong {
  min-width: 0;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.climb-risk-grid .climb-breach-metric {
  border-color: rgba(255, 107, 107, 0.17);
  background: rgba(255, 107, 107, 0.045);
}

.climb-risk-grid .climb-breach-metric strong {
  color: #ff8891;
}

.climb-ladder {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(154, 178, 204, 0.13);
  background: rgba(4, 10, 18, 0.5);
}

.climb-ladder-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.climb-ladder-head > div {
  display: grid;
  gap: 2px;
}

.climb-ladder-head strong {
  color: #f3f5f8;
  font-size: 14px;
}

.climb-eligible-balance {
  padding: 6px 8px;
  border-radius: 999px;
  color: rgba(210, 222, 235, 0.76);
  background: rgba(255, 255, 255, 0.045);
  font-size: 10px;
  font-weight: 720;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.climb-ladder-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.climb-ladder-track::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10px;
  left: 11%;
  right: 11%;
  height: 1px;
  background: linear-gradient(90deg, rgba(222, 182, 83, 0.45), rgba(45, 211, 155, 0.36));
}

.climb-ladder-step {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 5px;
  min-width: 0;
  text-align: center;
}

.climb-ladder-marker {
  display: inline-flex;
  width: 21px;
  height: 21px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(159, 178, 199, 0.26);
  background: #0a111c;
  color: rgba(205, 218, 232, 0.7);
  font-size: 11px;
  box-shadow: 0 0 0 4px #080f18;
}

.climb-ladder-copy {
  display: grid;
  justify-items: center;
  min-width: 0;
}

.climb-ladder-copy > span,
.climb-ladder-copy > small {
  color: rgba(170, 190, 211, 0.64);
  font-size: 9px;
  line-height: 1.25;
}

.climb-ladder-copy > strong {
  color: #eef2f7;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.climb-ladder-step.is-passed .climb-ladder-marker,
.climb-ladder-step.is-secured .climb-ladder-marker {
  border-color: rgba(45, 211, 155, 0.55);
  background: #153b31;
  color: #83e8bd;
}

.climb-ladder-step.is-secured .climb-ladder-copy > strong {
  color: #84e8bd;
}

.climb-ladder-step > em {
  padding: 3px 5px;
  border-radius: 999px;
  color: #84e8bd;
  background: rgba(45, 211, 155, 0.11);
  font-size: 7px;
  font-style: normal;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.climb-ladder.is-compact {
  padding: 12px;
}

.climb-result-copy,
.climb-detail-note {
  margin: 0;
  color: rgba(195, 209, 224, 0.72);
  font-size: 12px;
  line-height: 1.5;
}

.climb-card-actions {
  align-items: stretch !important;
}

.climb-card-actions .button {
  flex: 1 1 130px;
}

.climb-start-button {
  color: #07120e !important;
  background: linear-gradient(135deg, #f0cf73, #61dfa9) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(45, 211, 155, 0.13) !important;
}

.climb-end-button {
  border-color: rgba(255, 107, 107, 0.22) !important;
  color: #ff9ba3 !important;
}

#purchaseBody .purchase-program-card.is-climb {
  border-color: rgba(222, 183, 85, 0.25);
  background:
    linear-gradient(145deg, rgba(222, 183, 85, 0.12), rgba(45, 211, 155, 0.045)),
    rgba(10, 18, 27, 0.96);
}

#purchaseBody .purchase-program-card.is-climb.is-active {
  border-color: rgba(226, 190, 98, 0.48);
  background:
    linear-gradient(145deg, rgba(226, 190, 98, 0.22), rgba(45, 211, 155, 0.08)),
    rgba(10, 18, 27, 0.98);
  box-shadow:
    inset 0 0 0 1px rgba(232, 201, 120, 0.11),
    0 14px 28px rgba(6, 20, 18, 0.22);
}

#purchaseBody .purchase-program-card.is-climb.is-active::after {
  border-color: rgba(232, 199, 112, 0.82);
  background: linear-gradient(180deg, #f1d17b, #53d59e);
  box-shadow: 0 0 0 3px rgba(224, 187, 94, 0.13);
}

#purchaseBody .purchase-plan-card.is-climb {
  border-color: rgba(222, 183, 85, 0.26);
  background:
    radial-gradient(circle at 94% 3%, rgba(45, 211, 155, 0.09), transparent 32%),
    linear-gradient(155deg, rgba(25, 29, 31, 0.99), rgba(8, 16, 24, 0.99));
}

#purchaseBody .purchase-plan-card.is-climb.is-selected {
  border-color: rgba(231, 197, 110, 0.49);
  background:
    radial-gradient(circle at 94% 3%, rgba(45, 211, 155, 0.15), transparent 34%),
    linear-gradient(155deg, rgba(48, 43, 29, 0.98), rgba(8, 20, 25, 0.99));
  box-shadow:
    inset 0 0 0 1px rgba(232, 201, 120, 0.12),
    0 18px 34px rgba(4, 18, 17, 0.24);
}

.climb-checkout-setup {
  display: grid;
  gap: 12px;
}

.climb-checkout-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(226, 190, 98, 0.28);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 12%, rgba(45, 211, 155, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(42, 37, 24, 0.96), rgba(8, 17, 25, 0.98));
}

.climb-checkout-hero > div:first-child {
  display: grid;
  gap: 7px;
}

.climb-checkout-hero h4,
.climb-checkout-hero p {
  margin: 0;
}

.climb-checkout-hero h4 {
  max-width: 25ch;
  color: #f6f4eb;
  font-size: clamp(19px, 3vw, 25px);
  line-height: 1.08;
}

.climb-checkout-hero p {
  max-width: 60ch;
  color: rgba(211, 220, 230, 0.72);
  font-size: 12px;
  line-height: 1.5;
}

.climb-checkout-clock {
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 142px;
  padding: 14px;
  border: 1px solid rgba(232, 200, 115, 0.24);
  border-radius: 14px;
  background: rgba(3, 10, 15, 0.52);
}

.climb-checkout-clock strong {
  color: #f1d17b;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 22px;
  letter-spacing: -0.05em;
}

.climb-checkout-clock span {
  color: rgba(194, 207, 221, 0.66);
  font-size: 10px;
  text-transform: uppercase;
}

.climb-fixed-rule-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.climb-fixed-rule-grid article {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  min-height: 100px;
  padding: 13px;
  border: 1px solid rgba(143, 166, 192, 0.14);
  border-radius: 13px;
  background: rgba(12, 20, 30, 0.88);
}

.climb-fixed-rule-grid span,
.climb-fixed-rule-grid small {
  color: rgba(176, 195, 215, 0.67);
  font-size: 10px;
  line-height: 1.3;
}

.climb-fixed-rule-grid strong {
  color: #f2d47b;
  font-size: 20px;
  letter-spacing: -0.03em;
}

.climb-fixed-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 14px;
  border: 1px solid rgba(45, 211, 155, 0.16);
  border-radius: 12px;
  background: rgba(45, 211, 155, 0.055);
}

.climb-fixed-note > span {
  display: inline-flex;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #84e8bd;
  background: rgba(45, 211, 155, 0.13);
  font-size: 11px;
}

.climb-fixed-note p {
  margin: 1px 0 0;
  color: rgba(206, 220, 233, 0.76);
  font-size: 11px;
  line-height: 1.5;
}

.climb-review-rule-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}

.climb-review-rule-list span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border-radius: 11px;
  color: rgba(180, 197, 215, 0.7);
  background: rgba(255, 255, 255, 0.028);
  font-size: 9px;
  line-height: 1.3;
}

.climb-review-rule-list b {
  color: #f1d17b;
  font-size: 15px;
}

.climb-detail-grid {
  gap: 14px !important;
}

.climb-detail-card {
  padding: 20px !important;
}

.climb-detail-balance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.climb-detail-balance-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(145, 168, 194, 0.13);
  background: rgba(255, 255, 255, 0.026);
}

.climb-detail-balance-grid span {
  color: rgba(173, 192, 212, 0.67);
  font-size: 9px;
  font-weight: 740;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.climb-detail-balance-grid strong {
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.climb-review-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid rgba(144, 165, 189, 0.14);
  background: rgba(255, 255, 255, 0.026);
}

.climb-review-strip > div {
  display: grid;
  gap: 3px;
}

.climb-review-strip span {
  color: rgba(176, 195, 214, 0.67);
  font-size: 10px;
  text-transform: uppercase;
}

.climb-review-strip strong {
  font-size: 14px;
}

.climb-review-strip em {
  padding: 6px 8px;
  border-radius: 999px;
  color: #b8c4d3;
  background: rgba(255, 255, 255, 0.05);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.climb-review-strip.is-secured {
  border-color: rgba(45, 211, 155, 0.2);
  background: rgba(45, 211, 155, 0.055);
}

.climb-review-strip.is-secured strong,
.climb-review-strip.is-secured em {
  color: #84e8bd;
}

.climb-detail-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.climb-detail-rules > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px 11px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.027);
}

.climb-detail-rules strong {
  color: #f1d17b;
  font-size: 13px;
  white-space: nowrap;
}

.climb-detail-rules span {
  color: rgba(188, 204, 221, 0.69);
  font-size: 10px;
  line-height: 1.35;
}

.climb-trade-log-panel {
  min-width: 0;
}

.climb-log-count {
  padding: 6px 8px;
  border-radius: 999px;
  color: rgba(202, 216, 230, 0.74);
  background: rgba(255, 255, 255, 0.05);
  font-size: 10px;
}

@media (min-width: 980px) {
  .climb-detail-grid {
    grid-template-columns: minmax(0, 1.14fr) minmax(330px, 0.86fr);
    align-items: start;
  }
}

@media (max-width: 720px) {
  .climb-checkout-hero {
    grid-template-columns: 1fr;
  }

  .climb-checkout-clock {
    justify-items: start;
  }

  .climb-fixed-rule-grid,
  .climb-review-rule-list,
  .climb-detail-balance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .climb-account-card {
    padding: 15px !important;
  }

  .climb-card-hero {
    grid-template-columns: 1fr;
  }

  .climb-card-balance,
  .climb-countdown {
    padding: 12px;
  }

  .climb-risk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .climb-risk-grid > div:last-child {
    grid-column: 1 / -1;
  }

  .climb-ladder-head,
  .climb-review-strip {
    align-items: flex-start;
    flex-direction: column;
  }

  .climb-ladder-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 7px;
  }

  .climb-ladder-track::before {
    display: none;
  }

  .climb-ladder-step {
    grid-template-columns: 22px minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  .climb-ladder-copy {
    justify-items: start;
  }

  .climb-ladder-step > em {
    grid-column: 2;
  }

  .climb-fixed-rule-grid,
  .climb-review-rule-list,
  .climb-detail-balance-grid,
  .climb-detail-rules {
    grid-template-columns: 1fr;
  }

  .climb-fixed-rule-grid article {
    min-height: 0;
  }
}

/* v20260715-ru-welcome-fit01: keep the Russian greeting intact on narrow phones. */
@media (max-width: 440px) {
  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] .hero-panel #heroHeadline {
    max-width: 100% !important;
    font-size: clamp(32px, 9.4vw, 38px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] .hero-stats .stat-card {
    padding: 12px 8px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] .hero-stats .stat-label {
    max-width: calc(100% - 20px) !important;
    min-height: 2.5em !important;
    font-size: clamp(11px, 2.95vw, 12.5px) !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] .hero-stats .stat-info-button {
    top: 8px !important;
    right: 7px !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
  }

  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] .hero-stats .stat-sub {
    font-size: 10.5px !important;
    line-height: 1.22 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
}

/* v20260703-backtest-phone-layout03: last-mile mobile overrides after all legacy blocks. */
@media (max-width: 520px) {
  body.backtest-mode {
    --backtest-bottom-nav-space: calc(140px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.backtest-mode .app-shell,
  body.backtest-mode .app-main,
  body.backtest-mode .view-section.is-active,
  body.backtest-mode .view-section[data-view="accounts"].is-active,
  body.backtest-mode .account-section {
    padding-bottom: var(--backtest-bottom-nav-space) !important;
    overflow-x: hidden !important;
  }

  body.backtest-mode .bottom-nav {
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    min-height: 76px !important;
    padding: 6px !important;
    border-radius: 24px !important;
    z-index: 300 !important;
  }

  body.backtest-mode .nav-button {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 6px 4px !important;
    border-radius: 20px !important;
  }

  body.backtest-mode .backtest-session-panel {
    gap: 18px !important;
    margin: 10px 0 34px !important;
    padding: 22px 14px 26px !important;
    border: 0 !important;
    border-top: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-radius: 0 !important;
    background: #0f1722 !important;
    box-shadow: none !important;
  }

  body.backtest-mode .backtest-session-copy {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-copy .eyebrow {
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-copy h4 {
    max-width: 12ch !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  body.backtest-mode .backtest-session-form {
    gap: 18px !important;
  }

  body.backtest-mode .backtest-config-step {
    gap: 14px !important;
    padding: 0 0 18px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.14) !important;
    background: transparent !important;
  }

  body.backtest-mode .backtest-config-step:last-of-type {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.backtest-mode .backtest-config-step legend {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-config-step legend b {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
  }

  body.backtest-mode .backtest-allocation-presets {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-allocation-chip,
  body.backtest-mode .backtest-period-presets button {
    min-height: 42px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  body.backtest-mode .backtest-custom-allocation,
  body.backtest-mode .backtest-market-field {
    max-width: none !important;
  }

  body.backtest-mode .backtest-session-form label {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-form label span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-form input,
  body.backtest-mode .backtest-session-form select {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }

  body.backtest-mode .backtest-option-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding: 12px 13px !important;
    border-radius: 14px !important;
  }

  body.backtest-mode .backtest-option-row input {
    width: 22px !important;
    height: 22px !important;
    border-radius: 10px !important;
  }

  body.backtest-mode .backtest-option-row strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-option-row small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.backtest-mode .backtest-period-presets {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-date-range {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.backtest-mode .backtest-date-range label {
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-date-range input {
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  body.backtest-mode .backtest-date-range input::-webkit-calendar-picker-indicator {
    display: none !important;
  }

  body.backtest-mode .backtest-config-submit {
    gap: 14px !important;
    padding: 18px 0 0 !important;
  }

  body.backtest-mode .backtest-config-submit > div {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.backtest-mode .backtest-config-submit strong {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  body.backtest-mode .backtest-config-submit span {
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.backtest-mode .backtest-config-submit .button {
    min-height: 56px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.backtest-mode .account-section-head {
    margin-top: 22px !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 380px) {
  body.backtest-mode .backtest-date-range {
    grid-template-columns: 1fr !important;
  }
}

/* v20260703-backtest-phone-layout02: final backtest mobile overrides after legacy nav rules. */
@media (max-width: 520px) {
  body.backtest-mode {
    --backtest-bottom-nav-space: calc(140px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.backtest-mode .app-shell,
  body.backtest-mode .app-main,
  body.backtest-mode .view-section.is-active,
  body.backtest-mode .view-section[data-view="accounts"].is-active,
  body.backtest-mode .account-section {
    padding-bottom: var(--backtest-bottom-nav-space) !important;
    overflow-x: hidden !important;
  }

  body.backtest-mode .bottom-nav {
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    min-height: 76px !important;
    padding: 6px !important;
    border-radius: 24px !important;
    z-index: 300 !important;
  }

  body.backtest-mode .nav-button {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 6px 4px !important;
    border-radius: 20px !important;
  }

  body.backtest-mode .backtest-session-panel {
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 34px !important;
    padding: 22px 14px 26px !important;
    border: 0 !important;
    border-top: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-radius: 0 !important;
    background: #0f1722 !important;
    box-shadow: none !important;
  }

  body.backtest-mode .backtest-session-copy {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-copy .eyebrow {
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-copy h4 {
    max-width: 12ch !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  body.backtest-mode .backtest-session-form {
    gap: 18px !important;
  }

  body.backtest-mode .backtest-config-step {
    gap: 14px !important;
    padding: 0 0 18px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.14) !important;
    background: transparent !important;
  }

  body.backtest-mode .backtest-config-step:last-of-type {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.backtest-mode .backtest-config-step legend {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-config-step legend b {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
  }

  body.backtest-mode .backtest-allocation-presets {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-allocation-chip,
  body.backtest-mode .backtest-period-presets button {
    min-height: 42px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.backtest-mode .backtest-custom-allocation,
  body.backtest-mode .backtest-market-field {
    max-width: none !important;
  }

  body.backtest-mode .backtest-session-form label {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-form label span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-form input,
  body.backtest-mode .backtest-session-form select {
    min-height: 48px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  body.backtest-mode .backtest-option-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding: 12px 13px !important;
    border-radius: 14px !important;
  }

  body.backtest-mode .backtest-option-row input {
    width: 22px !important;
    height: 22px !important;
    border-radius: 10px !important;
  }

  body.backtest-mode .backtest-option-row strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-option-row small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.backtest-mode .backtest-period-presets {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-date-range {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-date-range label {
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-date-range input {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  body.backtest-mode .backtest-date-range input::-webkit-calendar-picker-indicator {
    display: none !important;
  }

  body.backtest-mode .backtest-config-submit {
    gap: 14px !important;
    margin-top: 0 !important;
    padding: 18px 0 0 !important;
  }

  body.backtest-mode .backtest-config-submit > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.backtest-mode .backtest-config-submit strong {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  body.backtest-mode .backtest-config-submit span {
    overflow: visible !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.backtest-mode .backtest-config-submit .button {
    min-height: 56px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.backtest-mode .account-section-head {
    margin-top: 22px !important;
    padding: 0 14px !important;
  }

  body.backtest-mode .account-section-head h4 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }
}

@media (max-width: 380px) {
  body.backtest-mode .backtest-date-range {
    grid-template-columns: 1fr !important;
  }
}

/* v20260703-backtest-phone-layout01: real-phone Telegram Backtest spacing and overlap fixes. */
@media (max-width: 520px) {
  body.backtest-mode {
    --backtest-bottom-nav-space: calc(132px + env(safe-area-inset-bottom, 0px));
  }

  body.backtest-mode .app-shell {
    gap: 14px !important;
    padding-top: max(18px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: var(--backtest-bottom-nav-space) !important;
    overflow-x: hidden !important;
  }

  body.backtest-mode .app-main,
  body.backtest-mode .view-section.is-active,
  body.backtest-mode .view-section[data-view="accounts"].is-active {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-bottom: var(--backtest-bottom-nav-space) !important;
    overflow-x: hidden !important;
  }

  body.backtest-mode .bottom-nav {
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    min-height: 76px !important;
    padding: 6px !important;
    border-radius: 24px !important;
    z-index: 260 !important;
  }

  body.backtest-mode .nav-button {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 6px 4px !important;
    border-radius: 20px !important;
  }

  body.backtest-mode .backtest-session-panel {
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 28px !important;
    padding: 22px 14px 24px !important;
    border: 0 !important;
    border-top: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.12) !important;
    border-radius: 0 !important;
    background: #0f1722 !important;
  }

  body.backtest-mode .backtest-session-copy {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-copy .eyebrow {
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-copy h4 {
    max-width: 12ch !important;
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  body.backtest-mode .backtest-session-form {
    gap: 18px !important;
  }

  body.backtest-mode .backtest-config-step {
    gap: 14px !important;
    padding: 0 0 18px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(150, 170, 205, 0.14) !important;
  }

  body.backtest-mode .backtest-config-step:last-of-type {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.backtest-mode .backtest-config-step legend {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-config-step legend b {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
  }

  body.backtest-mode .backtest-allocation-presets {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-allocation-chip,
  body.backtest-mode .backtest-period-presets button {
    min-height: 42px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.backtest-mode .backtest-custom-allocation {
    max-width: none !important;
  }

  body.backtest-mode .backtest-session-form label {
    gap: 8px !important;
  }

  body.backtest-mode .backtest-session-form label span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.backtest-mode .backtest-session-form input,
  body.backtest-mode .backtest-session-form select {
    min-height: 48px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  body.backtest-mode .backtest-option-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding: 12px 13px !important;
    border-radius: 14px !important;
  }

  body.backtest-mode .backtest-option-row input {
    width: 22px !important;
    height: 22px !important;
    border-radius: 10px !important;
  }

  body.backtest-mode .backtest-option-row strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-option-row small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.backtest-mode .backtest-period-presets {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.backtest-mode .backtest-date-range {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-date-range label {
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-date-range input {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  body.backtest-mode .backtest-date-range input::-webkit-calendar-picker-indicator {
    display: none !important;
  }

  body.backtest-mode .backtest-config-submit {
    gap: 14px !important;
    margin-top: 0 !important;
    padding: 18px 0 0 !important;
  }

  body.backtest-mode .backtest-config-submit > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.backtest-mode .backtest-config-submit strong {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  body.backtest-mode .backtest-config-submit span {
    overflow: visible !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.backtest-mode .backtest-config-submit .button {
    min-height: 56px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.backtest-mode .account-section {
    padding-bottom: var(--backtest-bottom-nav-space) !important;
  }

  body.backtest-mode .account-section-head {
    margin-top: 22px !important;
    padding: 0 14px !important;
  }

  body.backtest-mode .account-section-head h4 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }
}

@media (max-width: 380px) {
  body.backtest-mode .backtest-session-panel {
    padding-inline: 12px !important;
  }

  body.backtest-mode .backtest-date-range {
    grid-template-columns: 1fr !important;
  }
}

/* Desktop browser shell: run the app inside a real mobile-width iframe. */
html.desktop-iframe-host,
html.desktop-iframe-host body {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(239, 49, 36, 0.18), transparent 34%),
    linear-gradient(135deg, #111217 0%, #07080a 48%, #15161b 100%) !important;
}

html.desktop-iframe-host body > :not(.desktop-phone-stage) {
  display: none !important;
}

.desktop-phone-stage {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: clamp(10px, 2.8vw, 20px);
  background:
    radial-gradient(circle at 50% 0%, rgba(239, 49, 36, 0.16), transparent 34%),
    linear-gradient(135deg, #111217 0%, #07080a 48%, #15161b 100%);
}

.desktop-phone-device {
  position: relative;
  width: min(414px, calc(100vw - 20px));
  height: min(896px, calc(100svh - 20px));
  padding: 12px;
  border-radius: 54px;
  background: #050608;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 26px 80px rgba(0, 0, 0, 0.58),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.desktop-phone-device::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 50%;
  width: 118px;
  height: 34px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #030405;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.desktop-phone-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 42px;
  background: #07080a;
}

@media (max-height: 760px) {
  .desktop-phone-device {
    width: 390px;
  }
}

/* v20260521-events-bank21-final: event page alignment, visible switcher and serious list rows. */
html,
body,
#app,
.app-shell,
.app-main {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  color: #17181c !important;
}

.view-section[data-view="tournaments"].is-active *,
.view-section[data-view="tournaments"].is-active *::before,
.view-section[data-view="tournaments"].is-active *::after {
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(570px, 74svh, 720px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #684cff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 22% !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(58, 35, 185, 0) 0%, rgba(55, 35, 176, 0.08) 34%, rgba(28, 18, 88, 0.42) 62%, rgba(18, 13, 55, 0.66) 100%),
    radial-gradient(ellipse at 50% 64%, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.24) 34%, rgba(0, 0, 0, 0) 66%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(86px, 10svh, 122px) !important;
  width: min(100% - 20px, 680px) !important;
  max-width: min(100% - 20px, 680px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 46% !important;
  width: min(92vw, 700px) !important;
  height: 132% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 45%, rgba(0, 0, 0, 0) 76%) !important;
  filter: blur(14px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  width: 100% !important;
  max-width: 18ch !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-size: clamp(40px, 10.2vw, 78px) !important;
  line-height: 0.93 !important;
  letter-spacing: -0.068em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.48) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  width: 100% !important;
  max-width: 31ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: clamp(15px, 3.4vw, 20px) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.46) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  width: 168px !important;
  min-height: 56px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: #ff332a !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 36px rgba(255, 51, 42, 0.33) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 20 !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-template-columns: 1fr 1fr !important;
  width: min(760px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  min-height: 76px !important;
  margin: -38px auto 0 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 28px rgba(20, 22, 28, 0.08) !important;
  overflow: visible !important;
  transform: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -12px !important;
  right: -12px !important;
  top: -36px !important;
  height: 150px !important;
  transform: none !important;
  border-radius: 48px 48px 0 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #24252a !important;
  font-size: clamp(19px, 5.2vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.05em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(23, 24, 29, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  padding: 34px 0 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 calc(118px + env(safe-area-inset-bottom)) !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid,
.view-section[data-view="tournaments"] .tournament-grid.tournament-grid-history {
  display: grid !important;
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 18px !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #f1f2f4 !important;
  color: #1f2024 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95) 0 12px, transparent 13px),
    linear-gradient(135deg, #1e7cff 0%, #5f45ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 20px rgba(45, 93, 236, 0.16) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 4 !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #bcc0c8 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  display: inline-flex !important;
  min-width: 0 !important;
  max-width: 48% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #777b84 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 6px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  margin: 0 !important;
  color: #1f2024 !important;
  font-size: clamp(20px, 5.5vw, 27px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.052em !important;
  font-weight: 1000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  display: -webkit-box !important;
  max-width: 35ch !important;
  margin: 5px 0 0 !important;
  color: #6f737c !important;
  font-size: clamp(14px, 3.8vw, 17px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.032em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 33.33% !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #777b84 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #202126 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.72 !important;
  background: #f6f7f9 !important;
}

.view-section[data-view="tournaments"] .events-history-block,
.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head {
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin-inline: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    height: 625px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 84px !important;
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 17.5ch !important;
    font-size: clamp(38px, 11vw, 51px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 29ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-height: 72px !important;
    margin-top: -36px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    left: -12px !important;
    right: -12px !important;
    top: -34px !important;
    height: 142px !important;
    border-radius: 42px 42px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 28px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid,
  .view-section[data-view="tournaments"] .tournament-grid.tournament-grid-history {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    gap: 12px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-template-columns: 50px minmax(0, 1fr) 14px !important;
    column-gap: 12px !important;
    min-height: 106px !important;
    padding: 15px 14px !important;
    border-radius: 26px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
    font-size: 32px !important;
  }
}

/* v20260521-events-bank20-eof-final: Alfa-style events shell, no sideways scroll, stricter tournament rows. */
html,
body,
#app,
.app-shell,
.app-main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"].is-active *,
.view-section[data-view="tournaments"].is-active *::before,
.view-section[data-view="tournaments"].is-active *::after {
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  min-height: min(82svh, 790px) !important;
  border-radius: 0 !important;
  background: #684cff !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  min-height: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #684cff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  background:
    linear-gradient(180deg, rgba(23, 14, 95, 0.1) 0%, rgba(23, 14, 95, 0.04) 34%, rgba(23, 14, 95, 0.2) 55%, rgba(104, 76, 255, 0.72) 100%),
    radial-gradient(ellipse at 50% 70%, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0) 66%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  left: 50% !important;
  bottom: clamp(86px, 10.5svh, 136px) !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: min(calc(100% - 32px), 820px) !important;
  transform: translateX(-50%) !important;
  align-items: center !important;
  text-align: center !important;
  gap: 14px !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 44% !important;
  width: min(96vw, 720px) !important;
  height: 148% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0) 76%) !important;
  filter: blur(18px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  max-width: 15.5ch !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-size: clamp(42px, 11vw, 86px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  text-align: center !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  max-width: 28ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.8vw, 20px) !important;
  line-height: 1.16 !important;
  text-align: center !important;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  margin-top: 2px !important;
  width: 176px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  background: #ff2f27 !important;
  color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(255, 47, 39, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  min-height: 78px !important;
  margin: -40px auto 0 !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 34px rgba(19, 20, 25, 0.07) !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: -36px !important;
  width: min(100vw, calc(100% + 56px)) !important;
  height: 158px !important;
  transform: translateX(-50%) !important;
  border-radius: 54px 54px 0 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-width: 0 !important;
  min-height: 64px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #232428 !important;
  font-size: clamp(18px, 5vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #1f2024 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(17, 18, 22, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  padding: 30px 0 0 !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0 26px !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) 22px !important;
  column-gap: 16px !important;
  row-gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 128px !important;
  margin: 0 !important;
  padding: 22px 22px 20px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92) 0 13px, transparent 14px),
    linear-gradient(135deg, #2578ff 0%, #6b4cff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 12px 24px rgba(40, 101, 244, 0.18) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #b6bac3 !important;
  font-size: 46px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 0 2px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #747780 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 7px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  margin: 0 !important;
  color: #1d1e22 !important;
  font-size: clamp(22px, 6vw, 30px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  max-width: 34ch !important;
  margin: 6px 0 0 !important;
  color: #6d7079 !important;
  font-size: clamp(15px, 4.2vw, 18px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.035em !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #737680 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #222328 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 2 / 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
  width: auto !important;
  min-width: 112px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.74 !important;
  background: #f5f6f8 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 24px auto 0 !important;
}

.view-section[data-view="tournaments"] .events-news-block {
  padding-top: 0 !important;
}

.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(79svh, 710px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center 24% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 84px !important;
    width: calc(100% - 30px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 14.4ch !important;
    font-size: clamp(39px, 12.2vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 23ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    max-width: calc(100% - 24px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    width: min(100vw, calc(100% + 42px)) !important;
    top: -34px !important;
    height: 148px !important;
    border-radius: 44px 44px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 62px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid,
  .view-section[data-view="tournaments"] .events-history-block {
    max-width: calc(100% - 24px) !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-template-columns: 54px minmax(0, 1fr) 16px !important;
    column-gap: 12px !important;
    min-height: 120px !important;
    padding: 18px 16px !important;
    border-radius: 28px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
    width: 50px !important;
    height: 50px !important;
    border-radius: 17px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
    font-size: 34px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions .events-event-button,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
}

/* v20260522-tournament-meta-polish-final: cleaner tournament info blocks. */
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 14px !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
  display: flex !important;
  min-width: 0 !important;
  min-height: 64px !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(23, 24, 29, 0.06) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #737780 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta small {
  display: block !important;
  max-width: 100% !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta strong {
  display: block !important;
  max-width: 100% !important;
  color: #1e2026 !important;
  font-size: clamp(14px, 1.35vw, 16px) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .view-section[data-view="tournaments"] .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
    min-height: 0 !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
  }
}

/* v20260522-tournament-meta-polish: cleaner tournament info blocks. */
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 14px !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
  display: flex !important;
  min-width: 0 !important;
  min-height: 64px !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(23, 24, 29, 0.06) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #737780 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta small {
  display: block !important;
  max-width: 100% !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta strong {
  display: block !important;
  max-width: 100% !important;
  color: #1e2026 !important;
  font-size: clamp(14px, 1.35vw, 16px) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .view-section[data-view="tournaments"] .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
    min-height: 0 !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
  }
}

/* v20260521-events-bank22-active: repair events hero spacing, visible tabs and premium tournament list. */
html,
body,
#app,
.app-shell,
.app-main {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  color: #202124 !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(560px, 75svh, 735px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #684cff !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-copy,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-stats {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.15), transparent 31%),
    linear-gradient(180deg, #704dff 0%, #684cff 69%, #684cff 100%) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: clamp(56px, 7svh, 96px) !important;
  left: 50% !important;
  width: min(108%, 720px) !important;
  min-width: min(108%, 720px) !important;
  max-width: none !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.1) contrast(1.04) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(104, 76, 255, 0) 0%, rgba(104, 76, 255, 0) 42%, rgba(36, 21, 124, 0.18) 56%, rgba(20, 12, 68, 0.62) 82%, rgba(104, 76, 255, 0.72) 100%),
    radial-gradient(ellipse at 50% 68%, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 68%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  bottom: clamp(84px, 10svh, 124px) !important;
  width: min(calc(100% - 18px), 760px) !important;
  max-width: min(calc(100% - 18px), 760px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 38% !important;
  width: min(100%, 720px) !important;
  height: 145% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.22) 45%, rgba(0, 0, 0, 0) 78%) !important;
  filter: blur(14px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  width: 100% !important;
  max-width: 16.8ch !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-family: var(--font-display, var(--font-sans)) !important;
  font-size: clamp(42px, 10.8vw, 82px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.072em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 44px rgba(0, 0, 0, 0.48) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  display: block !important;
  max-width: 31ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 3.2vw, 20px) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -0.034em !important;
  text-align: center !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  width: 184px !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, #ff3a2f 0%, #ee251c 100%) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 42px rgba(255, 48, 40, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 20 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(760px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  min-height: 76px !important;
  margin: -38px auto 0 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  transform: none !important;
  overflow: visible !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 16px 32px rgba(20, 22, 28, 0.08) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -12px !important;
  right: -12px !important;
  top: -34px !important;
  width: auto !important;
  height: 150px !important;
  transform: none !important;
  border-radius: 46px 46px 0 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #232428 !important;
  font-size: clamp(19px, 5.2vw, 25px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(18, 19, 24, 0.14) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 30px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #202124 !important;
  overflow-x: hidden !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-section-pane[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  padding: 0 0 30px !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid,
.view-section[data-view="tournaments"] .tournament-grid-history {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 18px !important;
  column-gap: 13px !important;
  row-gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92) 0 12px, transparent 13px),
    linear-gradient(135deg, #1f7cff 0%, #6b4cff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 12px 24px rgba(40, 101, 244, 0.16) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  justify-self: end !important;
  border: 0 !important;
  background: transparent !important;
  color: #b8bcc5 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-actions {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  margin-bottom: 3px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #777a83 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 6px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title {
  margin: 0 !important;
  color: #1d1e22 !important;
  font-size: clamp(20px, 5.3vw, 27px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.052em !important;
  font-weight: 1000 !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p {
  display: -webkit-box !important;
  max-width: 34ch !important;
  margin: 5px 0 0 !important;
  color: #6d7079 !important;
  font-size: clamp(14px, 3.7vw, 17px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.034em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.view-section[data-view="tournaments"] .events-event-meta {
  grid-column: 2 / 4 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 33.33% !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #737680 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong {
  min-width: 0 !important;
  color: #222328 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-actions {
  grid-column: 2 / 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button {
  width: auto !important;
  min-width: 108px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.76 !important;
  background: #f6f7f9 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin: 22px auto 0 !important;
}

.view-section[data-view="tournaments"] .events-history-title {
  margin: 0 0 12px !important;
  color: #202124 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.045em !important;
}

.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head,
.view-section[data-view="tournaments"] .events-news-list {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    height: min(76svh, 650px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    top: 64px !important;
    width: 112% !important;
    min-width: 112% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 82px !important;
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 16.2ch !important;
    font-size: clamp(39px, 11.2vw, 51px) !important;
    line-height: 0.93 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 30ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
    width: 176px !important;
    min-height: 54px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-height: 72px !important;
    margin-top: -36px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    left: -12px !important;
    right: -12px !important;
    top: -32px !important;
    height: 144px !important;
    border-radius: 42px 42px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournaments-list-section,
  .view-section[data-view="tournaments"] .events-news-block,
  .view-section[data-view="tournaments"] .events-history-block {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child {
    grid-template-columns: 50px minmax(0, 1fr) 14px !important;
    column-gap: 11px !important;
    min-height: 104px !important;
    padding: 14px 13px !important;
    border-radius: 26px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child::before {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child::after {
    font-size: 32px !important;
  }

  .view-section[data-view="tournaments"] .events-event-copy h3,
  .view-section[data-view="tournaments"] .events-event-copy .verified-title {
    font-size: clamp(19px, 5.25vw, 24px) !important;
  }

  .view-section[data-view="tournaments"] .events-event-copy p {
    font-size: 14px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions .events-event-button {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
}

/* v20260521-events-bank21-eof: winning final overrides for the tournaments page. */
html,
body,
#app,
.app-shell,
.app-main {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

.view-section[data-view="tournaments"].is-active *,
.view-section[data-view="tournaments"].is-active *::before,
.view-section[data-view="tournaments"].is-active *::after {
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(570px, 74svh, 720px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #684cff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 22% !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(58, 35, 185, 0) 0%, rgba(55, 35, 176, 0.08) 34%, rgba(28, 18, 88, 0.42) 62%, rgba(18, 13, 55, 0.66) 100%),
    radial-gradient(ellipse at 50% 64%, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.24) 34%, rgba(0, 0, 0, 0) 66%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(86px, 10svh, 122px) !important;
  width: min(100% - 20px, 680px) !important;
  max-width: min(100% - 20px, 680px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 46% !important;
  width: min(92vw, 700px) !important;
  height: 132% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.32) 45%, rgba(0, 0, 0, 0) 76%) !important;
  filter: blur(14px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  width: 100% !important;
  max-width: 18ch !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(40px, 10.2vw, 78px) !important;
  line-height: 0.93 !important;
  letter-spacing: -0.068em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.48) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  width: 100% !important;
  max-width: 31ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: clamp(15px, 3.4vw, 20px) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.46) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  width: 168px !important;
  min-height: 56px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: #ff332a !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  box-shadow: 0 18px 36px rgba(255, 51, 42, 0.33) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 20 !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-template-columns: 1fr 1fr !important;
  width: min(760px, calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
  min-height: 76px !important;
  margin: -38px auto 0 !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 28px rgba(20, 22, 28, 0.08) !important;
  overflow: visible !important;
  transform: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -12px !important;
  right: -12px !important;
  top: -36px !important;
  height: 150px !important;
  transform: none !important;
  border-radius: 48px 48px 0 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #24252a !important;
  font-size: clamp(19px, 5.2vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.05em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(23, 24, 29, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  padding: 34px 0 0 !important;
  margin: 0 !important;
  background: #fff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 calc(118px + env(safe-area-inset-bottom)) !important;
  background: #fff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid,
.view-section[data-view="tournaments"] .tournament-grid.tournament-grid-history {
  display: grid !important;
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 18px !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #f1f2f4 !important;
  color: #1f2024 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95) 0 12px, transparent 13px),
    linear-gradient(135deg, #1e7cff 0%, #5f45ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 20px rgba(45, 93, 236, 0.16) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 4 !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #bcc0c8 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  display: inline-flex !important;
  min-width: 0 !important;
  max-width: 48% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #777b84 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 6px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  margin: 0 !important;
  color: #1f2024 !important;
  font-size: clamp(20px, 5.5vw, 27px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.052em !important;
  font-weight: 1000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  display: -webkit-box !important;
  max-width: 35ch !important;
  margin: 5px 0 0 !important;
  color: #6f737c !important;
  font-size: clamp(14px, 3.8vw, 17px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.032em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 33.33% !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #777b84 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #202126 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.72 !important;
  background: #f6f7f9 !important;
}

.view-section[data-view="tournaments"] .events-history-block,
.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head {
  width: min(760px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  margin-inline: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    height: 625px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 84px !important;
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 17.5ch !important;
    font-size: clamp(38px, 11vw, 51px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 29ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-height: 72px !important;
    margin-top: -36px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    left: -12px !important;
    right: -12px !important;
    top: -34px !important;
    height: 142px !important;
    border-radius: 42px 42px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 28px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid,
  .view-section[data-view="tournaments"] .tournament-grid.tournament-grid-history {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    gap: 12px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-template-columns: 50px minmax(0, 1fr) 14px !important;
    column-gap: 12px !important;
    min-height: 106px !important;
    padding: 15px 14px !important;
    border-radius: 26px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
    font-size: 32px !important;
  }
}

/* v20260521-events-bank19-final: make events hero match the Alfa-style reference with Friday content. */
.view-section[data-view="tournaments"].is-active {
  padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  min-height: min(82vh, 790px) !important;
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  inset: 0 auto auto 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 32% !important;
  filter: saturate(1.06) contrast(1.02) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  background:
    linear-gradient(180deg, rgba(104, 76, 255, 0) 0%, rgba(104, 76, 255, 0) 48%, rgba(104, 76, 255, 0.22) 64%, rgba(104, 76, 255, 0.7) 100%),
    radial-gradient(circle at 50% 57%, rgba(0, 0, 0, 0.05), transparent 46%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  bottom: clamp(86px, 10.5vh, 136px) !important;
  width: min(calc(100vw - 34px), 820px) !important;
  gap: 16px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  max-width: 15.5ch !important;
  font-size: clamp(44px, 11.2vw, 88px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  max-width: 25ch !important;
  font-size: clamp(15px, 2.8vw, 20px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  margin-top: 2px !important;
  width: 176px !important;
  min-height: 58px !important;
  border-radius: 16px !important;
  background: #ff2b22 !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  width: min(calc(100vw - 28px), 760px) !important;
  margin-top: -40px !important;
  min-height: 78px !important;
  padding: 7px !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  top: -32px !important;
  height: 154px !important;
  border-radius: 46px 46px 0 0 !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  padding-top: 28px !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section {
  padding-top: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-card {
  margin-inline: auto !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(78vh, 704px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center 24% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 86px !important;
    width: calc(100vw - 30px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 14.6ch !important;
    font-size: clamp(40px, 12.4vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    font-size: 15px !important;
  }
}

/* v20260521-events-bank20-eof-applied: final winning events layer. */
html,
body,
#app,
.app-shell,
.app-main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"].is-active *,
.view-section[data-view="tournaments"].is-active *::before,
.view-section[data-view="tournaments"].is-active *::after {
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  min-height: min(82svh, 790px) !important;
  border-radius: 0 !important;
  background: #684cff !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  min-height: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #684cff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  background:
    linear-gradient(180deg, rgba(23, 14, 95, 0.08) 0%, rgba(23, 14, 95, 0.04) 34%, rgba(23, 14, 95, 0.2) 55%, rgba(104, 76, 255, 0.72) 100%),
    radial-gradient(ellipse at 50% 70%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.28) 32%, rgba(0, 0, 0, 0) 68%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  left: 50% !important;
  bottom: clamp(86px, 10.5svh, 136px) !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: min(calc(100% - 32px), 820px) !important;
  transform: translateX(-50%) !important;
  align-items: center !important;
  text-align: center !important;
  gap: 14px !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 44% !important;
  width: min(96vw, 720px) !important;
  height: 148% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0) 76%) !important;
  filter: blur(18px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  max-width: 15.5ch !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-size: clamp(42px, 11vw, 86px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  text-align: center !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  max-width: 28ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.8vw, 20px) !important;
  line-height: 1.16 !important;
  text-align: center !important;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  margin-top: 2px !important;
  width: 176px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  background: #ff2f27 !important;
  color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(255, 47, 39, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  min-height: 78px !important;
  margin: -40px auto 0 !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 34px rgba(19, 20, 25, 0.07) !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: -36px !important;
  width: min(100vw, calc(100% + 56px)) !important;
  height: 158px !important;
  transform: translateX(-50%) !important;
  border-radius: 54px 54px 0 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-width: 0 !important;
  min-height: 64px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #232428 !important;
  font-size: clamp(18px, 5vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #1f2024 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(17, 18, 22, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  padding: 30px 0 0 !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0 26px !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) 22px !important;
  column-gap: 16px !important;
  row-gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 128px !important;
  margin: 0 !important;
  padding: 22px 22px 20px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92) 0 13px, transparent 14px),
    linear-gradient(135deg, #2578ff 0%, #6b4cff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 12px 24px rgba(40, 101, 244, 0.18) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #b6bac3 !important;
  font-size: 46px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 0 2px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #747780 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 7px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  margin: 0 !important;
  color: #1d1e22 !important;
  font-size: clamp(22px, 6vw, 30px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  max-width: 34ch !important;
  margin: 6px 0 0 !important;
  color: #6d7079 !important;
  font-size: clamp(15px, 4.2vw, 18px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.035em !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #737680 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #222328 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 2 / 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
  width: auto !important;
  min-width: 112px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.74 !important;
  background: #f5f6f8 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 24px auto 0 !important;
}

.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(79svh, 710px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center 24% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 84px !important;
    width: calc(100% - 30px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 14.4ch !important;
    font-size: clamp(39px, 12.2vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 23ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    max-width: calc(100% - 24px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    width: min(100vw, calc(100% + 42px)) !important;
    top: -34px !important;
    height: 148px !important;
    border-radius: 44px 44px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 62px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid,
  .view-section[data-view="tournaments"] .events-history-block {
    max-width: calc(100% - 24px) !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-template-columns: 54px minmax(0, 1fr) 16px !important;
    column-gap: 12px !important;
    min-height: 120px !important;
    padding: 18px 16px !important;
    border-radius: 28px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
    width: 50px !important;
    height: 50px !important;
    border-radius: 17px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
    font-size: 34px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions .events-event-button,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
}

/* v20260521-events-bank18-alpha-reference-final: Alfa-style events hub with a full-bleed hero and overlapping content sheet. */
.view-section[data-view="tournaments"].is-active {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 0 !important;
  background: #ffffff !important;
  color: #202124 !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active::before,
.view-section[data-view="tournaments"].is-active::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: min(83vh, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #694cff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-copy,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-stats {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #704dff 0%, #684cff 64%, #704dff 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: clamp(72px, 8vh, 110px) !important;
  left: 50% !important;
  width: min(98vw, 724px) !important;
  min-width: 0 !important;
  height: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.04) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(105, 76, 255, 0) 0%, rgba(105, 76, 255, 0) 52%, rgba(105, 76, 255, 0.18) 68%, rgba(105, 76, 255, 0.5) 100%),
    radial-gradient(circle at 50% 38%, rgba(0, 0, 0, 0.08), transparent 56%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(86px, 10vh, 132px) !important;
  z-index: 3 !important;
  width: min(calc(100vw - 44px), 760px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
  margin: 0 !important;
  width: 100% !important;
  max-width: 13ch !important;
  color: #fff !important;
  font-family: var(--font-display, var(--font-sans)) !important;
  font-size: clamp(42px, 10.2vw, 86px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.065em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 46px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
  display: block !important;
  max-width: 24ch !important;
  margin: -4px 0 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(16px, 2.5vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
  width: 186px !important;
  min-height: 62px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f52b22 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 42px rgba(245, 43, 34, 0.3) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 5 !important;
  width: min(calc(100vw - 28px), 760px) !important;
  min-height: 82px !important;
  margin: -40px auto 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(min(83vh, 780px) - 42px) !important;
  height: 104px !important;
  z-index: -1 !important;
  border-radius: clamp(28px, 9vw, 52px) clamp(28px, 9vw, 52px) 0 0 !important;
  background: #fff !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #242529 !important;
  font-size: clamp(19px, 5.3vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 24px 16px calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-section-pane[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: min(calc(100vw - 32px), 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.view-section[data-view="tournaments"] .events-list-kicker {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(32px, 8.5vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.06em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-card {
  min-height: 0 !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .events-event-card::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status {
  min-width: 0 !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(32, 33, 36, 0.08) !important;
  color: #202124 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-status.open,
.view-section[data-view="tournaments"] .events-event-status.approved {
  background: rgba(34, 197, 94, 0.13) !important;
  color: #17753a !important;
}

.view-section[data-view="tournaments"] .events-event-copy {
  display: grid !important;
  gap: 6px !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(24px, 6.7vw, 34px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-copy p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-event-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .events-event-meta span {
  min-width: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #747780 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: #202124 !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .events-event-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button {
  min-height: 50px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button:only-child {
  grid-column: 1 / -1 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  margin: 0 0 18px !important;
}

.view-section[data-view="tournaments"] .events-news-head .eyebrow {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-head h2 {
  margin: 0 0 12px !important;
  max-width: 10ch !important;
  color: #202124 !important;
  font-size: clamp(44px, 12vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-head p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.view-section[data-view="tournaments"] .events-news-categories {
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  display: flex !important;
  gap: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-categories::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-category {
  flex: 0 0 auto !important;
  min-height: 56px !important;
  min-width: 126px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #202124 !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-category.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-news-rail {
  width: calc(100vw - 16px) !important;
  max-width: none !important;
  margin: 0 0 30px !important;
  padding: 0 0 4px !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 70vw) !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-card {
  min-height: 420px !important;
  padding: 28px !important;
  border: 0 !important;
  border-radius: 34px !important;
  background: #e7ecff !important;
  color: #202124 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(2) {
  background: #ffe8ee !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(3) {
  background: #e4f7ef !important;
}

.view-section[data-view="tournaments"] .events-news-card::before,
.view-section[data-view="tournaments"] .events-news-card::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-news-tag,
.view-section[data-view="tournaments"] .events-news-date {
  color: #62646d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-news-card h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(30px, 8vw, 44px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-card p {
  margin: 0 !important;
  color: #303137 !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
}

.view-section[data-view="tournaments"] .events-news-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
}

.view-section[data-view="tournaments"] .events-news-list-head h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(32px, 9vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -0.065em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-list-head span {
  color: #8a8d96 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.view-section[data-view="tournaments"] .events-news-list {
  display: grid !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-news-row {
  min-height: 118px !important;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-row h3 {
  margin: 0 0 6px !important;
  color: #202124 !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.05em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-row p {
  margin: 0 !important;
  color: #747780 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.view-section[data-view="tournaments"] .events-news-row-mark {
  width: 58px !important;
  height: 58px !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #202124 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(77vh, 690px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
    height: 100% !important;
    min-height: 100% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    top: 86px !important;
    width: min(112vw, 724px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
    bottom: 80px !important;
    width: calc(100vw - 34px) !important;
    gap: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    max-width: 11.6ch !important;
    font-size: clamp(38px, 11.5vw, 54px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
    max-width: 24ch !important;
    font-size: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
    width: 172px !important;
    min-height: 58px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100vw - 28px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 900px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: 760px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    width: 724px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    font-size: 82px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    top: 718px !important;
  }
}

/* v20260521-events-bank18-sheet-correction: rounded white sheet attaches to the banner, not to the viewport. */
.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: -26px !important;
  bottom: auto !important;
  z-index: -1 !important;
  width: 100vw !important;
  height: 126px !important;
  transform: translateX(-50%) !important;
  border-radius: clamp(34px, 10vw, 58px) clamp(34px, 10vw, 58px) 0 0 !important;
  background: #fff !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  position: relative !important;
  z-index: 1 !important;
}

/* v20260520-events-product-pass: compact Tinkoff-style event hub polish. */
.view-section[data-view="tournaments"].is-active {
  gap: clamp(12px, 2vw, 18px) !important;
}

.view-section[data-view="tournaments"] .section-block {
  margin-block: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  gap: clamp(12px, 2vw, 18px) !important;
  align-items: stretch !important;
  padding: clamp(14px, 2vw, 20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 14% 2%, rgba(72, 145, 255, 0.26), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(255, 191, 73, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(13, 18, 27, 0.98), rgba(6, 8, 13, 0.99)) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  max-width: 11.8ch !important;
  margin: 0 !important;
  font-size: clamp(38px, 5.4vw, 64px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy > .muted-copy {
  max-width: 46ch !important;
  color: rgba(238, 244, 255, 0.7) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 2px 0 4px !important;
  scrollbar-width: none;
}

.view-section[data-view="tournaments"] .tournament-hub-guides::-webkit-scrollbar {
  display: none;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  min-width: max-content !important;
  min-height: 38px !important;
  grid-template-columns: auto 1fr !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide .micro-copy {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(128px, 0.75fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  min-height: clamp(190px, 24vw, 300px) !important;
  border-radius: 26px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  min-height: 100% !important;
  justify-content: end !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 12ch !important;
  font-size: clamp(27px, 4vw, 46px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  min-height: 0 !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats strong {
  font-size: clamp(24px, 3vw, 34px) !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  gap: clamp(10px, 1.5vw, 16px) !important;
  align-items: start !important;
}

.view-section[data-view="tournaments"] .tournament-card {
  gap: 10px !important;
  min-width: 0 !important;
  padding: clamp(13px, 1.6vw, 18px) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
    #090d14 !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.25) !important;
}

.view-section[data-view="tournaments"] .tournament-card-active {
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy {
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy h3 {
  margin: 0 !important;
  max-width: 13ch !important;
  font-size: clamp(25px, 3.4vw, 36px) !important;
  line-height: 0.96 !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy .muted-copy {
  display: -webkit-box !important;
  max-width: 42ch !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.view-section[data-view="tournaments"] .tournament-card-summary-bank,
.view-section[data-view="tournaments"] .tournament-card-summary-compact {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.view-section[data-view="tournaments"] .tournament-compact-pill {
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 44px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.065) !important;
}

.view-section[data-view="tournaments"] .tournament-card-info-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.view-section[data-view="tournaments"] .tournament-info-card {
  display: flex !important;
  min-height: 78px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

.view-section[data-view="tournaments"] .tournament-info-top {
  gap: 6px !important;
}

.view-section[data-view="tournaments"] .tournament-info-icon,
.view-section[data-view="tournaments"] .tournament-section-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 9px !important;
}

.view-section[data-view="tournaments"] .tournament-info-card strong {
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .tournament-info-card small {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-card-leaderboard,
.view-section[data-view="tournaments"] .tournament-status-note {
  padding: 10px !important;
  border-radius: 18px !important;
}

.view-section[data-view="tournaments"] .tournament-leaderboard-row {
  min-height: 38px !important;
  padding: 7px 8px !important;
  border-radius: 13px !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions {
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button {
  min-height: 44px !important;
  border-radius: 15px !important;
}

.view-section[data-view="tournaments"] .tournament-card-finished {
  opacity: 0.86;
}

.view-section[data-view="tournaments"] .tournament-card-finished .tournament-card-copy .muted-copy {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

@media (min-width: 1180px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    grid-template-columns: minmax(0, 0.85fr) minmax(520px, 1.15fr) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v20260520-events-bank7: use the supplied Gazan artwork as the main tournament banner. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  background:
    radial-gradient(circle at 50% 34%, rgba(116, 79, 255, 0.98), rgba(98, 72, 255, 0.96) 52%, rgba(18, 20, 32, 0.98) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(102, 75, 255, 0.08) 0%, rgba(102, 75, 255, 0.02) 46%, rgba(5, 6, 12, 0.32) 70%, rgba(5, 6, 12, 0.9) 100%),
    radial-gradient(circle at 50% 20%, transparent 0 38%, rgba(0, 0, 0, 0.16) 78%, rgba(0, 0, 0, 0.38) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: clamp(10px, 2.2vw, 22px) clamp(10px, 3vw, 30px) clamp(86px, 13vw, 142px) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.02) drop-shadow(0 28px 44px rgba(0, 0, 0, 0.38)) !important;
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(22px, 4.5vw, 48px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 13ch !important;
  font-size: clamp(38px, 7vw, 76px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-button {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #13151d !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    padding: 8px 6px 126px !important;
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }
}

/* v20260520-events-bank9-final: keep the main event artwork frameless. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card::after,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  border: 0 !important;
  box-shadow: none !important;
}

/* v20260520-events-bank10-final-eof: overlap events tabs with the hero banner. */
.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(560px, 60vw, 740px) !important;
  border-radius: clamp(34px, 5vw, 56px) !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  padding-bottom: clamp(132px, 15vw, 176px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(100px, 10vw, 132px) !important;
  z-index: 4 !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 8 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: clamp(-82px, -7vw, -52px) auto 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: rgba(10, 11, 16, 0.9) !important;
  box-shadow:
    0 -18px 54px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-height: 56px !important;
  border-radius: 22px !important;
  font-size: clamp(15px, 2.5vw, 18px) !important;
}

.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
  position: relative !important;
  z-index: 7 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(52, 128, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(10, 11, 16, 0.94), rgba(8, 9, 13, 0.98)) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: 568px !important;
    border-radius: 0 0 38px 38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    padding: 8px 6px 154px !important;
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 28px) !important;
    margin-top: -72px !important;
    padding: 7px !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
    width: calc(100% - 28px) !important;
    padding: 16px !important;
    border-radius: 0 0 28px 28px !important;
  }
}

/* v20260520-events-bank11-eof: final safe area guard for fixed bottom navigation. */
.view-section[data-view="tournaments"] {
  padding-bottom: max(148px, calc(148px + env(safe-area-inset-bottom, 0px))) !important;
}

.view-section[data-view="tournaments"] .events-section-pane.is-active {
  margin-bottom: max(112px, calc(112px + env(safe-area-inset-bottom, 0px))) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] {
    padding-bottom: max(170px, calc(170px + env(safe-area-inset-bottom, 0px))) !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane.is-active {
    margin-bottom: max(126px, calc(126px + env(safe-area-inset-bottom, 0px))) !important;
  }
}

/* v20260520-events-bank12-final-eof: full-section organic tournament banner override. */
.view-section[data-view="tournaments"] .events-hero-section {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  width: 100% !important;
  max-width: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(600px, 66vw, 820px) !important;
  border: 0 !important;
  border-radius: 0 0 clamp(34px, 5vw, 58px) clamp(34px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(112, 76, 255, 0.98), rgba(101, 73, 255, 0.96) 48%, rgba(16, 17, 25, 0.98) 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
  transform: none !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0.02) 0%, rgba(5, 6, 12, 0) 38%, rgba(5, 6, 12, 0.36) 70%, rgba(5, 6, 12, 0.9) 100%),
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(90deg, rgba(5, 6, 12, 0.22) 0%, transparent 22%, transparent 78%, rgba(5, 6, 12, 0.22) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 38% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.34) 42%, rgba(5, 6, 12, 0.94) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(108px, 10vw, 150px) !important;
  z-index: 5 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.62) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  margin-top: clamp(-92px, -7vw, -58px) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 42px 42px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }
}

/* v20260520-events-bank13-final-eof: keep the Gazan hero artwork edge-to-edge without side cropping. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(560px, 62vw, 780px) !important;
  background:
    linear-gradient(180deg, #684cff 0%, #6648f2 52%, #171821 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: fill !important;
  object-position: center center !important;
  transform: none !important;
  filter: saturate(1.06) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0) 46%, rgba(5, 6, 12, 0.38) 73%, rgba(5, 6, 12, 0.94) 100%),
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.08), transparent 45%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  height: 44% !important;
  background: linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.42) 42%, rgba(5, 6, 12, 0.96) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(108px, 10vw, 148px) !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 12ch !important;
  font-size: clamp(38px, 7.4vw, 78px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  text-align: center !important;
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.66) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
  display: block !important;
  max-width: 28ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.62) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(76vh, 628px) !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: fill !important;
    object-position: center center !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 96px !important;
    width: calc(100% - 34px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.6vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
    max-width: 24ch !important;
    font-size: 15px !important;
  }
}

/* v20260520-events-bank15-eof-lock: final lock for the rebuilt Gazan hero. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: relative !important;
  min-height: clamp(560px, 72vw, 820px) !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 0 clamp(36px, 5vw, 58px) clamp(36px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(135, 107, 255, 0.98), rgba(104, 76, 255, 0.98) 44%, rgba(18, 15, 42, 0.98) 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  left: 50% !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.03) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(105, 76, 255, 0) 0%, rgba(105, 76, 255, 0) 42%, rgba(7, 8, 13, 0.3) 68%, rgba(7, 8, 13, 0.95) 100%),
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.1), transparent 42%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(104px, 10vw, 148px) !important;
  z-index: 3 !important;
  width: min(calc(100% - 36px), 620px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
  margin: 0 !important;
  max-width: 12ch !important;
  color: #fff !important;
  font-size: clamp(38px, 7.2vw, 78px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.68) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
  display: block !important;
  max-width: 30ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.64) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
  width: min(100%, 242px) !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ff3a2f 0%, #ec2218 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 50px rgba(255, 45, 32, 0.34) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
    bottom: 96px !important;
    width: calc(100% - 32px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.7vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
    max-width: 25ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
    width: 220px !important;
    min-height: 54px !important;
  }
}

/* v20260521-events-bank18-tail-override: keep the Alfa-style events layout above every older override. */
.view-section[data-view="tournaments"].is-active {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 0 !important;
  background: #fff !important;
  color: #202124 !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: min(83vh, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #694cff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-copy,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-stats {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #704dff 0%, #684cff 64%, #704dff 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: clamp(72px, 8vh, 110px) !important;
  left: 50% !important;
  width: min(98vw, 724px) !important;
  min-width: 0 !important;
  height: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.04) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(105, 76, 255, 0) 0%, rgba(105, 76, 255, 0) 52%, rgba(105, 76, 255, 0.18) 68%, rgba(105, 76, 255, 0.5) 100%),
    radial-gradient(circle at 50% 38%, rgba(0, 0, 0, 0.08), transparent 56%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(86px, 10vh, 132px) !important;
  z-index: 3 !important;
  width: min(calc(100vw - 44px), 760px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
  margin: 0 !important;
  width: 100% !important;
  max-width: 13ch !important;
  color: #fff !important;
  font-family: var(--font-display, var(--font-sans)) !important;
  font-size: clamp(42px, 10.2vw, 86px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.065em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 46px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
  display: block !important;
  max-width: 24ch !important;
  margin: -4px 0 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(16px, 2.5vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
  width: 186px !important;
  min-height: 62px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f52b22 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 42px rgba(245, 43, 34, 0.3) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 5 !important;
  width: min(calc(100vw - 28px), 760px) !important;
  min-height: 82px !important;
  margin: -40px auto 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(min(83vh, 780px) - 42px) !important;
  height: 104px !important;
  z-index: -1 !important;
  border-radius: clamp(28px, 9vw, 52px) clamp(28px, 9vw, 52px) 0 0 !important;
  background: #fff !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #242529 !important;
  font-size: clamp(19px, 5.3vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 24px 16px calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-section-pane[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: min(calc(100vw - 32px), 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.view-section[data-view="tournaments"] .events-list-kicker {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(32px, 8.5vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.06em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-card {
  min-height: 0 !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .events-event-card::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status {
  min-width: 0 !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(32, 33, 36, 0.08) !important;
  color: #202124 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-status.open,
.view-section[data-view="tournaments"] .events-event-status.approved {
  background: rgba(34, 197, 94, 0.13) !important;
  color: #17753a !important;
}

.view-section[data-view="tournaments"] .events-event-copy {
  display: grid !important;
  gap: 6px !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(24px, 6.7vw, 34px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-copy p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-event-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .events-event-meta span {
  min-width: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #747780 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: #202124 !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .events-event-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button {
  min-height: 50px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button:only-child {
  grid-column: 1 / -1 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  margin: 0 0 18px !important;
}

.view-section[data-view="tournaments"] .events-news-head .eyebrow {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-head h2 {
  margin: 0 0 12px !important;
  max-width: 10ch !important;
  color: #202124 !important;
  font-size: clamp(44px, 12vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-head p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.view-section[data-view="tournaments"] .events-news-categories {
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  display: flex !important;
  gap: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-categories::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-category {
  flex: 0 0 auto !important;
  min-height: 56px !important;
  min-width: 126px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #202124 !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-category.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-news-rail {
  width: calc(100vw - 16px) !important;
  max-width: none !important;
  margin: 0 0 30px !important;
  padding: 0 0 4px !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 70vw) !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-card {
  min-height: 420px !important;
  padding: 28px !important;
  border: 0 !important;
  border-radius: 34px !important;
  background: #e7ecff !important;
  color: #202124 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(2) {
  background: #ffe8ee !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(3) {
  background: #e4f7ef !important;
}

.view-section[data-view="tournaments"] .events-news-card::before,
.view-section[data-view="tournaments"] .events-news-card::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-news-tag,
.view-section[data-view="tournaments"] .events-news-date {
  color: #62646d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-news-card h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(30px, 8vw, 44px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-card p {
  margin: 0 !important;
  color: #303137 !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
}

.view-section[data-view="tournaments"] .events-news-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
}

.view-section[data-view="tournaments"] .events-news-list-head h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(32px, 9vw, 48px) !important;
  line-height: 1 !important;
  letter-spacing: -0.065em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-list-head span {
  color: #8a8d96 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.view-section[data-view="tournaments"] .events-news-list {
  display: grid !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-news-row {
  min-height: 118px !important;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-row h3 {
  margin: 0 0 6px !important;
  color: #202124 !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.05em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-row p {
  margin: 0 !important;
  color: #747780 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.view-section[data-view="tournaments"] .events-news-row-mark {
  width: 58px !important;
  height: 58px !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #202124 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(77vh, 690px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
    height: 100% !important;
    min-height: 100% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    top: 86px !important;
    width: min(112vw, 724px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
    bottom: 80px !important;
    width: calc(100vw - 34px) !important;
    gap: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    max-width: 11.6ch !important;
    font-size: clamp(38px, 11.5vw, 54px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
    max-width: 24ch !important;
    font-size: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
    width: 172px !important;
    min-height: 58px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100vw - 28px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 900px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: 760px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    width: 724px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    font-size: 82px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    top: 718px !important;
  }
}

/* v20260521-events-bank16: full-bleed Gazan hero, no white side gutters. */
.view-section[data-view="tournaments"] .events-hero-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  border-radius: 0 0 clamp(36px, 5vw, 58px) clamp(36px, 5vw, 58px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  width: 100vw !important;
  min-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    width: 100vw !important;
    min-width: 100vw !important;
  }
}

/* v20260520-events-bank15: rebuilt Solntsevo/Gazan hero as an isolated component. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan {
  position: relative !important;
  min-height: clamp(560px, 72vw, 820px) !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 0 clamp(36px, 5vw, 58px) clamp(36px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(135, 107, 255, 0.98), rgba(104, 76, 255, 0.98) 44%, rgba(18, 15, 42, 0.98) 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  left: 50% !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.03) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(105, 76, 255, 0) 0%, rgba(105, 76, 255, 0) 42%, rgba(7, 8, 13, 0.3) 68%, rgba(7, 8, 13, 0.95) 100%),
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.1), transparent 42%),
    linear-gradient(90deg, rgba(7, 8, 13, 0.08) 0%, transparent 18%, transparent 82%, rgba(7, 8, 13, 0.08) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(104px, 10vw, 148px) !important;
  z-index: 3 !important;
  width: min(calc(100% - 36px), 620px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
  margin: 0 !important;
  max-width: 12ch !important;
  color: #fff !important;
  font-size: clamp(38px, 7.2vw, 78px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.68) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
  display: block !important;
  max-width: 30ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.64) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
  width: min(100%, 242px) !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ff3a2f 0%, #ec2218 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 50px rgba(255, 45, 32, 0.34) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
    width: 100% !important;
    height: auto !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
    bottom: 96px !important;
    width: calc(100% - 32px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.7vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
    max-width: 25ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
    width: 220px !important;
    min-height: 54px !important;
  }
}

/* v20260520-events-bank13-real-eof: show the full Gazan artwork without side cropping. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(620px, 70vw, 860px) !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(118, 84, 255, 0.98), rgba(102, 74, 255, 0.96) 50%, rgba(16, 17, 25, 0.98) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center top !important;
  transform: translateY(-1%) scale(1.01) !important;
  filter: saturate(1.05) contrast(1.03) drop-shadow(0 28px 54px rgba(0, 0, 0, 0.38)) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.02) 44%, rgba(5, 6, 12, 0.46) 72%, rgba(5, 6, 12, 0.94) 100%),
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.08), transparent 48%),
    linear-gradient(90deg, rgba(5, 6, 12, 0.14) 0%, transparent 18%, transparent 82%, rgba(5, 6, 12, 0.14) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  height: 46% !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.44) 42%, rgba(5, 6, 12, 0.96) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(112px, 11vw, 164px) !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 12ch !important;
  font-size: clamp(36px, 7vw, 76px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
  display: block !important;
  max-width: 30ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(82vh, 690px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateY(-8px) scale(1.02) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 98px !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.8vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
    max-width: 25ch !important;
    font-size: 15px !important;
  }
}

/* v20260520-events-bank13-real-eof: show the full Gazan artwork without side cropping. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(620px, 70vw, 860px) !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(118, 84, 255, 0.98), rgba(102, 74, 255, 0.96) 50%, rgba(16, 17, 25, 0.98) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center top !important;
  transform: translateY(-1%) scale(1.01) !important;
  filter: saturate(1.05) contrast(1.03) drop-shadow(0 28px 54px rgba(0, 0, 0, 0.38)) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.02) 44%, rgba(5, 6, 12, 0.46) 72%, rgba(5, 6, 12, 0.94) 100%),
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.08), transparent 48%),
    linear-gradient(90deg, rgba(5, 6, 12, 0.14) 0%, transparent 18%, transparent 82%, rgba(5, 6, 12, 0.14) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  height: 46% !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.44) 42%, rgba(5, 6, 12, 0.96) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(112px, 11vw, 164px) !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 12ch !important;
  font-size: clamp(36px, 7vw, 76px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
  display: block !important;
  max-width: 30ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(82vh, 690px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateY(-8px) scale(1.02) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 98px !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.8vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
    max-width: 25ch !important;
    font-size: 15px !important;
  }
}

/* v20260520-events-bank12: make the main tournament banner a full-bleed section, not an inserted image. */
.view-section[data-view="tournaments"] .events-hero-section {
  width: 100% !important;
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  width: 100% !important;
  max-width: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(600px, 66vw, 820px) !important;
  border-radius: 0 0 clamp(34px, 5vw, 58px) clamp(34px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(112, 76, 255, 0.98), rgba(101, 73, 255, 0.96) 48%, rgba(16, 17, 25, 0.98) 100%) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
  transform: none !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0.02) 0%, rgba(5, 6, 12, 0) 38%, rgba(5, 6, 12, 0.36) 70%, rgba(5, 6, 12, 0.9) 100%),
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(90deg, rgba(5, 6, 12, 0.22) 0%, transparent 22%, transparent 78%, rgba(5, 6, 12, 0.22) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 38% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.34) 42%, rgba(5, 6, 12, 0.94) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(108px, 10vw, 150px) !important;
  z-index: 5 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.62) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  margin-top: clamp(-92px, -7vw, -58px) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 42px 42px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }
}

/* v20260520-events-bank11: Alfa-style news sheet and bottom safe spacing. */
.view-section[data-view="tournaments"] {
  padding-bottom: max(148px, calc(148px + env(safe-area-inset-bottom, 0px))) !important;
}

.view-section[data-view="tournaments"] .events-section-pane.is-active {
  margin-bottom: max(112px, calc(112px + env(safe-area-inset-bottom, 0px))) !important;
}

.view-section[data-view="tournaments"].events-news-active .events-hero-section + .events-bank-tabs {
  background: #edf0f4 !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow:
    0 -24px 58px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.view-section[data-view="tournaments"].events-news-active .events-hero-section + .events-bank-tabs .events-bank-tab {
  color: #232429 !important;
  text-shadow: none !important;
}

.view-section[data-view="tournaments"].events-news-active .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #1f2024 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"].events-news-active .events-section-pane[data-events-pane="news"].is-active {
  overflow: hidden !important;
  color: #202126 !important;
  border-color: rgba(255, 255, 255, 0.86) !important;
  background: #fff !important;
  box-shadow: 0 34px 86px rgba(0, 0, 0, 0.24) !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-block {
  gap: clamp(22px, 4vw, 34px) !important;
  padding: clamp(8px, 2vw, 16px) 0 6px !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-head {
  gap: 10px !important;
  margin: 0 !important;
  padding: clamp(4px, 2vw, 12px) clamp(2px, 1vw, 8px) 0 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-head .eyebrow {
  display: none !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-head h2 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #202126 !important;
  font: 1000 clamp(42px, 8.5vw, 74px) / 0.96 "Manrope", sans-serif !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-head p:not(.eyebrow) {
  max-width: 27ch !important;
  margin: 0 !important;
  color: rgba(32, 33, 38, 0.62) !important;
  font-size: clamp(17px, 3.4vw, 22px) !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.view-section[data-view="tournaments"] .events-news-categories {
  display: flex !important;
  gap: 4px !important;
  overflow-x: auto !important;
  padding: 6px !important;
  border-radius: 999px !important;
  background: #edf0f3 !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-categories::-webkit-scrollbar,
.view-section[data-view="tournaments"] .events-news-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-category {
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #27282d !important;
  font: 950 16px / 1 "Manrope", sans-serif !important;
  letter-spacing: -0.035em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-news-category.is-active {
  background: #1f2024 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-rail {
  display: flex !important;
  gap: 18px !important;
  overflow-x: auto !important;
  padding: 2px 2px 10px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  align-content: start !important;
  flex: 0 0 min(78vw, 430px) !important;
  min-height: clamp(390px, 66vw, 500px) !important;
  padding: clamp(24px, 5vw, 34px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 34px !important;
  color: #202126 !important;
  background: #ffdba8 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card::before {
  content: "" !important;
  position: absolute !important;
  right: -92px !important;
  bottom: 54px !important;
  width: 280px !important;
  height: 280px !important;
  border-radius: 42% 58% 54% 46% !important;
  background:
    radial-gradient(circle at 42% 38%, rgba(255, 255, 255, 0.72), transparent 24%),
    linear-gradient(140deg, #ff3b2f, #ff8a35 48%, #7b61ff 100%) !important;
  opacity: 0.86 !important;
  transform: rotate(-14deg) !important;
  z-index: -1 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card::after {
  content: "" !important;
  position: absolute !important;
  right: 28px !important;
  bottom: 54px !important;
  width: 104px !important;
  height: 104px !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.32) !important;
  transform: rotate(8deg) !important;
  z-index: -1 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-blue {
  background: #dfe9ff !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-blue::before {
  background:
    radial-gradient(circle at 38% 38%, rgba(255, 255, 255, 0.75), transparent 24%),
    linear-gradient(140deg, #317cff, #75e4ff 45%, #8ff36a 100%) !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-soft {
  color: #fff !important;
  background: #11151d !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-soft::before {
  background:
    radial-gradient(circle at 38% 38%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(140deg, #2f7dff, #0fd6a0 50%, #172033 100%) !important;
  opacity: 0.72 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-tag {
  width: fit-content !important;
  min-height: 34px !important;
  margin: 0 0 20px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: inherit !important;
  font: 1000 clamp(30px, 6.8vw, 48px) / 1.02 "Manrope", sans-serif !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card p {
  max-width: 20ch !important;
  margin: 16px 0 24px !important;
  color: rgba(32, 33, 38, 0.72) !important;
  font-size: clamp(17px, 3.6vw, 22px) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-soft p {
  color: rgba(255, 255, 255, 0.7) !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-date {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: end !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: #202126 !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-card-soft .events-news-date,
.view-section[data-view="tournaments"].events-news-active .events-news-card-soft .events-news-tag {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-news-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 2px 4px 0 !important;
}

.view-section[data-view="tournaments"] .events-news-list-head h3 {
  margin: 0 !important;
  color: #202126 !important;
  font: 1000 clamp(30px, 6vw, 48px) / 1 "Manrope", sans-serif !important;
  letter-spacing: -0.065em !important;
}

.view-section[data-view="tournaments"] .events-news-list-head span {
  color: rgba(32, 33, 38, 0.5) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-list {
  display: grid !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: clamp(20px, 4vw, 26px) !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #f1f2f4 !important;
  color: #202126 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-row h3 {
  margin: 0 0 8px !important;
  color: #202126 !important;
  font-size: clamp(23px, 5vw, 34px) !important;
  font-weight: 1000 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.06em !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-row p {
  margin: 0 !important;
  color: rgba(32, 33, 38, 0.58) !important;
  font-size: clamp(16px, 3.4vw, 20px) !important;
  font-weight: 850 !important;
  line-height: 1.22 !important;
}

.view-section[data-view="tournaments"].events-news-active .events-news-row-mark {
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #ff3b2f, #ff9d2f) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] {
    padding-bottom: max(170px, calc(170px + env(safe-area-inset-bottom, 0px))) !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane.is-active {
    margin-bottom: max(126px, calc(126px + env(safe-area-inset-bottom, 0px))) !important;
  }

  .view-section[data-view="tournaments"].events-news-active .events-section-pane[data-events-pane="news"].is-active {
    padding: 18px !important;
    border-radius: 0 0 32px 32px !important;
  }

  .view-section[data-view="tournaments"].events-news-active .events-news-head h2 {
    font-size: clamp(42px, 13vw, 58px) !important;
  }

  .view-section[data-view="tournaments"] .events-news-categories {
    margin-inline: -2px !important;
  }

  .view-section[data-view="tournaments"] .events-news-category {
    min-height: 50px !important;
    padding: 0 24px !important;
    font-size: 17px !important;
  }

  .view-section[data-view="tournaments"].events-news-active .events-news-card {
    flex-basis: min(82vw, 360px) !important;
    min-height: 432px !important;
  }

  .view-section[data-view="tournaments"].events-news-active .events-news-row {
    border-radius: 26px !important;
  }

  .view-section[data-view="tournaments"].events-news-active .events-news-row-mark {
    width: 58px !important;
    height: 58px !important;
    border-radius: 20px !important;
  }
}

/* v20260520-events-bank10: make the event switcher overlap the hero like the reference. */
.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(560px, 60vw, 740px) !important;
  border-radius: clamp(34px, 5vw, 56px) !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  padding-bottom: clamp(132px, 15vw, 176px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(100px, 10vw, 132px) !important;
  z-index: 4 !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 8 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: clamp(-82px, -7vw, -52px) auto 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: rgba(10, 11, 16, 0.9) !important;
  box-shadow:
    0 -18px 54px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-height: 56px !important;
  border-radius: 22px !important;
  font-size: clamp(15px, 2.5vw, 18px) !important;
}

.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
  position: relative !important;
  z-index: 7 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(52, 128, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(10, 11, 16, 0.94), rgba(8, 9, 13, 0.98)) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: 568px !important;
    border-radius: 0 0 38px 38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    padding: 8px 6px 154px !important;
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 28px) !important;
    margin-top: -72px !important;
    padding: 7px !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
    width: calc(100% - 28px) !important;
    padding: 16px !important;
    border-radius: 0 0 28px 28px !important;
  }
}

/* v20260520-events-bank9: remove the visible frame around the hero banner artwork. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card::after,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    padding: 13px !important;
    border-radius: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-side {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
    padding: 10px 8px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-sub {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-card {
    border-radius: 23px !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .view-section[data-view="tournaments"] .tournament-card-summary-bank,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact {
    grid-template-columns: repeat(3, minmax(78px, 1fr)) !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank::-webkit-scrollbar,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact::-webkit-scrollbar {
    display: none;
  }

  .view-section[data-view="tournaments"] .tournament-card-actions {
    grid-template-columns: 1fr !important;
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", sans-serif;
  overscroll-behavior: none;
  touch-action: pan-x pan-y;
  -webkit-text-size-adjust: 100%;
}

html.modal-open,
body.modal-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  position: relative;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
p,
strong,
span {
  overflow-wrap: anywhere;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 12% 14%, rgba(110, 168, 255, 0.11), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(207, 177, 105, 0.06), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.008), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 0;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(rgba(120, 145, 173, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 145, 173, 0.022) 1px, transparent 1px);
  background-size: 100% 36px, 36px 100%;
  opacity: 0.12;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 86%);
  pointer-events: none;
  z-index: 0;
}

.ambient {
  position: fixed;
  border-radius: 999px;
  filter: blur(120px);
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

.ambient-a {
  width: 320px;
  height: 320px;
  top: -80px;
  left: -80px;
  background: rgba(110, 168, 255, 0.36);
}

.ambient-b {
  width: 280px;
  height: 280px;
  right: -80px;
  top: 120px;
  background: rgba(207, 177, 105, 0.18);
}

.app-shell,
.admin-shell {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 28px));
  margin: 0 auto;
  padding: 18px 0 110px;
}

.admin-shell {
  padding-bottom: 40px;
}

.topbar {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--border-strong);
  background:
    linear-gradient(180deg, rgba(15, 25, 39, 0.988), rgba(8, 16, 27, 0.982)),
    rgba(255, 255, 255, 0.012);
  box-shadow: 0 18px 42px rgba(4, 10, 20, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(14px);
}

.topbar::before {
  content: "";
  position: absolute;
  inset: 0 10px auto 10px;
  height: 1px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.98), rgba(255, 255, 255, 0));
  opacity: 0.82;
  pointer-events: none;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 0 0 auto;
}

.topbar-tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-width: 0;
  flex: 0 1 auto;
}

.brand-meta {
  display: grid;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
}

.brand-logo {
  width: min(124px, 34vw);
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.22));
}

html[lang="en"] .brand-logo {
  width: min(108px, 30vw);
}

.brand-subtitle {
  color: rgba(245, 247, 249, 0.9);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-status-line {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-mark {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  color: #0e1115;
  background: linear-gradient(135deg, #f6e0a8, #d7a94a);
  box-shadow: 0 12px 28px rgba(229, 197, 122, 0.32);
}

.topbar h1,
.section-head h3,
.hero-panel h2,
.auth-card h2 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.eyebrow {
  margin: 0 0 4px;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  font-weight: 700;
}

.user-pill,
.status-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.016)),
    rgba(10, 18, 29, 0.78);
  border: 1px solid var(--border-strong);
  color: var(--muted);
}

.user-pill {
  min-width: min(132px, 36vw);
  max-width: min(184px, 44vw);
  overflow: hidden;
  flex: 0 1 auto;
}

.user-pill > div:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  border-radius: 10px;
  background: rgba(10, 18, 29, 0.78);
  border: 1px solid var(--border-strong);
}

.language-switch-button {
  min-width: 38px;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.language-switch-button.is-active {
  background: rgba(110, 168, 255, 0.18);
  color: #d7e7ff;
}

.language-switch-button:active {
  transform: translateY(1px);
}

.user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(110, 168, 255, 0.34), rgba(58, 103, 191, 0.22));
  color: #f8f5ec;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.user-avatar img,
.user-avatar span {
  width: 100%;
  height: 100%;
}

.user-avatar img {
  display: none;
  object-fit: cover;
}

.user-avatar span {
  display: grid;
  place-items: center;
}

.user-avatar.has-image img {
  display: block;
}

.user-avatar.has-image span {
  display: none;
}

.user-pill strong {
  display: block;
  max-width: 100%;
  color: var(--text);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-pill > div:last-child span:last-child {
  display: block;
  max-width: 100%;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  display: inline-block;
}

.dot-live {
  background: var(--emerald);
  box-shadow: 0 0 0 6px rgba(45, 211, 155, 0.12);
}

.content-shell,
.section-block {
  display: grid;
  gap: 18px;
}

.section-block {
  margin-bottom: 22px;
}

.view-section {
  display: none;
}

.view-section.is-active {
  display: block;
}

.panel,
.modal-sheet,
.auth-card {
  background:
    linear-gradient(180deg, rgba(14, 24, 38, 0.992), rgba(8, 15, 26, 0.987)),
    rgba(255, 255, 255, 0.012);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--surface-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.012);
  backdrop-filter: blur(14px);
}

.hero-panel {
  display: grid;
  gap: 22px;
  padding: 22px;
  overflow: hidden;
  position: relative;
  border-color: rgba(110, 168, 255, 0.16);
}

.view-section[data-view="home"] > .hero-panel {
  margin-bottom: 26px;
}

.hero-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(110, 168, 255, 0.12), transparent 34%),
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.012)),
    linear-gradient(rgba(120, 145, 173, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 145, 173, 0.016) 1px, transparent 1px);
  background-size: auto, auto, 100% 32px, 32px 100%;
  opacity: 0.42;
  pointer-events: none;
}

.hero-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.98), rgba(207, 177, 105, 0.44));
  opacity: 0.95;
  pointer-events: none;
}

.hero-copy,
.hero-stats {
  position: relative;
  z-index: 1;
}

.hero-copy {
  display: grid;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.hero-panel h2 {
  max-width: 15ch;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.01;
}

.hero-text,
.muted-copy {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.hero-text {
  max-width: 56ch;
  color: rgba(225, 232, 240, 0.8);
}

.hero-actions,
.modal-actions,
.admin-actions,
.chart-toolbar,
.section-head,
.compact-head,
.inline-control,
.hero-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.section-head,
.compact-head,
.purchase-rules-head,
.trade-group-head,
.tournament-leaderboard-head,
.account-section-head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(124, 152, 184, 0.12);
}

.inline-control {
  flex-wrap: wrap;
}

.chart-toolbar {
  margin-bottom: 14px;
}

.chart-toolbar-stack {
  align-items: flex-start;
}

.hero-actions {
  flex-wrap: wrap;
}

.hero-actions-stack {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-items: stretch;
  align-items: center;
  gap: 12px;
  margin-inline: auto;
}

.hero-action-divider {
  color: rgba(144, 160, 174, 0.8);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 11px 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(124, 152, 184, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.012)),
    rgba(9, 16, 27, 0.68);
  color: rgba(236, 241, 248, 0.94);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.hero-trust-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(110, 168, 255, 0.14), rgba(110, 168, 255, 0.06));
  color: #b8d5ff;
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.12);
}

.hero-trust-icon svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-trust-pill.is-payout .hero-trust-icon {
  background: linear-gradient(180deg, rgba(151, 222, 110, 0.16), rgba(151, 222, 110, 0.07));
  color: #b8ef8a;
  box-shadow: inset 0 0 0 1px rgba(151, 222, 110, 0.16);
}

.hero-trust-label {
  display: inline-block;
  line-height: 1.15;
}

.tournament-hub-panel {
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  align-items: stretch;
}

.tournament-hub-copy {
  align-content: start;
}

.tournament-hub-copy h2 {
  max-width: 14ch;
}

.tournament-hub-guides {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tournament-hub-guide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  border-radius: 8px;
  background: rgba(11, 20, 31, 0.72);
  border: 1px solid rgba(124, 152, 184, 0.12);
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tournament-hub-actions {
  align-items: stretch;
}

.tournament-hub-actions .button {
  flex: 1 1 180px;
  justify-content: center;
}

.tournament-hub-side {
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 0;
}

.tournament-hub-banner {
  position: relative;
  z-index: 1;
}

.tournament-hub-banner-card {
  position: relative;
  overflow: hidden;
  min-height: 188px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.18), transparent 40%),
    linear-gradient(140deg, rgba(15, 21, 29, 0.95), rgba(8, 13, 19, 0.98));
}

.tournament-hub-banner-card.has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 10, 16, 0.08), rgba(6, 10, 16, 0.9));
}

.tournament-hub-banner-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tournament-hub-banner-overlay {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: end;
  gap: 10px;
  min-height: 188px;
  padding: 18px;
  padding-top: 54px;
}

.tournament-hub-banner-overlay h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.06;
  max-width: 14ch;
  overflow-wrap: anywhere;
}

.tournament-hub-banner-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: min(72%, 190px);
  min-width: 0;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(229, 197, 122, 0.16);
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
}

.tournament-hub-banner-kicker-corner {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  max-width: calc(100% - 28px);
  box-shadow: 0 10px 24px rgba(229, 197, 122, 0.18);
}

.tournament-hub-banner-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.hero-cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-width: 100%;
  max-width: none;
  margin-inline: auto;
  min-height: 68px;
  padding: 18px 24px;
  border-radius: 10px;
  text-align: center;
}

.hero-cta-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.hero-alt-button,
.home-cta-button {
  border-radius: 10px;
}

.hero-alt-button {
  width: 100%;
  min-width: 220px;
  justify-content: center;
}

.hero-action-divider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  min-width: 38px;
  padding: 2px 8px;
  border-radius: 999px;
  color: rgba(220, 224, 229, 0.62);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-cta-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(7, 14, 24, 0.18);
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}

.hero-cta-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  justify-items: center;
  text-align: center;
}

.hero-cta-copy strong,
.hero-cta-copy span {
  display: block;
}

.hero-cta-copy strong {
  font-size: 15px;
  line-height: 1.15;
}

.hero-cta-copy span {
  color: rgba(11, 15, 20, 0.74);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.section-head > div,
.account-topline > div,
.quote-topline > div,
.brand-lockup > div {
  min-width: 0;
}

.hero-actions,
.modal-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(100%, 560px);
  margin: 0 auto;
  justify-content: center;
  align-items: stretch;
}

.hero-stats-note {
  width: min(100%, 560px);
  margin: 2px auto 0;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(110, 168, 255, 0.16);
  background: rgba(110, 168, 255, 0.06);
  color: rgba(216, 231, 255, 0.94);
  font-size: 11px;
  line-height: 1.4;
  text-align: left;
}

.stats-grid {
  flex-wrap: wrap;
}

.hero-stats .stat-card {
  display: grid;
  grid-template-rows: minmax(24px, auto) auto auto;
  align-content: start;
  text-align: left;
  padding: 14px 12px;
  border-radius: 14px;
  min-height: 88px;
}

.tournament-hub-stats {
  justify-content: stretch;
  gap: 10px;
}

.tournament-hub-stats .stat-card {
  flex: 1 1 0;
}

.hero-stats .stat-label {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
  min-height: 24px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-stats strong {
  display: block;
  font-size: 18px;
  line-height: 1.05;
  margin-top: 6px;
}

.hero-stats .stat-sub {
  font-size: 10px;
  line-height: 1.2;
  margin-top: 5px;
}

.stats-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.stat-card,
.quote-card,
.plan-card,
.announcement-card,
.account-card,
.account-summary-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
    rgba(9, 17, 28, 0.82);
  border: 1px solid rgba(124, 152, 184, 0.12);
  border-radius: var(--radius-md);
  padding: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 14px 28px rgba(3, 8, 18, 0.16);
}

.stat-card-compact {
  gap: 4px;
  padding: 14px;
}

.stat-card-featured {
  background: linear-gradient(135deg, rgba(110, 168, 255, 0.16), rgba(255, 255, 255, 0.03));
  border-color: rgba(110, 168, 255, 0.24);
}

.stat-card-featured .stat-label,
.stat-card-featured .stat-sub {
  color: rgba(220, 233, 255, 0.82);
}

.stat-card .stat-label,
.micro-label {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
}

.stat-card .stat-value,
.account-metric strong,
.quote-card strong {
  display: block;
  font-size: 23px;
  font-weight: 800;
  color: var(--text);
}

.stat-card .stat-sub {
  color: var(--muted);
  font-size: 12px;
}

.quote-strip-home {
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-overview-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-overview-card {
  display: grid;
  gap: 4px;
  padding: 13px 13px;
  border-radius: 12px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(11, 20, 31, 0.72);
}

.account-overview-label,
.account-overview-sub {
  color: var(--muted);
}

.account-overview-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.account-overview-card strong {
  font-size: 20px;
  line-height: 1.05;
}

.account-overview-sub {
  font-size: 11px;
}

.quote-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.quote-strip.compact {
  margin-bottom: 14px;
}

.quote-card {
  display: grid;
  gap: 6px;
}

.quote-card-home {
  display: grid;
  gap: 8px;
  padding: 14px 15px;
  min-height: 102px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(16, 26, 40, 0.985), rgba(9, 16, 27, 0.985)),
    rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(124, 152, 184, 0.12);
}

.quote-card-home::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.92), rgba(207, 177, 105, 0.28));
}

.quote-card-home-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px 96px;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.quote-card-home-copy,
.quote-card-home-side {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.quote-card-home-copy {
  flex: 1 1 auto;
}

.quote-card-home-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.quote-card-home-meta {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.quote-card-home-chart {
  display: grid;
  justify-items: center;
  min-width: 0;
}

.quote-card-home-chart .asset-select-sparkline {
  width: 76px;
}

.quote-card-home-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 7px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(11, 19, 30, 0.74);
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.quote-card-home-side {
  justify-items: end;
  min-width: 84px;
  width: auto;
  justify-self: end;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.quote-card-home .quote-symbol {
  font-size: 14px;
}

.quote-card-home .micro-copy {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}

.quote-card-home strong {
  font-size: 19px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  white-space: nowrap;
  width: 100%;
  text-align: right;
}

.quote-card-home .quote-change {
  min-width: 58px;
  justify-content: flex-end;
}

.home-cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: start;
  gap: 18px;
  padding: 18px;
  border-color: rgba(124, 152, 184, 0.14);
  background:
    linear-gradient(180deg, rgba(16, 26, 40, 0.992), rgba(8, 15, 27, 0.987)),
    radial-gradient(circle at right top, rgba(110, 168, 255, 0.08), transparent 34%);
}

.home-cta-actions {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
}

.home-cta-actions-rich {
  width: 100%;
  flex: 0 1 auto;
  grid-auto-flow: row;
  gap: 10px;
  padding-left: 18px;
  border-left: 1px solid rgba(124, 152, 184, 0.12);
}

.home-cta-actions-rich > .home-cta-button {
  width: 100%;
  min-width: 0;
}

.home-cta-utility-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.home-cta-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.home-cta-copy .muted-copy {
  max-width: 42ch;
}

.home-cta-copy h3 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.02em;
}

.home-cta-button {
  flex: 0 0 auto;
  min-width: 152px;
  min-height: 54px;
  padding-inline: 16px;
  font-weight: 800;
  border-radius: 10px;
}

.home-utility-button {
  min-width: 0;
  min-height: 68px;
  padding: 12px;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 9px;
  text-align: left;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(18, 29, 43, 0.986), rgba(10, 17, 28, 0.98)),
    rgba(255, 255, 255, 0.02);
  border-color: rgba(124, 152, 184, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 26px rgba(2, 8, 18, 0.16);
}

.home-utility-button::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  opacity: 0.9;
}

#homeReferralButton::before {
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.96), rgba(47, 111, 237, 0.4));
}

#homeRulesButton::before {
  background: linear-gradient(90deg, rgba(207, 177, 105, 0.92), rgba(110, 168, 255, 0.22));
}

.home-utility-button:hover {
  border-color: rgba(110, 168, 255, 0.24);
  background:
    linear-gradient(180deg, rgba(24, 35, 50, 0.986), rgba(13, 21, 33, 0.98)),
    rgba(255, 255, 255, 0.03);
}

.home-utility-button .hero-cta-icon {
  width: 24px;
  height: 24px;
  border-radius: 5px;
  font-size: 12px;
  background: rgba(11, 19, 30, 0.9);
  border: 1px solid rgba(124, 152, 184, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.home-utility-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

.home-utility-copy strong {
  color: var(--text);
  font-size: 12.5px;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.home-utility-copy span {
  display: block;
  color: rgba(220, 224, 229, 0.72);
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.referral-modal-shell {
  display: grid;
  gap: 14px;
}

.rules-doc {
  display: grid;
  gap: 14px;
}

.rules-doc-section,
.rules-doc-hero,
.rules-doc-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(11, 19, 30, 0.76);
}

.rules-doc-section {
  gap: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.012)),
    rgba(11, 19, 30, 0.78);
}

.rules-doc-hero {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
    radial-gradient(circle at top right, rgba(110, 168, 255, 0.12), transparent 44%);
}

.rules-doc-hero h4,
.rules-doc-card h5,
.rules-doc-section h5 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.rules-doc-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rules-doc-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(124, 152, 184, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(233, 239, 245, 0.9);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.rules-doc-section-head {
  display: grid;
  gap: 6px;
}

.rules-doc-section-head p,
.rules-doc-footnote {
  margin: 0;
}

.rules-stage-table {
  display: grid;
  gap: 8px;
}

.rules-stage-head,
.rules-stage-row {
  display: grid;
  grid-template-columns: 88px 100px 78px minmax(0, 1.15fr) 98px minmax(0, 1.15fr);
  gap: 10px;
  align-items: start;
}

.rules-stage-head {
  padding: 0 10px;
  color: rgba(174, 190, 208, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.rules-stage-row {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(255, 255, 255, 0.022);
}

.rules-stage-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.rules-stage-cell strong,
.rules-stage-cell span {
  min-width: 0;
}

.rules-stage-cell strong {
  font-size: 13px;
  color: rgba(240, 245, 250, 0.94);
  line-height: 1.3;
}

.rules-stage-cell span {
  color: rgba(214, 224, 236, 0.8);
  font-size: 11px;
  line-height: 1.4;
}

.rules-stage-key {
  display: none;
  color: rgba(174, 190, 208, 0.68);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rules-stage-cell-outcome {
  padding-left: 4px;
}

.rules-doc-footnote {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px dashed rgba(124, 152, 184, 0.18);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(214, 224, 236, 0.74);
  font-size: 12px;
  line-height: 1.45;
}

.rules-doc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rules-doc-list {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  display: grid;
  gap: 8px;
  line-height: 1.45;
}

.hero-stats-note {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 11px 13px;
  border-radius: 16px;
  border: 1px solid rgba(168, 183, 199, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(235, 239, 242, 0.82);
  font-size: 12px;
  line-height: 1.45;
}

.quote-topline,
.account-topline,
.trade-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.account-topline {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(168, 183, 199, 0.1);
}

.quote-symbol,
.account-number,
.trade-pill {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.quote-change,
.status-badge,
.plan-badge,
.label-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  white-space: nowrap;
}

.positive {
  color: var(--emerald);
}

.negative {
  color: var(--danger);
}

.quote-change.positive,
.status-badge.status-active,
.status-badge.status-approved,
.status-badge.status-registered {
  background: rgba(45, 211, 155, 0.12);
}

.quote-change.negative,
.status-badge.status-breached,
.status-badge.status-rejected {
  background: rgba(255, 107, 107, 0.12);
}

.status-badge.status-pending,
.status-badge.status-paused,
.status-badge.status-reset,
.status-badge.status-target-reached,
.plan-badge.gold {
  background: rgba(229, 197, 122, 0.14);
  color: var(--gold);
}

.status-badge.status-reset {
  background: rgba(174, 186, 201, 0.14);
  color: #c4d0df;
}

.plan-badge.slate {
  background: rgba(174, 186, 201, 0.14);
  color: #c4d0df;
}

.status-badge.status-active {
  color: var(--emerald);
}

.status-badge.status-approved,
.status-badge.status-registered {
  color: var(--emerald);
}

.status-badge.status-breached,
.status-badge.status-rejected {
  color: var(--danger);
}

.label-pill-soft {
  background: rgba(255, 255, 255, 0.06);
  color: var(--muted);
}

.plan-grid,
.announcement-grid,
.account-grid,
.tournament-grid {
  display: grid;
  gap: 14px;
}

.account-grid {
  gap: 10px;
}

.account-section-referrals .account-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.tournament-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.plan-card,
.announcement-card,
.account-card,
.tournament-card {
  display: grid;
  gap: 14px;
}

.account-card,
.tournament-card {
  position: relative;
  overflow: hidden;
}

.account-section-referrals {
  display: grid;
  gap: 14px;
}

.referral-bank-hero,
.referral-bank-card,
.referral-influencer-card {
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(14, 20, 29, 0.985), rgba(8, 12, 18, 0.985)),
    rgba(255, 255, 255, 0.02);
}

.referral-bank-hero::before,
.referral-bank-card::before,
.referral-influencer-card::before {
  display: none;
}

.referral-bank-hero {
  gap: 18px;
  border: 1px solid rgba(130, 156, 186, 0.16);
  background:
    linear-gradient(180deg, rgba(15, 23, 35, 0.988), rgba(8, 13, 20, 0.988)),
    radial-gradient(circle at top right, rgba(110, 168, 255, 0.1), transparent 42%),
    radial-gradient(circle at bottom left, rgba(201, 172, 106, 0.06), transparent 34%);
  box-shadow: 0 20px 46px rgba(3, 6, 12, 0.26);
}

.referral-bank-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.referral-bank-head,
.referral-influencer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.referral-bank-head h4,
.referral-influencer-head h4 {
  margin: 4px 0 0;
}

.referral-bank-copy .muted-copy {
  max-width: 62ch;
  line-height: 1.5;
}

.referral-bank-earnings {
  min-width: 170px;
  display: grid;
  gap: 5px;
  padding: 14px 16px 15px;
  border-radius: 16px;
  border: 1px solid rgba(143, 166, 192, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.015)),
    rgba(10, 14, 20, 0.46);
  text-align: left;
}

.referral-bank-earnings strong {
  font-family: var(--font-display-premium);
  font-size: clamp(24px, 4vw, 32px);
  letter-spacing: -0.03em;
}

.referral-bank-primary {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 12px;
  align-items: stretch;
}

.referral-bank-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.referral-bank-action-shell {
  display: grid;
  gap: 10px;
  align-content: start;
}

.referral-link-state {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(136, 159, 186, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
    rgba(6, 10, 15, 0.34);
}

.referral-link-state .micro-copy {
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.referral-code-plate,
.referral-code-inline {
  display: grid;
  gap: 8px;
  padding: 15px 16px;
  border-radius: 16px;
  border: 1px solid rgba(169, 185, 204, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.014)),
    rgba(5, 9, 14, 0.38);
  backdrop-filter: blur(12px);
}

.referral-code-plate span,
.referral-code-inline {
  color: rgba(245, 247, 250, 0.72);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.referral-code-plate strong,
.referral-code-inline {
  font-family: "Sora", sans-serif;
  font-size: clamp(24px, 6vw, 34px);
  line-height: 1;
  letter-spacing: 0.14em;
  color: #f7f4ec;
}

.referral-code-plate small {
  color: rgba(198, 211, 226, 0.78);
  font-size: 12px;
  line-height: 1.45;
}

.referral-code-inline {
  font-size: 20px;
  justify-items: start;
}

.referral-summary-grid,
.referral-benefits-row,
.referral-detail-grid,
.referral-application-grid,
.referral-influencer-form-grid {
  display: grid;
  gap: 12px;
}

.referral-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.referral-summary-tile {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 114px;
  padding: 15px 16px;
  border-radius: 16px;
  border: 1px solid rgba(135, 159, 188, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
    rgba(7, 11, 17, 0.28);
}

.referral-summary-tile.emerald {
  border-color: rgba(45, 211, 155, 0.18);
}

.referral-summary-tile.sky {
  border-color: rgba(110, 168, 255, 0.2);
}

.referral-summary-tile.gold {
  border-color: rgba(229, 197, 122, 0.24);
}

.referral-summary-label,
.referral-summary-meta {
  font-size: 11px;
  line-height: 1.45;
}

.referral-summary-label {
  color: rgba(214, 223, 233, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.referral-summary-tile strong {
  font-family: var(--font-display-premium);
  font-size: clamp(21px, 4vw, 28px);
  letter-spacing: -0.03em;
}

.referral-summary-meta {
  color: rgba(191, 205, 220, 0.72);
}

.referral-bank-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  align-items: stretch;
}

.referral-bank-card {
  gap: 14px;
  height: 100%;
  border: 1px solid rgba(130, 156, 186, 0.14);
}

.referral-card-muted {
  background:
    linear-gradient(180deg, rgba(13, 18, 26, 0.96), rgba(8, 12, 18, 0.96)),
    rgba(255, 255, 255, 0.02);
}

.referral-detail-grid,
.referral-application-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.referral-detail-grid > div,
.referral-application-grid > div {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 82px;
  padding: 12px 13px;
  border-radius: 14px;
  border: 1px solid rgba(136, 159, 186, 0.1);
  background: rgba(255, 255, 255, 0.025);
}

.referral-detail-grid > div strong,
.referral-application-grid > div strong {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.referral-detail-grid-tight > div {
  min-height: 74px;
}

.referral-empty-state {
  display: grid;
  gap: 8px;
  padding: 14px 15px;
  border-radius: 14px;
  border: 1px solid rgba(136, 159, 186, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
    rgba(7, 11, 17, 0.24);
}

.referral-empty-state strong {
  font-family: var(--font-display-premium);
  font-size: 18px;
  letter-spacing: -0.03em;
}

.referral-influencer-card {
  gap: 14px;
  border: 1px solid rgba(130, 156, 186, 0.16);
  background:
    linear-gradient(180deg, rgba(14, 20, 29, 0.985), rgba(9, 13, 19, 0.985)),
    radial-gradient(circle at top right, rgba(110, 168, 255, 0.1), transparent 40%);
}

.referral-influencer-card.is-pending {
  border-color: rgba(229, 197, 122, 0.22);
}

.referral-influencer-card.is-live {
  border-color: rgba(45, 211, 155, 0.22);
}

.referral-benefits-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.referral-benefit-pill {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 54px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(137, 160, 187, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.02);
  color: rgba(231, 236, 240, 0.92);
  font-size: 12px;
  text-align: left;
}

.referral-benefit-pill strong {
  font-size: 13px;
  line-height: 1.4;
}

.referral-benefit-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #6ea8ff, #4d7fd1);
  flex: 0 0 auto;
}

.referral-application-state {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(137, 160, 187, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(6, 10, 15, 0.38);
}

.referral-application-state.is-approved {
  border-color: rgba(45, 211, 155, 0.18);
}

.referral-application-copy {
  display: grid;
  gap: 8px;
}

.referral-application-copy h5 {
  margin: 0;
  font-family: var(--font-display-premium);
  font-size: 18px;
  letter-spacing: -0.03em;
}

.referral-influencer-form {
  display: grid;
  gap: 12px;
}

.referral-influencer-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.referral-influencer-actions {
  justify-content: flex-start;
}

@media (max-width: 900px) {
  .referral-bank-head,
  .referral-influencer-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .referral-bank-earnings {
    min-width: 0;
    text-align: left;
  }

  .referral-bank-primary {
    grid-template-columns: minmax(0, 1fr);
  }

  .referral-summary-grid,
  .referral-benefits-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .referral-bank-hero,
  .referral-bank-card,
  .referral-influencer-card {
    padding: 16px;
  }

  .referral-summary-grid,
  .referral-detail-grid,
  .referral-application-grid,
  .referral-influencer-form-grid,
  .referral-benefits-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .referral-bank-actions,
  .referral-influencer-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .referral-bank-actions .button,
  .referral-influencer-actions .button {
    width: 100%;
  }

  .referral-code-plate strong,
  .referral-code-inline {
    font-size: 22px;
    letter-spacing: 0.12em;
  }
}

.account-card::before,
.tournament-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.92), rgba(207, 177, 105, 0.2));
  z-index: 1;
}

.tournament-card {
  gap: 12px;
  padding: 18px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(16, 26, 40, 0.986), rgba(9, 16, 27, 0.986)),
    rgba(255, 255, 255, 0.02);
  border-color: rgba(124, 152, 184, 0.12);
}

.tournament-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(110, 168, 255, 0.08), transparent 48%);
}

.tournament-card > * {
  position: relative;
  z-index: 1;
}

.tournament-card-slate::after {
  background: linear-gradient(135deg, rgba(196, 208, 223, 0.08), transparent 48%);
}

.tournament-card-head,
.tournament-card-metrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.tournament-card-copy {
  display: grid;
  gap: 7px;
  max-width: 52ch;
}

.tournament-card-copy h3 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.02em;
}

.tournament-card-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.verified-title {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}

.verified-title-text {
  display: inline-block;
  min-width: 0;
  flex: 0 1 auto;
  line-height: 1.08;
  white-space: normal;
  overflow-wrap: anywhere;
}

.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4ea5ff, #2d6dff);
  box-shadow: 0 6px 16px rgba(45, 109, 255, 0.28);
  color: #ffffff;
  vertical-align: 0.08em;
  margin-left: 0;
  flex: 0 0 auto;
}

.verified-badge-large {
  width: 20px;
  height: 20px;
}

.verified-badge svg {
  width: 11px;
  height: 11px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tournament-card-metrics {
  justify-content: flex-start;
}

.tournament-card-info-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.tournament-card-metrics > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(11, 19, 30, 0.72);
  color: var(--muted);
  font-size: 11px;
}

.tournament-card-metrics > span strong {
  color: var(--text);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tournament-info-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  min-width: 0;
  min-height: 120px;
  height: 100%;
  padding: 13px;
  border-radius: 12px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background:
    radial-gradient(circle at top left, rgba(110, 168, 255, 0.08), transparent 34%),
    rgba(11, 19, 30, 0.76);
}

.tournament-card-slate .tournament-info-card {
  background:
    radial-gradient(circle at top left, rgba(196, 208, 223, 0.07), transparent 34%),
    rgba(255, 255, 255, 0.028);
}

.tournament-info-top {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tournament-info-top span {
  min-width: 0;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.tournament-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  border: 1px solid rgba(110, 168, 255, 0.18);
  background: rgba(110, 168, 255, 0.08);
  color: #a8c7ff;
  flex: 0 0 auto;
}

.tournament-info-icon svg,
.tournament-pill-icon svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tournament-card-slate .tournament-info-icon {
  background: rgba(196, 208, 223, 0.08);
  border-color: rgba(196, 208, 223, 0.18);
  color: rgba(220, 230, 242, 0.9);
}

.tournament-info-card strong {
  display: block;
  min-width: 0;
  font-size: 15px;
  line-height: 1.18;
  letter-spacing: -0.02em;
  text-transform: none;
  overflow-wrap: anywhere;
}

.tournament-info-card small {
  display: block;
  align-self: end;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.tournament-period-pill {
  gap: 7px;
}

.tournament-pill-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  color: var(--gold);
  background: rgba(229, 197, 122, 0.08);
  border: 1px solid rgba(229, 197, 122, 0.14);
}

.tournament-note {
  min-height: 36px;
}

.tournament-note-card {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border-radius: 12px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  background: rgba(11, 19, 30, 0.72);
}

.tournament-note-card .micro-label {
  margin-bottom: 0;
}

.tournament-note-card .tournament-note {
  min-height: 0;
}

.tournament-card-actions {
  display: grid;
  gap: 8px;
}

.tournament-compact-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tournament-compact-pill {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(11, 19, 30, 0.72);
  border: 1px solid rgba(124, 152, 184, 0.12);
  color: var(--muted);
  font-size: 11px;
}

.tournament-compact-pill strong {
  color: var(--text);
  font-size: 11px;
  white-space: nowrap;
}

.tournament-objective-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.tournament-section-title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.tournament-section-title > div {
  min-width: 0;
}

.tournament-section-title h4,
.leaderboard-modal-head h3 {
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.tournament-section-icon,
.tournament-objective-icon,
.leaderboard-prize-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid rgba(229, 197, 122, 0.18);
  background: rgba(229, 197, 122, 0.1);
  color: var(--sun);
}

.tournament-section-icon {
  width: 30px;
  height: 30px;
  border-radius: 11px;
}

.tournament-objective-icon,
.leaderboard-prize-icon {
  width: 24px;
  height: 24px;
  border-radius: 10px;
}

.tournament-section-icon svg,
.tournament-objective-icon svg,
.leaderboard-prize-icon svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tournament-objective-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.tournament-objective-item {
  display: grid;
  gap: 2px;
  padding: 10px 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
  min-width: 0;
}

.tournament-objective-item strong {
  font-size: 14px;
  line-height: 1.1;
}

.tournament-objective-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tournament-objective-sub {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.1;
}

.tournament-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tournament-info-card {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
  min-height: 112px;
  height: 100%;
}

.tournament-info-card strong {
  font-size: 14px;
  line-height: 1.2;
}

.tournament-leaderboard-block {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(8, 12, 20, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.tournament-leaderboard-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.tournament-leaderboard-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tournament-leaderboard-head h4 {
  margin: 2px 0 0;
  font-size: 16px;
}

.tournament-leaderboard-list {
  display: grid;
  gap: 8px;
}

.tournament-leaderboard-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.tournament-leaderboard-row.is-compact {
  padding: 8px 10px;
}

.tournament-leaderboard-row.is-self {
  border-color: rgba(229, 197, 122, 0.35);
  background: rgba(229, 197, 122, 0.08);
}

.tournament-leaderboard-left,
.tournament-leaderboard-right {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.tournament-leaderboard-right {
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.tournament-leaderboard-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tournament-leaderboard-copy strong {
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.tournament-leaderboard-copy .micro-copy {
  overflow-wrap: anywhere;
}

.tournament-rank-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 42px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.tournament-leaderboard-empty {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px dashed rgba(255, 255, 255, 0.08);
}

.tournament-leaderboard-separator {
  padding-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tournament-competition-shell {
  display: grid;
  gap: 12px;
}

.tournament-competition-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.tournament-competition-topline h4 {
  margin: 2px 0 0;
  font-size: 20px;
}

.tournament-competition-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.leaderboard-inline-button {
  padding: 9px 12px;
  border-radius: 14px;
}

.leaderboard-page-shell {
  display: grid;
  gap: 14px;
}

.leaderboard-modal-sheet {
  max-width: 840px;
}

.leaderboard-modal-head {
  position: relative;
  padding-right: 50px;
}

.leaderboard-modal-head h3 {
  margin: 0;
  font-size: clamp(26px, 5vw, 34px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  font-weight: 800;
}

.leaderboard-modal-head .verified-title {
  display: block;
  min-width: 0;
  padding-right: 4px;
}

.leaderboard-modal-head .verified-title-text {
  display: inline;
  min-width: 0;
  max-width: none;
}

.leaderboard-modal-head .verified-badge-large {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  vertical-align: 0.08em;
}

.leaderboard-modal-head .verified-badge-large svg {
  width: 10px;
  height: 10px;
}

.leaderboard-prize-panel h4,
.leaderboard-full-panel h4 {
  margin: 0;
  font-size: clamp(24px, 4.8vw, 31px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  font-family: "Sora", sans-serif;
  font-weight: 900;
}

.leaderboard-prize-panel .tournament-section-title,
.leaderboard-full-panel .tournament-section-title {
  align-items: center;
  gap: 10px;
  padding-top: 4px;
  min-height: 32px;
}

.leaderboard-prize-panel .tournament-section-icon,
.leaderboard-full-panel .tournament-section-icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  flex: 0 0 24px;
}

.leaderboard-prize-panel .tournament-section-icon svg,
.leaderboard-full-panel .tournament-section-icon svg {
  width: 11px;
  height: 11px;
}

.leaderboard-banner-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

.leaderboard-banner-copy {
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 0;
  padding-right: 6px;
}

.leaderboard-banner-copy .muted-copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  max-width: 42ch;
  color: rgba(255, 255, 255, 0.72);
}

.leaderboard-banner-copy h3 {
  margin: 2px 0 0;
}

.leaderboard-banner-copy .leaderboard-page-badges {
  gap: 8px;
  align-items: flex-start;
}

.leaderboard-banner-copy .tournament-compact-pill {
  min-height: 34px;
}

.leaderboard-banner-slot {
  display: grid;
  gap: 6px;
  align-content: end;
  min-height: 150px;
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(9, 14, 22, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  position: relative;
}

.leaderboard-banner-slot-image {
  padding: 0;
  align-content: stretch;
  background: rgba(10, 14, 22, 0.96);
}

.leaderboard-banner-slot::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  pointer-events: none;
}

.leaderboard-banner-slot-image::after {
  inset: 10px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.08);
}

.leaderboard-banner-slot > * {
  position: relative;
  z-index: 1;
}

.leaderboard-banner-image {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  display: block;
}

.leaderboard-banner-slot strong {
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.03em;
}

.leaderboard-banner-slot span:last-child {
  color: var(--muted);
  font-size: 13px;
}

.leaderboard-banner-kicker {
  color: var(--sun);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.leaderboard-page-hero,
.leaderboard-prize-panel,
.leaderboard-full-panel {
  display: grid;
  gap: 12px;
}

.leaderboard-prize-panel,
.leaderboard-full-panel {
  padding-top: 14px;
}

.leaderboard-prize-panel .tournament-section-title h4,
.leaderboard-full-panel .tournament-section-title h4 {
  padding-top: 2px;
}

.leaderboard-page-hero .tournament-objective-row {
  gap: 10px;
}

.leaderboard-page-hero .tournament-objective-item {
  padding: 12px;
  text-align: left;
  gap: 4px;
}

.leaderboard-page-hero .tournament-objective-top {
  justify-content: flex-start;
}

.leaderboard-page-hero .tournament-objective-sub {
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

.tournament-competition-shell .tournament-objective-item {
  min-width: 0;
}

.tournament-competition-shell .tournament-objective-sub {
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

.leaderboard-page-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.leaderboard-page-topline h3 {
  margin: 2px 0 0;
}

.leaderboard-page-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.leaderboard-prize-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.leaderboard-prize-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

.leaderboard-prize-card {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.leaderboard-prize-card strong {
  font-size: 14px;
  line-height: 1.2;
}

.leaderboard-prize-place {
  color: var(--sun);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.leaderboard-prize-card .micro-copy {
  line-height: 1.35;
}

.tournament-leaderboard-head .micro-copy,
.leaderboard-prize-panel .micro-copy,
.leaderboard-full-panel .micro-copy {
  max-width: 280px;
}

.account-card {
  gap: 10px;
  padding: 17px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(16, 26, 40, 0.986), rgba(9, 16, 27, 0.986)),
    rgba(255, 255, 255, 0.018);
  border-color: rgba(124, 152, 184, 0.12);
}

.purchase-plan-grid {
  display: grid;
  gap: 10px;
}

.plan-card h4,
.announcement-card h4,
.account-card h4,
.modal-head h3,
.compact-head h3 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.02em;
}

.plan-meta,
.account-meta,
.account-metrics,
.detail-grid {
  display: grid;
  gap: 12px;
}

.plan-meta,
.account-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-card .micro-label {
  margin-bottom: 5px;
  font-size: 11px;
}

.account-card .account-number {
  font-size: 12px;
  color: var(--muted);
}

.account-card h4 {
  font-size: 17px;
}

.account-performance-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
    rgba(10, 17, 28, 0.78);
  border: 1px solid rgba(124, 152, 184, 0.12);
}

.account-performance-card.is-compact {
  gap: 8px;
  padding: 11px;
}

.account-performance-head,
.account-performance-legend,
.account-performance-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.account-performance-head strong {
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.account-performance-legend {
  justify-content: flex-start;
}

.account-performance-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 11px;
  color: var(--muted);
}

.account-performance-key {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.account-performance-key.key-balance {
  background: #f1ca74;
}

.account-performance-key.key-equity {
  background: #82c4ff;
}

.account-performance-key.key-floor {
  background: #ff6671;
}

.account-performance-chart {
  width: 100%;
  height: 100px;
}

.account-performance-card.is-compact .account-performance-chart {
  height: 92px;
}

.account-performance-chart svg {
  width: 100%;
  height: 100%;
  display: block;
}

.account-performance-grid {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
}

.account-performance-area {
  opacity: 1;
}

.account-performance-line {
  fill: none;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-performance-line.balance-line {
  stroke: #f1ca74;
}

.account-performance-line.equity-line {
  stroke: #82c4ff;
}

.account-performance-line.floor-line {
  stroke: #ff6671;
  stroke-dasharray: 5 5;
}

.account-performance-foot {
  justify-content: flex-start;
}

.account-performance-foot span {
  color: var(--muted);
  font-size: 11px;
}

.progress-track {
  width: 100%;
  height: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), #efddae);
}

.terminal-grid,
.admin-grid {
  display: grid;
  gap: 12px;
}

.terminal-grid {
  grid-template-areas:
    "markets"
    "chart"
    "order";
  gap: 10px;
}

.terminal-top-strip {
  margin-bottom: 6px;
}

.view-section[data-view="terminal"] > .section-block:first-child {
  gap: 0;
  margin-bottom: 12px;
}

.view-section[data-view="terminal"] {
  overflow-x: clip;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head {
  position: relative;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-bottom: 0;
  gap: 8px;
  border: 1px solid rgba(124, 152, 184, 0.16);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(15, 24, 36, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 10px 24px rgba(2, 7, 16, 0.18);
  overflow: hidden;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.9), rgba(207, 177, 105, 0.5));
  opacity: 0.92;
}

#terminalTitle,
#terminalCopy,
#terminalSymbolLabel {
  display: none;
}

#terminalEyebrow,
#orderEntryEyebrow {
  margin: 0;
}

.terminal-account-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 4px 6px;
  border-radius: 11px;
  background: rgba(12, 19, 30, 0.88);
  border: 1px solid rgba(124, 152, 184, 0.14);
}

#terminalAccountLabel {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: rgba(196, 210, 230, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 0 0 auto;
}

#terminalAccountLabel::before {
  content: "\21c4";
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(110, 168, 255, 0.12);
  color: rgba(160, 205, 255, 0.92);
  font-size: 10px;
  line-height: 1;
}

#terminalAccountSelect {
  min-width: min(214px, 46vw);
  padding: 8px 32px 8px 11px;
  border-radius: 11px;
  border-color: rgba(124, 152, 184, 0.16);
  background:
    linear-gradient(180deg, rgba(18, 29, 43, 0.98), rgba(10, 17, 27, 0.98)),
    rgba(10, 17, 27, 0.96);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.market-panel {
  grid-area: markets;
}

.chart-panel {
  grid-area: chart;
}

.order-panel {
  grid-area: order;
}

.chart-panel,
.order-panel {
  padding: 14px;
}

.market-panel,
.chart-panel,
.order-panel {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  background: linear-gradient(180deg, rgba(13, 18, 24, 0.99), rgba(8, 12, 18, 0.98));
}

.chart-container {
  width: 100%;
  min-height: 560px;
  border-radius: 20px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(10, 14, 20, 0.96), rgba(7, 10, 16, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.segmented-control {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.terminal-market-picker {
  display: grid;
  gap: 12px;
  margin-bottom: 4px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(11, 15, 21, 0.99), rgba(7, 10, 15, 0.98));
}

.terminal-sheet-head {
  justify-content: space-between;
  align-items: center;
}

.terminal-sheet-close {
  display: none;
}

.terminal-search-field {
  display: grid;
  gap: 8px;
}

.terminal-search-field input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font: inherit;
}

.terminal-search-field input::placeholder {
  color: rgba(220, 224, 229, 0.42);
}

.terminal-search-field input:focus {
  outline: none;
  border-color: rgba(229, 197, 122, 0.3);
  box-shadow: 0 0 0 4px rgba(229, 197, 122, 0.08);
}

.asset-category-tabs,
.asset-section-list {
  display: grid;
  gap: 10px;
}

.asset-category-tabs {
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.asset-category-tabs::-webkit-scrollbar {
  display: none;
}

.asset-category-block {
  display: grid;
  gap: 12px;
  padding: 14px 0 0;
  border-radius: 18px;
  background: transparent;
  border: 0;
}

.asset-category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.asset-category-copy {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.asset-category-tab {
  appearance: none;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
  color: var(--text);
  cursor: pointer;
  transition: 160ms ease;
  font: inherit;
  font-weight: 700;
}

.asset-category-tab:hover {
  transform: translateY(-1px);
  border-color: rgba(229, 197, 122, 0.22);
}

.asset-category-tab.is-active {
  border-color: rgba(229, 197, 122, 0.3);
  background: rgba(229, 197, 122, 0.12);
  color: var(--gold);
}

.asset-category-count {
  min-width: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
  text-align: center;
  font-size: 11px;
}

.asset-category-title {
  margin: 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.asset-card-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}

.asset-select-card {
  width: 100%;
  display: grid;
  gap: 10px;
  padding: 12px 13px;
  text-align: left;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.014));
  color: var(--text);
  cursor: pointer;
  transition: 160ms ease;
  position: relative;
  overflow: hidden;
}

.asset-select-card:hover {
  transform: translateY(-1px);
  border-color: rgba(229, 197, 122, 0.22);
}

.asset-select-card.is-active {
  border-color: rgba(229, 197, 122, 0.3);
  background: linear-gradient(180deg, rgba(229, 197, 122, 0.12), rgba(255, 255, 255, 0.02));
  box-shadow: inset 0 0 0 1px rgba(229, 197, 122, 0.08);
}

.asset-select-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 86px clamp(92px, 24vw, 116px);
  align-items: center;
  gap: 12px;
}

.asset-select-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.asset-select-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.asset-select-symbol-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.asset-select-symbol {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: 17px;
  letter-spacing: -0.03em;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-select-label {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-select-chart {
  display: grid;
  gap: 5px;
  justify-items: center;
  min-width: 0;
}

.asset-select-side {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 0;
  width: 100%;
}

.asset-select-price {
  font-size: 18px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  white-space: nowrap;
}

.asset-select-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 11px;
}

.asset-select-bottom .micro-copy {
  display: grid;
  gap: 2px;
  line-height: 1.25;
}

.asset-select-bottom strong {
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.asset-select-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.asset-market-state-dot {
  width: 7px;
  height: 7px;
  display: inline-block;
  flex: 0 0 7px;
  border-radius: 999px;
  transform: translateY(1px);
}

.asset-market-state-dot.is-closed {
  background: #ff6b6b;
  box-shadow:
    0 0 0 3px rgba(255, 107, 107, 0.12),
    0 0 12px rgba(255, 107, 107, 0.28);
}

.asset-select-card.is-market-closed::after {
  content: "";
  position: absolute;
  inset: 10px auto 10px 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 107, 107, 0), rgba(255, 107, 107, 0.72), rgba(255, 107, 107, 0));
  opacity: 0.72;
  pointer-events: none;
}

.asset-select-badge.is-closed,
.terminal-market-status.is-closed {
  background: rgba(255, 107, 107, 0.12);
  border: 1px solid rgba(255, 107, 107, 0.24);
  color: #ffadad;
}

.asset-glyph {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #061218;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.asset-glyph-mark {
  position: relative;
  z-index: 1;
  line-height: 1;
}

.asset-glyph-btc {
  background: linear-gradient(135deg, #ffbe55, #ff8e1a);
}

.asset-glyph-xau,
.asset-glyph-xau-spot {
  background: linear-gradient(135deg, #f8de8a, #c49d31);
}

.asset-glyph-xau-fut {
  background: linear-gradient(135deg, #ffd08c, #9c5f1e);
}

.asset-glyph-xag {
  background: linear-gradient(135deg, #d5e0ef, #8da2bc);
}

.asset-glyph-oil {
  background: linear-gradient(135deg, #8e6a3a, #2f2217);
}

.asset-glyph-nas {
  background: linear-gradient(135deg, #8ae2ff, #2ea6ff);
}

.asset-glyph-ger {
  background: linear-gradient(135deg, #f8a46a, #e35a30);
}

.asset-glyph-spx {
  background: linear-gradient(135deg, #7fe2b8, #27b56b);
}

.asset-glyph-eur {
  background: linear-gradient(135deg, #9db8ff, #5887ff);
}

.asset-glyph-eth {
  background: linear-gradient(135deg, #8fa4ff, #5f6bff);
}

.asset-glyph-gbp {
  background: linear-gradient(135deg, #8ad4ff, #3c96e6);
}

.asset-glyph-default {
  background: linear-gradient(135deg, #8f9db3, #576173);
}

.asset-glyph-sber {
  background: linear-gradient(135deg, #25c15f, #0b8d43);
  color: #ffffff;
}

.asset-glyph-gazp {
  background: linear-gradient(135deg, #56b7ff, #0c5faa);
  color: #ffffff;
}

.asset-glyph-lkoh {
  background: linear-gradient(135deg, #f23838, #9f1111);
  color: #ffffff;
}

.asset-glyph-ydex {
  background: linear-gradient(135deg, #ffdf5f, #f23d32);
  color: #111318;
}

.asset-glyph-rosn {
  background: linear-gradient(135deg, #ffd743, #111318);
  color: #111318;
}

.asset-glyph-vtbr {
  background: linear-gradient(135deg, #2e7dff, #123c9f);
  color: #ffffff;
}

.asset-glyph-moex {
  background: linear-gradient(135deg, #f24438, #16191f);
  color: #ffffff;
}

.asset-glyph-pair {
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 55%), rgba(8, 14, 21, 0.92);
}

.asset-flag-badge {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  background: rgba(10, 16, 24, 0.96);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.asset-flag-badge-primary {
  left: 5px;
  top: 9px;
  z-index: 2;
}

.asset-flag-badge-secondary {
  right: 5px;
  top: 9px;
  z-index: 1;
}

.asset-select-sparkline {
  width: 86px;
  justify-self: center;
}

.asset-select-sparkline svg {
  width: 86px;
  height: 34px;
  display: block;
}

.asset-select-flow {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.sparkline-area {
  fill: rgba(255, 255, 255, 0.02);
  opacity: 0.3;
}

.sparkline-line {
  fill: none;
  stroke: var(--spark-color, #76de67);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.terminal-market-header,
.terminal-summary-head,
.terminal-quote-top {
  display: grid;
  gap: 8px;
}

.terminal-market-hero,
.terminal-market-pricebox,
.terminal-quote-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.terminal-market-trigger {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.terminal-market-trigger-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.terminal-market-symbol-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: nowrap;
}

.terminal-market-switch-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(110, 168, 255, 0.1);
  color: rgba(160, 205, 255, 0.92);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.terminal-market-symbol {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: 24px;
  letter-spacing: -0.03em;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.terminal-market-trigger-copy .micro-copy {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.terminal-market-pricebox {
  align-items: flex-end;
  text-align: right;
}

.terminal-market-price {
  display: block;
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
}

.terminal-market-strip,
.terminal-market-meta-row,
.terminal-market-compact-strip,
.terminal-account-strip,
.terminal-quote-strip,
.terminal-order-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.terminal-market-strip span,
.terminal-market-meta-row span,
.terminal-market-compact-strip span,
.terminal-account-chip,
.terminal-quote-strip span,
.terminal-order-summary span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  font-size: 12px;
}

.terminal-market-strip strong,
.terminal-market-meta-row strong,
.terminal-market-compact-strip strong,
.terminal-account-chip strong,
.terminal-quote-strip strong,
.terminal-order-summary strong {
  color: var(--text);
  font-size: 12px;
}

.terminal-market-meta-row {
  margin-top: -4px;
}

.terminal-market-compact-strip {
  gap: 5px;
  margin-top: 0;
}

.terminal-market-compact-strip span {
  gap: 4px;
  padding: 4px 6px;
  border-radius: 10px;
  font-size: 9px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.03);
}

.terminal-market-compact-strip strong {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.62);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.terminal-market-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.terminal-account-inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}

.terminal-account-inline-empty {
  justify-content: flex-end;
}

.terminal-account-inline-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.terminal-account-inline-copy strong {
  display: block;
  font-size: 15px;
  line-height: 1.05;
}

.terminal-account-strip-compact {
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0;
}

.terminal-account-strip-compact .terminal-account-chip {
  min-height: 34px;
  padding: 0 10px;
  font-size: 10px;
  gap: 5px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(18, 29, 43, 0.98), rgba(10, 17, 27, 0.98)),
    rgba(10, 17, 27, 0.96);
  border-color: rgba(124, 152, 184, 0.16);
}

.terminal-account-strip-compact .terminal-account-chip-stack {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 96px;
  min-height: 100%;
  padding: 4px 10px;
}

.terminal-account-chip-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  white-space: nowrap;
  line-height: 1;
}

.terminal-account-chip-row span:last-child {
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.terminal-account-strip-compact .terminal-account-chip strong {
  font-size: 10px;
  color: rgba(196, 210, 230, 0.66);
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.terminal-top-strip #terminalAccountSummary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 0;
  align-self: stretch;
  padding: 3px 6px;
  border-radius: 11px;
  background: rgba(12, 19, 30, 0.88);
  border: 1px solid rgba(124, 152, 184, 0.14);
  box-shadow: none;
}

.terminal-form {
  gap: 10px;
}

.terminal-order-type-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.terminal-order-type-toggle .segment {
  justify-content: center;
  min-height: 42px;
  padding: 10px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.terminal-ticket-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.terminal-order-mode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-ticket-shell,
.terminal-order-block {
  display: grid;
  gap: 7px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  background:
    radial-gradient(circle at top left, rgba(45, 211, 155, 0.06), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
}

.terminal-order-inline {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.terminal-field-volume {
  grid-column: 1 / -1;
  width: min(100%, 278px);
  justify-self: center;
}

.terminal-field-volume > span {
  text-align: center;
  color: rgba(196, 210, 230, 0.76);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-volume-stepper {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 0;
  align-items: center;
  padding: 4px;
  border-radius: 16px;
  border: 1px solid rgba(124, 152, 184, 0.16);
  background:
    linear-gradient(180deg, rgba(14, 20, 31, 0.98), rgba(9, 13, 22, 0.98)),
    rgba(8, 12, 20, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 8px 18px rgba(2, 7, 16, 0.18);
  overflow: hidden;
}

.terminal-volume-stepper:focus-within {
  border-color: rgba(110, 168, 255, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 0 0 4px rgba(110, 168, 255, 0.08);
}

.terminal-volume-stepper-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0;
  border-radius: 12px;
  border: 0;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(231, 238, 248, 0.86);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease;
}

.terminal-volume-stepper-button:hover {
  border-color: rgba(110, 168, 255, 0.24);
  background: rgba(110, 168, 255, 0.08);
  color: #dfe9ff;
}

.terminal-volume-stepper-button:active {
  transform: translateY(1px);
}

.terminal-volume-stepper-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.32);
}

.terminal-field-volume input {
  text-align: center;
  min-height: 42px;
  padding: 0 8px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  color: #f6fbff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}

.terminal-field-stop-loss > span,
.terminal-field-limit > span,
.terminal-field-take-profit > span {
  text-align: center;
}

.terminal-field-limit input,
.terminal-field-stop-loss input,
.terminal-field-take-profit input {
  text-align: center;
}

.terminal-field-limit {
  grid-column: 1 / -1;
}

.terminal-field-limit[hidden] {
  display: none !important;
}

.terminal-order-inline .field {
  gap: 5px;
}

.terminal-order-inline .field > span {
  color: rgba(183, 200, 224, 0.72);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-order-inline input {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(11, 17, 27, 0.94);
  border-color: rgba(124, 152, 184, 0.14);
}

.terminal-volume-stepper-button {
  min-height: 42px;
  border-radius: 12px;
  border-color: rgba(124, 152, 184, 0.14);
  background: rgba(11, 17, 27, 0.94);
}

.terminal-field-grid,
.terminal-mini-grid,
.terminal-quote-grid {
  display: grid;
  gap: 10px;
}

.terminal-field-grid,
.terminal-quote-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.terminal-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.terminal-mini-card {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
}

.terminal-mini-card strong {
  display: block;
  font-size: 15px;
  line-height: 1.35;
}

.compact-side-toggle {
  gap: 7px;
}

.compact-side-toggle .toggle-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 12px 12px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.028);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.compact-side-toggle .toggle-button[data-side="BUY"]::before,
.compact-side-toggle .toggle-button[data-side="SELL"]::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: currentColor;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.compact-side-toggle .toggle-button[data-side="BUY"]::before {
  content: "↑";
}

.compact-side-toggle .toggle-button[data-side="SELL"]::before {
  content: "↓";
}

.terminal-price-card {
  gap: 6px;
  padding: 9px 10px;
  border-radius: 16px;
  background:
    radial-gradient(circle at right top, rgba(229, 197, 122, 0.08), transparent 26%),
    rgba(255, 255, 255, 0.03);
}

.terminal-quote-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.terminal-quote-kicker {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-quote-price {
  font-size: 18px;
  line-height: 1;
}

.terminal-quote-session {
  font-size: 11px;
  font-weight: 700;
}

.terminal-quote-strip-compact {
  gap: 6px;
}

.terminal-quote-strip-compact span {
  padding: 4px 7px;
  border-radius: 12px;
  font-size: 10px;
}

.terminal-quote-strip-compact strong {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.62);
  letter-spacing: 0.05em;
}

.terminal-chart-toolbar {
  margin-top: 0;
  margin-bottom: -2px;
  padding: 8px 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}

#timeframeTabs {
  width: 100%;
  padding: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

#chartTypeTabs {
  width: 100%;
  padding: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

#timeframeTabs .terminal-timeframe-chip {
  flex: 1 1 0;
  min-width: 52px;
  justify-content: center;
  padding: 9px 8px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: none;
}

#timeframeTabs .terminal-timeframe-chip:hover {
  transform: none;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
}

#timeframeTabs .terminal-timeframe-chip.is-active {
  background: linear-gradient(180deg, rgba(229, 197, 122, 0.2), rgba(229, 197, 122, 0.12));
  color: #f8e7ba;
  box-shadow: inset 0 0 0 1px rgba(229, 197, 122, 0.18);
}

#chartTypeTabs .terminal-timeframe-chip {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  padding: 9px 8px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: none;
}

#chartTypeTabs .terminal-timeframe-chip:hover {
  transform: none;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
}

#chartTypeTabs .terminal-timeframe-chip.is-active {
  background: linear-gradient(180deg, rgba(229, 197, 122, 0.2), rgba(229, 197, 122, 0.12));
  color: #f8e7ba;
  box-shadow: inset 0 0 0 1px rgba(229, 197, 122, 0.18);
}

.button-compact {
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
}

.button-buy {
  background: rgba(45, 211, 155, 0.16);
  color: var(--emerald);
  border-color: rgba(45, 211, 155, 0.24);
}

.button-sell {
  background: rgba(255, 107, 107, 0.16);
  color: var(--danger);
  border-color: rgba(255, 107, 107, 0.24);
}

.segment,
.toggle-button,
.nav-button,
.icon-button {
  appearance: none;
  border: 1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.014)),
    rgba(11, 19, 30, 0.76);
  color: var(--text);
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  transition: 160ms ease;
  font: inherit;
}

.segment:hover,
.toggle-button:hover,
.nav-button:hover,
.icon-button:hover,
.button:hover {
  transform: translateY(-1px);
  border-color: rgba(110, 168, 255, 0.26);
}

.segment.is-active,
.toggle-button.is-active,
.nav-button.is-active {
  background: rgba(110, 168, 255, 0.14);
  color: #d9e8ff;
  border-color: rgba(110, 168, 255, 0.26);
}

.nav-button {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 6px;
  min-height: 58px;
  padding: 8px 6px 9px;
  border-radius: 12px;
  min-width: 0;
  overflow: hidden;
}

.nav-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.92), rgba(207, 177, 105, 0.56));
  opacity: 0;
  transition: opacity 160ms ease;
}

.nav-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(124, 152, 184, 0.12);
  font-size: 15px;
  line-height: 1;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.nav-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nav-button.is-active::before {
  opacity: 1;
}

.nav-button.is-active .nav-icon {
  background: rgba(110, 168, 255, 0.14);
  border-color: rgba(110, 168, 255, 0.24);
  transform: translateY(-1px);
}

.side-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.side-toggle .toggle-button {
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 800;
}

.toggle-button.is-active[data-side="BUY"] {
  background: linear-gradient(135deg, rgba(45, 211, 155, 0.18), rgba(18, 167, 118, 0.11));
  color: var(--emerald);
  border-color: rgba(45, 211, 155, 0.3);
  box-shadow: 0 10px 24px rgba(14, 89, 62, 0.18);
}

.toggle-button.is-active[data-side="SELL"] {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.18), rgba(216, 77, 77, 0.11));
  color: var(--danger);
  border-color: rgba(255, 107, 107, 0.3);
  box-shadow: 0 10px 24px rgba(111, 30, 30, 0.18);
}

.form-stack,
.form-grid,
.detail-grid {
  display: grid;
  gap: 12px;
}

.form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchase-grid-compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.field input,
.field select,
.select-input,
textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 14px 14px;
  font: inherit;
}

@media (pointer: coarse) {
  .field input,
  .field select,
  .select-input,
  textarea {
    font-size: 16px;
  }
}

.select-input {
  min-width: 0;
}

.field input:focus,
.field select:focus,
.select-input:focus,
textarea:focus {
  outline: none;
  border-color: rgba(229, 197, 122, 0.3);
  box-shadow: 0 0 0 4px rgba(229, 197, 122, 0.08);
}

.field input[type="file"] {
  padding: 12px 14px;
}

.button {
  appearance: none;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 18px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  letter-spacing: 0.01em;
  transition: 160ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.button-primary {
  background: linear-gradient(135deg, #7aaeff, #3f78e8);
  color: #06101c;
  border-color: rgba(110, 168, 255, 0.3);
  box-shadow: 0 12px 26px rgba(44, 104, 217, 0.24);
}

.button-secondary {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.014)),
    rgba(11, 19, 30, 0.78);
  color: var(--text);
  border-color: rgba(124, 152, 184, 0.14);
}

.button-block {
  width: 100%;
  justify-content: center;
}

.terminal-form .button-block {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}

.terminal-risk-preview {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.terminal-risk-chip,
.terminal-risk-hint {
  display: grid;
  gap: 4px;
  padding: 10px 11px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

.terminal-risk-chip strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}

.terminal-risk-chip.positive {
  border-color: rgba(45, 211, 155, 0.18);
  background: rgba(45, 211, 155, 0.06);
}

.terminal-risk-chip.negative {
  border-color: rgba(255, 107, 107, 0.18);
  background: rgba(255, 107, 107, 0.06);
}

.button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  transform: none !important;
}

.button-primary.button-buy {
  background: linear-gradient(135deg, rgba(45, 211, 155, 0.95), rgba(18, 167, 118, 0.92));
  color: #04120d;
}

.button-primary.button-sell {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.96), rgba(216, 77, 77, 0.92));
  color: #180606;
}

.terminal-form .button-primary.button-buy,
.terminal-form .button-primary.button-sell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.terminal-form .button-primary.button-buy::before,
.terminal-form .button-primary.button-sell::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  color: inherit;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.terminal-form .button-primary.button-buy::before {
  content: "↑";
}

.terminal-form .button-primary.button-sell::before {
  content: "↓";
}

.table-wrap {
  overflow-x: auto;
}

.terminal-history-panel {
  display: grid;
  gap: 10px;
  padding: 8px 8px 12px;
}

.terminal-history-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(10, 17, 27, 0.985), rgba(7, 12, 20, 0.988)),
    rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(132, 156, 188, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022);
}

.terminal-history-tab {
  appearance: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 11px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(197, 208, 222, 0.76);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.terminal-history-tab-label {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  font-size: 12px;
}

.terminal-history-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(226, 234, 245, 0.9);
  font-size: 11px;
  font-weight: 800;
  flex: 0 0 auto;
}

.terminal-history-tab.is-active {
  border-color: rgba(118, 145, 208, 0.2);
  background:
    linear-gradient(180deg, rgba(17, 28, 43, 0.98), rgba(10, 17, 27, 0.98)),
    rgba(110, 168, 255, 0.06);
  color: #f7fbff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    inset 0 0 0 1px rgba(110, 168, 255, 0.04);
}

.terminal-history-tab.is-active .terminal-history-tab-badge {
  background: rgba(116, 138, 214, 0.16);
  color: #eef4ff;
}

.terminal-submit-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.terminal-side-submit {
  min-height: 52px;
  border-radius: 14px;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.terminal-side-submit.is-buy {
  background: linear-gradient(180deg, #a5eb73, #87d85d);
  color: #0d180d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.terminal-side-submit.is-sell {
  background: linear-gradient(180deg, #ff6d61, #f05549);
  color: #fff6f5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.terminal-side-submit.is-selected {
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.26),
    0 8px 18px rgba(3, 7, 16, 0.18);
}

.terminal-side-submit:disabled {
  opacity: 0.58;
}

.terminal-trade-groups {
  display: grid;
  gap: 10px;
}

.trade-group {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 13px 13px 14px;
  border-radius: 18px;
  border: 1px solid rgba(132, 156, 188, 0.18);
  background:
    linear-gradient(180deg, rgba(11, 18, 29, 0.99), rgba(6, 11, 19, 0.992)),
    rgba(8, 12, 20, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.022),
    inset 0 0 0 1px rgba(255, 255, 255, 0.012),
    0 14px 28px rgba(2, 8, 18, 0.18);
  overflow: hidden;
}

.trade-group::before {
  content: none;
}

.trade-group-live {
  border-color: rgba(132, 156, 188, 0.18);
}

.trade-group-recent {
  border-color: rgba(132, 156, 188, 0.16);
}

.trade-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(132, 156, 188, 0.08);
}

.trade-group-head-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.trade-group-head h4 {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: 16px;
  letter-spacing: -0.02em;
}

.trade-group-head-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.trade-group-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(132, 156, 188, 0.1);
  color: rgba(232, 238, 245, 0.94);
  font-size: 11px;
  font-weight: 800;
}

.trade-group-close-all {
  min-height: 34px;
  padding: 8px 11px;
  border-radius: 10px;
  white-space: nowrap;
}

.history-table-wrap {
  max-height: 290px;
  overflow: auto;
  border-radius: 18px;
  border: 1px solid rgba(132, 156, 188, 0.08);
  background: rgba(8, 13, 21, 0.48);
}

.data-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  min-width: 760px;
}

.trade-history-table {
  min-width: 620px;
}

.trade-group-recent .trade-history-table {
  border-spacing: 0 12px;
}

.data-table th,
.data-table td {
  padding: 14px 12px;
  text-align: left;
  font-size: 13px;
}

.data-table th {
  color: var(--muted);
  font-weight: 700;
  border-bottom: 0;
  padding-bottom: 6px;
}

.data-table .table-group-row td {
  padding: 14px 4px 6px;
  background: transparent;
  border: 0;
}

.admin-table-group-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(126, 151, 182, 0.12);
  background:
    linear-gradient(180deg, rgba(14, 21, 31, 0.96), rgba(9, 14, 22, 0.96)),
    rgba(255, 255, 255, 0.02);
}

.admin-table-group-head strong {
  font-size: 14px;
  letter-spacing: -0.01em;
}

.admin-table-group-stats {
  display: grid;
  justify-items: end;
  gap: 4px;
}

.trade-history-table tbody td {
  background:
    linear-gradient(180deg, rgba(17, 26, 39, 0.985), rgba(10, 16, 25, 0.988)),
    rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(132, 156, 188, 0.1);
  border-bottom: 1px solid rgba(132, 156, 188, 0.1);
  vertical-align: middle;
}

.trade-history-table tbody td:first-child {
  border-left: 1px solid rgba(132, 156, 188, 0.1);
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.trade-history-table tbody td:last-child {
  border-right: 1px solid rgba(132, 156, 188, 0.1);
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

.trade-history-table tbody td[colspan] {
  background: transparent;
  border: 0;
  padding-top: 8px;
  padding-bottom: 0;
}

.trade-history-meta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.trade-history-meta-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(132, 156, 188, 0.08);
  color: rgba(214, 224, 236, 0.84);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.trade-history-price-pills .trade-history-meta-pill {
  background: rgba(110, 168, 255, 0.06);
  color: rgba(228, 238, 255, 0.9);
}

.trade-history-time-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 1px;
}

.trade-history-time-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(132, 156, 188, 0.08);
  color: rgba(196, 209, 225, 0.82);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}

.admin-user-export-filters {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: end;
  justify-content: end;
}

.admin-inline-date-field {
  min-width: 132px;
}

.admin-inline-date-field span {
  white-space: nowrap;
}

.admin-metric-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-metric-card {
  display: grid;
  gap: 12px;
}

.admin-metric-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.admin-metric-head h3 {
  margin: 2px 0 0;
  font-size: 28px;
}

.admin-metric-delta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.05);
}

.admin-metric-bars {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  min-height: 116px;
}

.admin-metric-bar-wrap {
  display: grid;
  gap: 6px;
  justify-items: center;
}

.admin-metric-bar {
  width: 100%;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.22));
  border: 1px solid rgba(255, 255, 255, 0.08);
  min-height: 12px;
}

.admin-metric-bars.sky .admin-metric-bar {
  background: linear-gradient(180deg, rgba(130, 196, 255, 0.95), rgba(130, 196, 255, 0.22));
}

.admin-metric-bars.gold .admin-metric-bar {
  background: linear-gradient(180deg, rgba(241, 202, 116, 0.95), rgba(241, 202, 116, 0.2));
}

.admin-metric-bars.rose .admin-metric-bar {
  background: linear-gradient(180deg, rgba(255, 118, 133, 0.95), rgba(255, 118, 133, 0.22));
}

.admin-metric-label {
  font-size: 10px;
  color: var(--muted);
}

.admin-account-curve {
  display: grid;
  gap: 6px;
  min-width: 196px;
}

.admin-account-curve svg {
  width: 196px;
  height: 68px;
  display: block;
}

.admin-account-curve-grid {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
}

.admin-account-curve-line {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-account-curve-line.balance-line {
  stroke: #f1ca74;
}

.admin-account-curve-line.equity-line {
  stroke: #82c4ff;
}

.admin-account-curve-line.floor-line {
  stroke: #ff6671;
  stroke-dasharray: 4 4;
}

.admin-account-curve-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.admin-mini-key {
  width: 14px;
  height: 4px;
  border-radius: 999px;
  display: inline-block;
}

.admin-mini-key.balance {
  background: #f1ca74;
}

.admin-mini-key.equity {
  background: #82c4ff;
}

.admin-mini-key.floor {
  background: #ff6671;
}

@media (max-width: 1080px) {
  .admin-metric-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .account-performance-head,
  .account-performance-foot {
    align-items: flex-start;
  }

  .account-performance-chart {
    height: 92px;
  }
}

.trade-history-table th,
.trade-history-table td {
  padding: 10px 10px;
  font-size: 12px;
}

.table-stack {
  display: grid;
  gap: 4px;
}

.admin-user-actions {
  display: grid;
  gap: 8px;
  min-width: 190px;
}

.admin-user-actions .intel-action-badge {
  justify-self: start;
}

.mobile-only {
  display: none;
}

.trade-card-list {
  display: grid;
  gap: 24px;
  padding: 8px 2px 6px;
}

.trade-group-recent .trade-card-list {
  gap: 32px;
}

.trade-mobile-card {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 9px 10px 10px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(23, 35, 51, 0.992), rgba(11, 18, 29, 0.995)),
    rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(154, 179, 214, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    inset 0 0 0 1px rgba(255, 255, 255, 0.012),
    0 14px 30px rgba(1, 6, 14, 0.3);
  overflow: hidden;
}

.trade-mobile-card::before {
  content: none;
}

.trade-mobile-card-compact {
  gap: 8px;
}

.trade-mobile-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.trade-mobile-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

.trade-mobile-title-row,
.trade-mobile-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.trade-mobile-footer {
  flex-wrap: wrap;
  padding-top: 4px;
  border-top: 1px solid rgba(132, 156, 188, 0.08);
}

.trade-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.trade-action-row .button {
  min-height: 33px;
  padding: 7px 10px;
  border-radius: 10px;
}

.trade-mobile-left,
.trade-mobile-right {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.trade-mobile-right {
  justify-items: end;
  text-align: right;
  align-content: start;
}

.trade-mobile-title {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: 13px;
  letter-spacing: -0.02em;
}

.trade-symbol-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  text-align: left;
}

.trade-symbol-link .asset-glyph {
  width: 22px;
  height: 22px;
  font-size: 9px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.trade-symbol-link .asset-glyph-pair .asset-flag-badge {
  width: 13px;
  height: 13px;
  font-size: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.trade-symbol-link .asset-glyph-pair .asset-flag-badge-primary {
  top: 2px;
  left: 2px;
}

.trade-symbol-link .asset-glyph-pair .asset-flag-badge-secondary {
  right: 2px;
  bottom: 2px;
}

.trade-symbol-link-text {
  min-width: 0;
  font-family: var(--font-display-premium);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.026em;
}

.trade-symbol-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1px solid rgba(110, 168, 255, 0.18);
  background: rgba(110, 168, 255, 0.08);
  color: rgba(186, 216, 255, 0.92);
  font-size: 10px;
  line-height: 1;
  flex: 0 0 auto;
}

.trade-symbol-link:hover .trade-symbol-link-text,
.trade-symbol-link:focus-visible .trade-symbol-link-text {
  color: var(--accent);
}

.trade-symbol-link:focus-visible {
  outline: none;
}

.trade-symbol-link-table {
  justify-self: start;
}

.trade-side-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.trade-side-pill.buy {
  background: rgba(45, 211, 155, 0.12);
  color: var(--emerald);
}

.trade-side-pill.sell {
  background: rgba(255, 107, 107, 0.12);
  color: var(--danger);
}

.trade-mobile-meta-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.trade-mobile-meta-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(132, 156, 188, 0.1);
  background: rgba(8, 14, 22, 0.56);
  color: rgba(221, 229, 238, 0.84);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.trade-mobile-card .status-badge {
  padding: 4px 7px;
  font-size: 9px;
}

.trade-mobile-pnl {
  display: block;
  font-size: 16px;
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.trade-mobile-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.trade-mobile-info-cell {
  display: grid;
  gap: 2px;
  align-content: start;
  min-height: 38px;
  padding: 7px 8px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.014)),
    rgba(7, 13, 22, 0.76);
  border: 1px solid rgba(132, 156, 188, 0.1);
}

.trade-mobile-info-cell strong {
  color: rgba(184, 200, 220, 0.82);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.trade-mobile-info-cell span {
  color: rgba(239, 244, 249, 0.96);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  word-break: break-word;
}

.trade-mobile-info-cell-wide {
  grid-column: 1 / -1;
}

.trade-mobile-info-cell-note {
  min-height: 0;
}

.trade-mobile-info-cell-note span {
  font-size: 10px;
  font-weight: 600;
  color: rgba(221, 230, 239, 0.88);
}

.trade-close-note {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
}

.trade-mobile-card .button {
  width: auto;
  padding: 6px 9px;
  font-size: 9px;
}

.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: min(500px, calc(100% - 28px));
  padding: 9px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(15, 25, 39, 0.988), rgba(8, 16, 27, 0.982)),
    rgba(255, 255, 255, 0.012);
  border: 1px solid rgba(124, 152, 184, 0.14);
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 40px rgba(2, 8, 18, 0.32);
  z-index: 4;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 11, 18, 0.76);
  backdrop-filter: blur(16px);
  overflow: hidden;
  overscroll-behavior: contain;
}

.hidden {
  display: none !important;
}

.modal-sheet {
  width: min(780px, 100%);
  padding: 22px;
  max-height: min(calc(100vh - 40px), 920px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.modal-sheet-wide {
  width: min(920px, 100%);
}

.modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.purchase-modal-head,
.modal-head-with-corner-close {
  position: relative;
  padding-right: 50px;
}

.modal-close-icon {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  line-height: 1;
}

.modal-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px;
}

.stepper {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.stepper-summary-card {
  display: grid;
  gap: 10px;
}

.stepper-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.025));
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.stepper-summary strong {
  font-size: 18px;
  letter-spacing: -0.02em;
}

.stepper-counter {
  flex: 0 0 auto;
  min-width: 62px;
  padding: 10px 12px;
  border-radius: 18px;
  text-align: center;
  color: var(--gold);
  background: rgba(229, 197, 122, 0.1);
  border: 1px solid rgba(229, 197, 122, 0.18);
}

.stepper-counter strong {
  font-size: 24px;
  line-height: 1;
}

.stepper-counter span {
  font-size: 12px;
  font-weight: 700;
}

.stepper-kicker {
  color: var(--gold);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.stepper-progress {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

.stepper-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f0d79f, #d8a653);
}

.stepper-track {
  display: grid;
  grid-template-columns: repeat(var(--step-count, 4), minmax(0, 1fr));
  gap: 10px;
  position: relative;
}

.stepper-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 19px;
  height: 1px;
  background: rgba(255, 255, 255, 0.09);
  z-index: 0;
}

.step-pill {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: var(--muted);
  text-align: center;
}

.step-pill-number {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(12, 17, 23, 0.96);
  font-size: 13px;
  font-weight: 800;
}

.step-pill-copy {
  display: grid;
  gap: 2px;
}

.step-pill-label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.step-pill.is-active {
  color: var(--gold);
}

.step-pill.is-active .step-pill-label {
  color: #f3f8ff;
}

.step-pill.is-active .step-pill-number {
  border-color: rgba(229, 197, 122, 0.3);
  background: rgba(229, 197, 122, 0.14);
  box-shadow: 0 0 0 6px rgba(229, 197, 122, 0.08);
}

.step-pill.is-complete {
  color: var(--text);
}

.step-pill.is-complete .step-pill-number {
  border-color: rgba(45, 211, 155, 0.24);
  background: rgba(45, 211, 155, 0.14);
  color: var(--emerald);
}

.micro-copy {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  max-width: 46ch;
}

.purchase-rules-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
}

.purchase-program-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.purchase-program-card {
  appearance: none;
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.purchase-program-card strong {
  color: var(--text);
  font-family: "Sora", sans-serif;
  font-size: 18px;
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.purchase-program-card span,
.purchase-program-card small {
  line-height: 1.25;
}

.purchase-program-card small {
  color: var(--muted);
  font-size: 12px;
}

.purchase-program-card.is-active {
  color: var(--gold);
  border-color: rgba(229, 197, 122, 0.5);
  background:
    linear-gradient(180deg, rgba(61, 39, 19, 0.96), rgba(31, 22, 16, 0.96)),
    radial-gradient(circle at top, rgba(229, 197, 122, 0.22), transparent 46%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
  transform: translateY(-1px);
}

.purchase-program-card.is-active strong,
.purchase-program-card.is-active small {
  color: inherit;
}

.purchase-program-kicker {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.purchase-rules-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.purchase-rules-head h4 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.purchase-rules-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.purchase-rules-grid span {
  padding: 10px 12px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  font-size: 12px;
}

.purchase-rules-grid strong {
  color: var(--text);
}

.purchase-rules-card-table {
  gap: 14px;
}

.purchase-stage-flow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.purchase-stage-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.032);
}

.purchase-stage-card.is-finish {
  border-color: rgba(229, 197, 122, 0.18);
  background:
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.14), transparent 38%),
    rgba(255, 255, 255, 0.04);
}

.purchase-stage-step {
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.purchase-stage-card strong {
  display: block;
  font-family: "Sora", sans-serif;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.purchase-stage-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.purchase-rules-table {
  display: grid;
  gap: 10px;
}

.purchase-rules-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.purchase-rules-scroll .purchase-rules-table {
  min-width: 520px;
}

.purchase-rules-table-head,
.purchase-rules-table-row {
  display: grid;
  grid-template-columns: minmax(82px, 1.15fr) repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
}

.purchase-rules-table-head {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.purchase-rules-table-row {
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.purchase-rules-stage {
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}

.purchase-rules-table-row strong {
  color: var(--text);
  font-size: 13px;
  text-align: center;
}

.purchase-rules-mobile-key {
  display: none;
}

.purchase-rules-mobile-value {
  display: inline;
}

.purchase-rules-compact-note {
  margin: -2px 0 0;
  color: rgba(232, 239, 247, 0.88);
  font-size: 11px;
  line-height: 1.42;
}

.checkout-review {
  display: grid;
  gap: 16px;
}

.purchase-chip-row,
.review-compact-grid {
  display: grid;
  gap: 10px;
}

.purchase-chip-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 0;
}

.purchase-chip {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}

.purchase-chip strong {
  color: var(--text);
  font-size: 12px;
}

.purchase-plan-card {
  display: grid;
  gap: 10px;
  padding: 15px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(27, 31, 39, 0.96), rgba(17, 21, 27, 0.96)),
    radial-gradient(circle at top, rgba(229, 197, 122, 0.12), transparent 42%);
  position: relative;
  overflow: hidden;
}

.purchase-plan-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.022) 0,
      rgba(255, 255, 255, 0.022) 1px,
      transparent 1px,
      transparent 18px
    );
  pointer-events: none;
}

.purchase-plan-card > * {
  position: relative;
  z-index: 1;
}

.purchase-plan-card.is-selected {
  border-color: rgba(229, 197, 122, 0.48);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(229, 197, 122, 0.14) inset;
  background:
    linear-gradient(180deg, rgba(61, 39, 19, 0.96), rgba(31, 22, 16, 0.96)),
    radial-gradient(circle at top, rgba(229, 197, 122, 0.22), transparent 46%);
}

.purchase-plan-head,
.purchase-plan-footer,
.purchase-selection-head,
.purchase-selection-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.purchase-plan-copy {
  display: grid;
  gap: 6px;
}

.purchase-plan-size-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.purchase-plan-size-block {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.purchase-plan-copy h4,
.purchase-selection-card h4 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.purchase-plan-size {
  font-family: "Sora", sans-serif;
  font-size: clamp(26px, 6vw, 36px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.purchase-plan-caption {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.purchase-plan-stars {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(229, 197, 122, 0.2);
  background: rgba(229, 197, 122, 0.08);
  font-size: 12px;
  font-weight: 800;
  color: var(--gold);
  white-space: nowrap;
  flex-shrink: 0;
}

.purchase-plan-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(229, 197, 122, 0.14);
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
}

.purchase-plan-metrics,
.purchase-selection-meta {
  display: grid;
  gap: 10px;
}

.purchase-plan-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.purchase-plan-metrics span,
.purchase-selection-meta span {
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--muted);
  font-size: 11px;
}

.purchase-plan-metrics strong {
  color: var(--text);
}

.purchase-plan-card .button {
  width: 100%;
  justify-content: center;
  min-height: 44px;
  font-size: 13px;
  padding-inline: 12px;
}

.purchase-selection-card {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
}

.purchase-selection-head strong {
  font-size: 18px;
  color: var(--gold);
}

.purchase-selection-line {
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.purchase-selection-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchase-addon-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    radial-gradient(circle at top right, rgba(229, 197, 122, 0.12), transparent 46%);
}

.purchase-addon-card.is-active {
  border-color: rgba(229, 197, 122, 0.42);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(229, 197, 122, 0.14) inset;
}

.purchase-addon-copy {
  display: grid;
  gap: 6px;
}

.purchase-addon-copy h4 {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: clamp(18px, 3vw, 22px);
  letter-spacing: -0.04em;
}

.purchase-addon-copy .muted-copy {
  margin: 0;
  max-width: 62ch;
}

.purchase-promo-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    radial-gradient(circle at top right, rgba(45, 211, 155, 0.09), transparent 40%);
}

.purchase-referral-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    radial-gradient(circle at top right, rgba(121, 190, 255, 0.12), transparent 42%);
}

.purchase-referral-card.is-active {
  border-color: rgba(121, 190, 255, 0.3);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(121, 190, 255, 0.1) inset;
}

.purchase-code-card {
  gap: 10px;
}

.purchase-promo-card h4 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.03em;
}

.purchase-promo-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
}

.purchase-promo-row .field {
  margin: 0;
}

.purchase-code-field {
  grid-column: 1 / -1;
}

.purchase-code-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.purchase-code-input-row input {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 11px 10px 11px 12px;
  min-width: 0;
}

.purchase-code-input-row input:focus {
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.purchase-code-input-row:focus-within {
  border-color: rgba(229, 197, 122, 0.3);
  box-shadow: 0 0 0 4px rgba(229, 197, 122, 0.08);
}

.purchase-promo-row .button {
  min-width: 108px;
  justify-content: center;
}

.purchase-code-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1 / -1;
}

.purchase-code-actions .button {
  min-width: 0;
  flex: 0 1 auto;
}

.purchase-code-actions .icon-button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  flex: 0 0 auto;
}

.purchase-code-icon-button {
  align-self: stretch;
  border: 0;
  border-left: 1px solid var(--border);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.045);
}

.purchase-code-icon-button:hover,
.purchase-code-icon-button:focus-visible {
  transform: none;
  background: rgba(255, 255, 255, 0.08);
  border-color: transparent;
  box-shadow: none;
}

.purchase-code-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.purchase-code-status {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

.purchase-code-status span {
  color: rgba(245, 247, 250, 0.68);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.purchase-code-status strong {
  color: #f7f4ec;
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.purchase-code-status.is-active {
  border-color: rgba(45, 211, 155, 0.22);
  background: rgba(45, 211, 155, 0.07);
}

.review-compact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 4px;
}

.review-compact-card {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
}

.review-compact-card strong {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

.review-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.toast-stack {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 20;
  display: grid;
  gap: 10px;
}

.toast {
  min-width: 250px;
  max-width: 360px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(12, 18, 24, 0.94);
  color: var(--text);
  box-shadow: var(--surface-shadow);
}

.toast.error {
  border-color: rgba(255, 107, 107, 0.28);
}

.influencer-shell {
  width: min(1160px, calc(100% - 28px));
}

.influencer-login-card {
  overflow: hidden;
  border-color: rgba(110, 168, 255, 0.18);
  background:
    radial-gradient(circle at 88% 0%, rgba(110, 168, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(14, 24, 38, 0.996), rgba(7, 13, 23, 0.992));
}

.influencer-login-card .brand-lockup {
  margin-bottom: 18px;
}

.influencer-dashboard {
  display: grid;
  gap: 0;
}

.influencer-topbar {
  border-radius: 18px;
}

.influencer-stats .stat-card {
  min-height: 118px;
  display: grid;
  align-content: space-between;
  gap: 10px;
  border-color: rgba(110, 168, 255, 0.14);
  background:
    linear-gradient(160deg, rgba(110, 168, 255, 0.09), rgba(255, 255, 255, 0.014) 48%),
    rgba(8, 15, 26, 0.9);
}

.influencer-stats .stat-card span,
.influencer-stats .stat-card small {
  color: rgba(144, 161, 182, 0.96);
  font-size: 12px;
  font-weight: 700;
}

.influencer-stats .stat-card strong {
  color: #f7fbff;
  font-family: "Sora", sans-serif;
  font-size: clamp(22px, 3.2vw, 34px);
  letter-spacing: -0.04em;
}

.influencer-create-card {
  position: relative;
  overflow: hidden;
}

.influencer-create-card::after {
  content: "";
  position: absolute;
  inset: auto -40px -80px auto;
  width: 210px;
  height: 210px;
  border-radius: 999px;
  background: rgba(110, 168, 255, 0.09);
  filter: blur(34px);
  pointer-events: none;
}

.influencer-create-card > * {
  position: relative;
  z-index: 1;
}

.influencer-table {
  min-width: 700px;
}

.influencer-table td:first-child strong,
.influencer-table td:nth-child(2) strong {
  font-family: "Sora", sans-serif;
  letter-spacing: -0.02em;
}

.influencer-credential-box {
  display: grid;
  gap: 7px;
  padding: 13px 14px;
  border-radius: 13px;
  border: 1px solid rgba(45, 211, 155, 0.22);
  background:
    linear-gradient(135deg, rgba(45, 211, 155, 0.1), rgba(110, 168, 255, 0.05)),
    rgba(8, 15, 26, 0.82);
}

.influencer-credential-box strong,
.influencer-credential-box code {
  font-family: "Sora", sans-serif;
}

.influencer-credential-box code {
  display: block;
  width: 100%;
  padding: 10px 11px;
  border-radius: 10px;
  color: #eaf7ff;
  background: rgba(2, 8, 18, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow-wrap: anywhere;
}

.auth-card {
  width: min(440px, calc(100% - 24px));
  padding: 26px;
  margin: 8vh auto 0;
}

.admin-topbar {
  padding-bottom: 8px;
}

.admin-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.empty-state {
  display: grid;
  gap: 12px;
  place-items: start;
  padding: 24px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(255, 255, 255, 0.1);
}

.hero-copy .hero-text,
.section-head .micro-copy,
.leaderboard-banner-copy .muted-copy,
.tournament-note-card .tournament-note,
.purchase-program-card small,
.purchase-stage-card p,
.purchase-plan-rate,
.purchase-addon-copy .muted-copy,
.purchase-promo-card .muted-copy {
  color: rgba(220, 226, 232, 0.64);
}

.home-cta-copy .muted-copy,
.hero-copy .hero-text,
.section-head .micro-copy,
.tournament-note-card .tournament-note,
.purchase-program-card small,
.purchase-stage-card p,
.purchase-addon-copy .muted-copy,
.purchase-promo-card .muted-copy {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hero-copy .hero-text,
.section-head .micro-copy,
.tournament-note-card .tournament-note,
.purchase-program-card small,
.purchase-stage-card p {
  -webkit-line-clamp: 2;
}

.purchase-addon-copy .muted-copy,
.purchase-promo-card .muted-copy {
  -webkit-line-clamp: 3;
}

.hero-panel h2,
.section-head h3,
.compact-head h3,
.modal-head h3 {
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.24);
}

@media (min-width: 880px) {
  .hero-panel {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    align-items: stretch;
  }

  .view-section[data-view="home"] > .hero-panel .hero-stats {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 12px;
  }

  .tournament-hub-panel {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    align-items: stretch;
  }

  .plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .purchase-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .announcement-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-grid {
    grid-template-columns: minmax(170px, 196px) minmax(0, 1fr) minmax(232px, 256px);
    grid-template-areas: "markets chart order";
  }

  .terminal-trade-groups {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .market-panel,
  .order-panel {
    position: sticky;
    top: 14px;
  }
}

@media (max-width: 879px) {
  .terminal-grid {
    grid-template-areas:
      "chart"
      "order";
    gap: 8px;
  }

  .topbar,
  .section-head,
  .chart-toolbar,
  .modal-head,
  .admin-topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .topbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    gap: 8px;
  }

  .topbar-tools {
    width: auto;
    gap: 6px;
    justify-content: flex-end;
    margin-left: auto;
    flex: 0 1 auto;
  }

  .admin-user-export-filters {
    width: 100%;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .admin-inline-date-field {
    min-width: 0;
  }

  .brand-lockup {
    gap: 8px;
    width: auto;
  }

  .user-pill {
    min-width: 0;
    max-width: min(132px, 40vw);
    flex: 0 1 auto;
  }

  .user-pill > div:last-child span:last-child {
    display: none;
  }

  .hero-actions-stack {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .hero-action-divider {
    display: none;
  }

  .language-switch {
    padding: 3px;
  }

  .language-switch-button {
    min-width: 34px;
    height: 30px;
    padding: 0 8px;
  }

  .home-cta-panel {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .home-cta-actions {
    grid-auto-flow: row;
  }

  .home-cta-actions-rich {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    padding-top: 2px;
  }

  .home-cta-utility-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home-cta-button {
    width: 100%;
    min-width: 100%;
    border-radius: 11px;
  }

  .home-utility-button {
    width: 100%;
    min-height: 60px;
    padding: 9px 10px;
    gap: 8px;
  }

  .home-utility-copy strong {
    font-size: 11px;
  }

  .home-utility-copy span {
    font-size: 9px;
  }

  .hero-stats {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .hero-stats .stat-card {
    grid-template-rows: minmax(22px, auto) auto auto;
    padding: 10px 8px;
    border-radius: 12px;
  }

  .hero-stats strong {
    font-size: 16px;
  }

  .hero-stats .stat-sub {
    font-size: 9px;
  }

  .tournament-hub-panel {
    grid-template-columns: 1fr;
  }

  .tournament-hub-banner-card,
  .tournament-hub-banner-overlay {
    min-height: 168px;
  }

  .tournament-hub-actions .button {
    flex: 1 1 100%;
  }

  .account-card .account-topline,
  .account-inline-note {
    flex-direction: row;
    align-items: flex-start;
  }

  .account-card .account-metrics,
  .account-card .purchase-chip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-modal-head {
    flex-direction: row;
    align-items: flex-start;
  }

  .plan-meta,
  .account-metrics,
  .form-grid,
  .admin-grid {
    grid-template-columns: 1fr;
  }

  .purchase-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inline-control {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .view-section[data-view="terminal"] > .section-block:first-child .section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: initial;
    width: 100%;
    gap: 8px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .view-section[data-view="terminal"] > .section-block:first-child .inline-control {
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    min-width: 0;
  }

  .terminal-top-strip {
    position: sticky;
    top: 0;
    z-index: 6;
    margin-bottom: 6px;
    padding-top: max(env(safe-area-inset-top), 0px);
    background: linear-gradient(180deg, rgba(7, 17, 29, 0.98), rgba(7, 17, 29, 0.86));
    backdrop-filter: blur(10px);
  }

  #terminalAccountLabel {
    display: inline-flex;
    font-size: 10px;
    gap: 6px;
  }

  #terminalAccountSelect {
    min-width: 0;
    width: 100%;
    padding: 7px 28px 7px 10px;
    font-size: 12px;
  }

  .terminal-top-strip #terminalAccountSummary {
    flex: 0 0 auto;
    padding: 3px 5px;
  }

  .terminal-account-inline,
  .terminal-account-inline-empty,
  .terminal-account-strip-compact {
    justify-content: flex-end;
  }

  .terminal-account-strip-compact .terminal-account-chip {
    min-height: 31px;
    padding: 0 8px;
    font-size: 9px;
  }

  .terminal-account-strip-compact .terminal-account-chip-stack {
    min-width: 88px;
    padding: 4px 8px;
    gap: 2px;
  }

  .terminal-account-strip-compact .terminal-account-chip strong {
    font-size: 10px;
  }

  .asset-card-grid {
    grid-template-columns: 1fr;
  }

  .market-panel {
    position: fixed;
    inset: 14px 12px 84px;
    z-index: 30;
    transform: translateY(110%);
    opacity: 0;
    pointer-events: none;
    transition: 180ms ease;
    overflow: auto;
    padding: 0;
  }

  .market-panel.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .terminal-sheet-close {
    display: inline-flex;
  }

  .terminal-sheet-head {
    flex-direction: row;
    align-items: center;
  }

  .view-section[data-view="terminal"] > .section-block:first-child {
    margin-bottom: 8px;
  }

  #terminalCopy,
  #orderEntryCopy,
  #tradeOrderHint,
  #terminalMarketsCopy {
    display: none;
  }

  .chart-panel,
  .order-panel {
    padding: 9px;
    gap: 7px;
  }

  .asset-category-head,
  .terminal-market-hero,
  .terminal-summary-head,
  .terminal-quote-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .chart-container {
    min-height: 320px;
    border-radius: 16px;
    overscroll-behavior: contain;
    touch-action: none;
  }

  .terminal-market-header {
    margin-top: -2px;
  }

  .terminal-market-header,
  .terminal-market-overview {
    gap: 6px;
  }

  .terminal-market-trigger {
    gap: 10px;
  }

  .terminal-market-symbol {
    font-size: 20px;
  }

  .terminal-market-price {
    font-size: 24px;
  }

  .terminal-market-compact-strip {
    gap: 5px;
  }

  .terminal-market-compact-strip span {
    padding: 4px 6px;
    font-size: 9px;
  }

  .terminal-chart-toolbar {
    gap: 6px;
    padding: 7px 8px;
    border-radius: 12px;
  }

  .terminal-chart-toolbar > div:first-child {
    display: none;
  }

  .terminal-chart-toolbar .micro-label {
    font-size: 10px;
  }

  #terminalAccountSummary {
    padding: 0;
  }

  .terminal-account-strip-compact {
    justify-content: flex-start;
  }

  .terminal-form {
    gap: 8px;
  }

  .terminal-ticket-shell {
    padding: 8px;
    gap: 6px;
    border-radius: 12px;
  }

  .terminal-order-type-toggle,
  .compact-side-toggle,
  .terminal-order-inline {
    gap: 6px;
  }

  .terminal-order-type-toggle .segment {
    min-height: 38px;
    padding: 8px 8px;
    border-radius: 10px;
    font-size: 11px;
  }

  .compact-side-toggle .toggle-button {
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 12px;
  }

  .compact-side-toggle .toggle-button[data-side="BUY"]::before,
  .compact-side-toggle .toggle-button[data-side="SELL"]::before {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }

  .terminal-order-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .terminal-field-volume {
    grid-column: 1 / -1;
  }

  .terminal-field-limit {
    grid-column: 1 / -1;
  }

  .terminal-order-inline .field {
    gap: 4px;
  }

  .terminal-order-inline .field > span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .terminal-order-inline input {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 10px;
  }

  .terminal-volume-stepper {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    gap: 0;
    padding: 3px;
    border-radius: 14px;
  }

  .terminal-volume-stepper-button {
    min-height: 38px;
    font-size: 17px;
    border-radius: 10px;
  }

  .terminal-field-volume input {
    min-height: 38px;
    font-size: 17px;
  }

  .terminal-price-card {
    padding: 8px 9px;
    border-radius: 12px;
  }

  .terminal-quote-price {
    font-size: 16px;
  }

  .terminal-order-mode {
    min-height: 22px;
    padding: 0 8px;
    font-size: 9px;
  }

  .terminal-form .button-block {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
  }

  .terminal-risk-preview {
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-risk-chip,
  .terminal-risk-hint {
    padding: 8px 9px;
    border-radius: 10px;
  }

  .terminal-risk-chip strong {
    font-size: 12px;
  }

  .terminal-submit-row {
    margin-top: 2px;
    gap: 8px;
  }

  .terminal-side-submit {
    min-height: 56px;
    border-radius: 16px;
    font-size: 14px;
  }

  .terminal-submit-primary,
  .terminal-history-panel .section-head {
    display: none;
  }

  .terminal-history-panel {
    padding: 0;
    gap: 6px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .terminal-history-tabs {
    gap: 6px;
    padding: 4px;
    border-radius: 12px;
  }

  .terminal-history-tab {
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 10px;
    color: rgba(188, 190, 200, 0.78);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.01em;
  }

  .terminal-history-tab-label {
    font-size: 12px;
  }

  .terminal-history-tab-badge {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    font-size: 11px;
  }

  .terminal-market-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .asset-category-copy {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .app-shell,
  .admin-shell {
    width: calc(100% - 20px);
    padding-top: 14px;
  }

  .panel,
  .modal-sheet,
  .auth-card {
    border-radius: 22px;
  }

  .topbar {
    padding: 9px 10px;
    gap: 6px;
  }

  .topbar-tools {
    gap: 5px;
  }

  .brand-logo {
    width: min(96px, 28vw);
  }

  html[lang="en"] .brand-logo {
    width: min(84px, 24vw);
  }

  .user-pill {
    max-width: min(118px, 36vw);
    padding: 6px 8px;
  }

  .user-avatar {
    width: 34px;
    height: 34px;
  }

  .user-pill strong {
    font-size: 11px;
  }

  .purchase-code-actions .icon-button {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 17px;
  }

  .language-switch-button {
    min-width: 30px;
    height: 28px;
    padding: 0 7px;
    font-size: 10px;
  }

  .hero-trust-row {
    gap: 6px;
  }

  .hero-trust-pill {
    font-size: 10px;
    padding: 6px 9px 6px 7px;
    gap: 5px;
  }

  .hero-trust-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .hero-trust-icon svg {
    width: 11px;
    height: 11px;
  }

  .modal {
    padding: 10px;
    align-items: end;
  }

  .modal-sheet {
    width: 100%;
    max-height: calc(100vh - 12px);
    padding: 16px;
  }

  .hero-panel {
    padding: 20px;
  }

  .stepper {
    gap: 8px;
    margin-bottom: 12px;
  }

  .stepper-summary {
    padding: 12px;
    gap: 10px;
  }

  .stepper-summary strong {
    font-size: 15px;
    line-height: 1.2;
  }

  .stepper-summary .micro-copy {
    display: none;
  }

  .stepper-counter {
    min-width: 52px;
    padding: 8px 10px;
  }

  .stepper-counter strong {
    font-size: 19px;
  }

  .stepper-track {
    grid-template-columns: repeat(var(--step-count, 4), minmax(0, 1fr));
    gap: 6px;
  }

  .stepper-track::before {
    display: none;
  }

  .step-pill {
    gap: 4px;
  }

  .step-pill-number {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }

  .step-pill-copy {
    display: grid;
    gap: 0;
  }

  .step-pill-label {
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }

  .purchase-chip-row,
  .review-compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .purchase-rules-card {
    padding: 14px;
    gap: 10px;
  }

  .purchase-program-switch {
    gap: 8px;
  }

  .purchase-program-card {
    padding: 12px;
    gap: 3px;
    border-radius: 18px;
  }

  .purchase-program-card strong {
    font-size: 18px;
  }

  .purchase-program-card small {
    font-size: 11px;
  }

  .purchase-rules-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .purchase-stage-flow {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .purchase-stage-card {
    padding: 11px;
    gap: 5px;
    border-radius: 16px;
  }

  .purchase-stage-card strong {
    font-size: 14px;
  }

  .purchase-stage-card p {
    font-size: 11px;
    line-height: 1.4;
  }

  .purchase-rules-table-head,
  .purchase-rules-table-row {
    grid-template-columns: minmax(66px, 1fr) repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  .purchase-rules-table-head {
    font-size: 9px;
  }

  .purchase-rules-table-row {
    padding: 8px 9px;
  }

  .purchase-rules-stage {
    font-size: 11px;
  }

  .purchase-rules-table-row strong {
    font-size: 11px;
  }

  .purchase-rules-scroll {
    overflow-x: visible;
  }

  .purchase-rules-scroll .purchase-rules-table {
    min-width: 0;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-table-head {
    display: none;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-table-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    padding: 10px;
    border-radius: 12px;
    background: rgba(14, 21, 32, 0.94);
    border-color: rgba(138, 160, 188, 0.16);
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-stage {
    grid-column: 1 / -1;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(138, 160, 188, 0.12);
    font-size: 12px;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-table-row strong {
    display: grid;
    gap: 3px;
    justify-items: start;
    min-width: 0;
    font-size: 12px;
    text-align: left;
    color: #f3f7fd;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-mobile-key {
    display: block;
    color: rgba(190, 205, 226, 0.78);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-mobile-value {
    display: block;
    color: #f3f7fd;
    font-size: 12px;
    line-height: 1.2;
  }

  .purchase-rules-grid {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .purchase-rules-grid span {
    padding: 9px 10px;
    font-size: 11px;
  }

  .purchase-plan-grid {
    grid-template-columns: 1fr;
  }

  .purchase-selection-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-plan-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .purchase-plan-card {
    padding: 13px;
    gap: 8px;
  }

  .purchase-plan-size {
    font-size: 24px;
  }

  .purchase-plan-stars {
    padding: 7px 9px;
    font-size: 11px;
  }

  .purchase-plan-footer,
  .purchase-selection-head,
  .purchase-selection-line {
    align-items: flex-start;
    flex-direction: column;
  }

  .purchase-plan-head,
  .purchase-plan-size-row {
    align-items: center;
    flex-direction: row;
  }

  .purchase-plan-metrics {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .purchase-addon-card {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
  }

  .purchase-addon-card .button {
    width: 100%;
    justify-content: center;
  }

  .purchase-promo-card {
    padding: 14px;
  }

  .purchase-promo-row {
    grid-template-columns: 1fr;
  }

  .purchase-code-actions,
  .purchase-code-status-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .purchase-promo-row .button {
    width: 100%;
  }

  .hero-cta-button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    min-height: 60px;
    padding: 16px 18px;
  }

  .hero-cta-icon {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    font-size: 15px;
  }

  .rules-doc-grid {
    grid-template-columns: 1fr;
  }

  .rules-doc-section,
  .rules-doc-hero,
  .rules-doc-card {
    padding: 16px;
  }

  .rules-doc-pill {
    font-size: 10px;
    padding: 6px 10px;
  }

  .rules-stage-head {
    display: none;
  }

  .rules-stage-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 12px;
  }

  .rules-stage-key {
    display: block;
  }

  .rules-stage-cell-outcome {
    grid-column: 1 / -1;
    padding-left: 0;
  }

  .asset-select-card {
    padding: 11px;
  }

  .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 68px 96px;
    gap: 9px;
    align-items: center;
  }

  .asset-select-symbol {
    font-size: 15px;
  }

  .asset-select-label {
    font-size: 11px;
  }

  .asset-select-price {
    font-size: 16px;
  }

  .asset-select-badge {
    font-size: 8px;
    padding: 4px 7px;
  }

  .purchase-chip {
    padding: 8px 10px;
    font-size: 11px;
  }

  .purchase-chip strong,
  .review-compact-card strong {
    font-size: 12px;
  }

  .review-compact-card {
    padding: 10px;
  }

  .nav-button {
    gap: 4px;
    min-height: 54px;
    padding: 7px 4px 8px;
  }

  .nav-icon {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  .nav-label {
    font-size: 9px;
  }

  .brand-logo {
    width: min(112px, 34vw);
  }

  html[lang="en"] .brand-logo {
    width: min(96px, 30vw);
  }

  .toast-stack {
    inset: auto 10px 100px 10px;
  }

  .toast {
    max-width: none;
    min-width: 0;
  }

  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block;
  }

  .chart-container {
    min-height: 320px;
  }

  .quote-strip,
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .quote-strip-home {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .account-overview-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-market-symbol {
    font-size: 22px;
  }

  .terminal-market-price {
    font-size: 24px;
  }

  .chart-container {
    min-height: 470px;
  }

  .account-topline,
  .trade-mobile-head,
  .trade-mobile-footer,
  .trade-group-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-card .account-topline,
  .account-card .hero-actions,
  .account-inline-note {
    flex-direction: row;
    align-items: flex-start;
  }

  .trade-mobile-topline {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .trade-mobile-right {
    justify-items: end;
    text-align: right;
  }

  .trade-group-head-tools {
    width: 100%;
    justify-content: space-between;
  }

  .trade-group-close-all {
    min-height: 32px;
    padding: 7px 10px;
  }

  .trade-action-row {
    width: 100%;
  }

  .trade-action-row .button {
    flex: 1 1 0;
  }

  .terminal-market-strip,
  .terminal-market-meta-row,
  .terminal-market-compact-strip,
  .terminal-account-strip,
  .terminal-quote-strip,
  .terminal-order-summary,
  .trade-mobile-info-grid {
    gap: 6px;
  }

  .quantity-presets,
  .terminal-field-grid,
  .terminal-mini-grid,
  .terminal-quote-grid,
  .terminal-market-stats {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .asset-select-chart {
    gap: 4px;
  }

  .quote-card-home {
    padding: 10px 11px;
    gap: 8px;
    min-height: 0;
    align-items: stretch;
  }

  .quote-card-home-main {
    grid-template-columns: minmax(0, 1fr) 64px 78px;
    gap: 8px;
  }

  .quote-card-home .quote-symbol {
    font-size: 12px;
  }

  .quote-card-home-tag {
    min-height: 22px;
    padding: 3px 7px;
    font-size: 9px;
    letter-spacing: 0.05em;
  }

  .quote-card-home-side {
    min-width: 0;
  }

  .quote-card-home strong {
    font-size: 16px;
  }

  .quote-card-home-chart .asset-select-sparkline {
    width: 62px;
  }

  .quote-card-home .quote-change {
    min-width: 52px;
    font-size: 10px;
  }

  .asset-select-bottom {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .asset-select-sparkline {
    width: 68px;
    justify-self: center;
  }

  .asset-select-sparkline svg {
    width: 68px;
    height: 28px;
  }

  .asset-select-flow {
    font-size: 9px;
  }

  .account-history-banner-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-competition-strip {
    grid-template-columns: 1fr;
  }

  .account-risk-strip {
    grid-template-columns: 1fr;
  }

  .terminal-price-card {
    padding: 10px;
  }

  .terminal-quote-price {
    font-size: 18px;
  }

  #timeframeTabs {
    padding: 3px;
  }

  #timeframeTabs .terminal-timeframe-chip {
    min-width: 0;
    padding: 8px 6px;
    font-size: 10px;
  }

  .terminal-history-tab {
    padding: 10px 11px;
  }
}

.account-section {
  display: grid;
  gap: 10px;
}

.account-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.account-section-head h4,
.account-section-head p {
  margin: 0;
}

.accounts-shell {
  display: grid;
  gap: 14px;
}

.accounts-view-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.accounts-view-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.01em;
  transition: 160ms ease;
}

.accounts-view-chip.is-active {
  background: rgba(229, 197, 122, 0.11);
  border-color: rgba(229, 197, 122, 0.18);
  color: var(--sand);
}

.accounts-view-chip-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: currentColor;
  font-size: 11px;
  font-weight: 800;
}

.certificate-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.intel-shell {
  max-width: 1500px;
}

.intel-auth-card {
  max-width: 560px;
}

.intel-dashboard {
  display: grid;
  gap: 24px;
}

.intel-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
  gap: 16px;
}

.intel-hero-card,
.intel-guardrail-card,
.intel-playbook-card {
  padding: 22px;
}

.intel-hero-copy {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.65;
}

.intel-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.intel-chip,
.intel-action-badge,
.intel-side-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.intel-chip-copy,
.intel-action-badge.is-copy {
  background: rgba(45, 211, 155, 0.14);
  color: var(--emerald);
  border: 1px solid rgba(45, 211, 155, 0.25);
}

.intel-chip-fade,
.intel-action-badge.is-fade {
  background: rgba(255, 107, 107, 0.14);
  color: var(--danger);
  border: 1px solid rgba(255, 107, 107, 0.25);
}

.intel-chip-observe,
.intel-action-badge.is-observe {
  background: rgba(229, 197, 122, 0.14);
  color: var(--sand);
  border: 1px solid rgba(229, 197, 122, 0.24);
}

.intel-guardrail-list {
  display: grid;
  gap: 10px;
}

.intel-guardrail-row {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text);
}

.intel-dot {
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(229, 197, 122, 0.95), rgba(255, 255, 255, 0.82));
  box-shadow: 0 0 0 4px rgba(229, 197, 122, 0.12);
}

.intel-stat-card {
  min-height: 132px;
}

.intel-data-table {
  min-width: 1100px;
}

.intel-empty {
  padding: 16px 0;
  color: var(--muted);
  font-size: 13px;
}

.intel-playbook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.intel-playbook-card {
  display: grid;
  gap: 14px;
}

.intel-playbook-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.intel-playbook-summary {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.6;
}

.intel-playbook-stack {
  display: grid;
  gap: 10px;
}

.intel-playbook-line {
  display: grid;
  gap: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.intel-playbook-line strong {
  font-size: 11px;
  color: var(--sand);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.intel-playbook-line span {
  color: var(--text);
  font-size: 13px;
  line-height: 1.55;
}

.intel-routing-banner {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  margin-bottom: 14px;
}

.intel-guide-panel {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.intel-guide-copy {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.6;
}

.intel-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.intel-guide-card {
  display: grid;
  gap: 6px;
  padding: 12px 13px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.intel-guide-card strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}

.intel-guide-card .micro-copy {
  line-height: 1.45;
}

.intel-trader-risk-guide {
  margin: -4px 0 14px;
  color: var(--muted);
  line-height: 1.55;
}

.intel-pool-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
}

.intel-pool-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.intel-pool-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(9, 14, 26, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.intel-pool-card.is-active {
  border-color: rgba(110, 168, 255, 0.34);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.12);
}

.intel-pool-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.intel-pool-card-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.intel-pool-meta-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.intel-pool-meta-item {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.intel-pool-meta-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.intel-pool-meta-item strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}

.intel-pool-card-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.intel-pool-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.intel-pool-mode-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.intel-pool-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.intel-pool-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}

.intel-pool-chip.is-open {
  background: rgba(45, 211, 155, 0.12);
  border-color: rgba(45, 211, 155, 0.24);
  color: var(--emerald);
}

.intel-pool-list {
  display: grid;
  gap: 10px;
}

.intel-pool-section {
  display: grid;
  gap: 10px;
}

.intel-pool-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.intel-pool-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.intel-pool-entry-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.intel-pool-entry-main strong {
  color: var(--text);
  font-size: 13px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.intel-pool-entry-main .micro-copy {
  color: var(--muted);
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.intel-pool-entry-remove {
  flex: 0 0 auto;
}

.intel-pool-add-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.intel-pool-select {
  width: 100%;
}

.intel-pool-open-state {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(45, 211, 155, 0.08);
  border: 1px solid rgba(45, 211, 155, 0.16);
}

.intel-pool-summary-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.intel-pool-summary-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.intel-pool-summary-chip.is-open {
  color: var(--emerald);
  border-color: rgba(45, 211, 155, 0.24);
  background: rgba(45, 211, 155, 0.12);
}

.intel-risk-editor {
  display: grid;
  gap: 8px;
  min-width: 148px;
}

.intel-risk-input-row {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 10px 0 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.intel-risk-input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  appearance: textfield;
  -moz-appearance: textfield;
}

.intel-risk-input::-webkit-outer-spin-button,
.intel-risk-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.intel-risk-input-row .micro-copy {
  color: var(--muted);
  font-weight: 800;
}

.intel-inline-field {
  min-width: 260px;
  margin: 0;
}

.intel-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.intel-status-chip.is-ready {
  background: rgba(45, 211, 155, 0.14);
  color: var(--emerald);
  border-color: rgba(45, 211, 155, 0.24);
}

.intel-status-chip.is-standby {
  background: rgba(229, 197, 122, 0.12);
  color: var(--sand);
  border-color: rgba(229, 197, 122, 0.24);
}

.intel-status-chip.is-danger {
  background: rgba(255, 107, 107, 0.14);
  color: var(--danger);
  border-color: rgba(255, 107, 107, 0.24);
}

.intel-execution-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.45fr);
  gap: 16px;
}

.intel-connection-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.intel-connection-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.intel-connection-card.is-active {
  border-color: rgba(110, 168, 255, 0.34);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.14);
}

.intel-route-button {
  min-width: 106px;
  justify-content: center;
}

.intel-side-chip {
  min-width: 72px;
  padding: 7px 10px;
}

.intel-side-chip.is-buy {
  background: rgba(45, 211, 155, 0.12);
  color: var(--emerald);
  border: 1px solid rgba(45, 211, 155, 0.22);
}

.intel-side-chip.is-sell {
  background: rgba(255, 107, 107, 0.12);
  color: var(--danger);
  border: 1px solid rgba(255, 107, 107, 0.22);
}

@media (max-width: 1120px) {
  .intel-hero-grid,
  .intel-execution-grid,
  .intel-playbook-grid {
    grid-template-columns: 1fr;
  }

  .intel-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .intel-hero-card,
  .intel-guardrail-card,
  .intel-playbook-card {
    padding: 16px;
  }

  .intel-chip,
  .intel-action-badge,
  .intel-side-chip {
    font-size: 10px;
    padding: 7px 10px;
  }

  .intel-routing-banner {
    flex-direction: column;
    align-items: stretch;
  }

  .intel-guide-grid {
    grid-template-columns: 1fr;
  }

  .intel-pool-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .intel-pool-card,
  .intel-pool-entry {
    border-radius: 16px;
  }

  .intel-pool-meta-row {
    grid-template-columns: 1fr;
  }

  .intel-pool-card-top,
  .intel-pool-card-toolbar,
  .intel-pool-entry {
    flex-direction: column;
    align-items: stretch;
  }

  .intel-pool-add-row {
    grid-template-columns: 1fr;
  }

  .intel-pool-card-badges {
    justify-content: flex-start;
  }

  .intel-pool-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .intel-inline-field {
    min-width: 0;
  }

  .intel-risk-editor {
    min-width: 126px;
  }

  .intel-data-table {
    min-width: 900px;
  }

  .accounts-view-switcher {
    width: 100%;
  }

  .accounts-view-chip {
    flex: 1 1 0;
    min-width: 0;
  }

  .certificate-gallery,
  .certificate-detail-grid {
    grid-template-columns: 1fr;
  }

  .certificate-card-hero {
    min-height: 200px;
  }

  .certificate-card-hero-bar,
  .certificate-card-top {
    flex-direction: column;
    align-items: flex-start;
  }
}

.account-section-history {
  opacity: 1;
}

.account-card-history {
  gap: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.014)),
    linear-gradient(135deg, rgba(157, 169, 180, 0.05), transparent 42%);
}

.account-card-breached-history {
  border-color: rgba(255, 107, 107, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.01)),
    linear-gradient(135deg, rgba(255, 107, 107, 0.08), transparent 44%);
}

.account-history-banner {
  display: grid;
  gap: 8px;
  padding: 10px 11px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

.account-history-banner-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.account-history-kicker {
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.account-history-date {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.account-history-note {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.account-history-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-history-pill {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.account-history-metrics {
  gap: 10px;
}

.account-competition-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.account-risk-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.account-competition-pill {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-width: 0;
}

.account-competition-pill span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.account-competition-pill strong {
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-competition-pill.is-leading {
  border-color: rgba(229, 197, 122, 0.22);
  background: rgba(229, 197, 122, 0.08);
}

.account-risk-pill {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-width: 0;
}

.account-risk-pill span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.account-risk-pill strong {
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-inline-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.certificate-card {
  gap: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.014)),
    radial-gradient(circle at top left, rgba(229, 197, 122, 0.11), transparent 40%);
}

.certificate-card-rich {
  overflow: hidden;
  border-color: rgba(229, 197, 122, 0.14);
}

.certificate-card-hero {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border-radius: 22px;
  background:
    linear-gradient(160deg, rgba(7, 13, 28, 0.96), rgba(13, 23, 45, 0.88)),
    radial-gradient(circle at top right, rgba(229, 197, 122, 0.18), transparent 40%);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.certificate-card-hero.has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 10, 19, 0.1), rgba(5, 10, 19, 0.72));
  pointer-events: none;
}

.certificate-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.certificate-card-art {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: space-between;
  padding: 20px;
}

.certificate-card-watermark {
  color: rgba(255, 255, 255, 0.08);
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.04em;
  max-width: 180px;
}

.certificate-card-crest {
  align-self: end;
  justify-self: start;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.certificate-card-hero-bar {
  position: absolute;
  inset: auto 14px 14px 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  z-index: 1;
}

.certificate-code-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(5, 10, 19, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
}

.certificate-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.certificate-card-top h4,
.certificate-card-copy {
  margin: 0;
}

.certificate-card-copy {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.certificate-card-bodytext {
  color: var(--text);
  font-size: 13px;
  line-height: 1.7;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.028);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.certificate-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.certificate-inline-note {
  padding: 9px 10px;
}

html[lang="ru"] .button,
html[lang="ru"] .toggle-button,
html[lang="ru"] .nav-button,
html[lang="ru"] .status-badge,
html[lang="ru"] .purchase-chip,
html[lang="ru"] .purchase-program-card,
html[lang="ru"] .purchase-stage-card,
html[lang="ru"] .purchase-plan-card,
html[lang="ru"] .tournament-info-card,
html[lang="ru"] .tournament-compact-pill,
html[lang="ru"] .account-competition-pill,
html[lang="ru"] .account-risk-pill,
html[lang="ru"] .terminal-history-tab {
  letter-spacing: 0;
}

html[lang="ru"] .button,
html[lang="ru"] .hero-cta-button,
html[lang="ru"] .home-cta-button,
html[lang="ru"] .terminal-history-tab,
html[lang="ru"] .trade-group-close-all {
  white-space: normal;
  line-height: 1.2;
}

html[lang="ru"] .nav-label,
html[lang="ru"] .purchase-program-kicker,
html[lang="ru"] .purchase-stage-step,
html[lang="ru"] .purchase-rules-table-head,
html[lang="ru"] .account-competition-pill span,
html[lang="ru"] .account-risk-pill span,
html[lang="ru"] .micro-label {
  letter-spacing: 0.02em;
  text-transform: none;
}

html[lang="ru"] .nav-label {
  font-size: 9px;
  line-height: 1.15;
}

html[lang="ru"] .hero-cta-copy strong,
html[lang="ru"] .hero-cta-copy span,
html[lang="ru"] .purchase-program-card strong,
html[lang="ru"] .purchase-stage-card strong,
html[lang="ru"] .purchase-plan-copy h4,
html[lang="ru"] .purchase-selection-card h4,
html[lang="ru"] .tournament-card-copy h3,
html[lang="ru"] .tournament-section-title h4,
html[lang="ru"] .leaderboard-modal-head h3,
html[lang="ru"] .leaderboard-prize-panel h4,
html[lang="ru"] .leaderboard-full-panel h4,
html[lang="ru"] .account-history-kicker,
html[lang="ru"] .account-inline-note strong {
  overflow-wrap: anywhere;
}

html[lang="ru"] .purchase-promo-row .button,
html[lang="ru"] .purchase-code-actions .button,
html[lang="ru"] .purchase-addon-card .button,
html[lang="ru"] .trade-action-row .button {
  min-width: 0;
}

html[lang="ru"] .terminal-history-tab {
  min-width: 0;
}

html[lang="ru"] .terminal-history-tab-label {
  white-space: nowrap;
  line-height: 1.1;
  font-size: 12px;
}

html[lang="ru"] .purchase-rules-grid span,
html[lang="ru"] .purchase-chip,
html[lang="ru"] .purchase-plan-metrics span,
html[lang="ru"] .purchase-selection-meta span,
html[lang="ru"] .review-compact-card,
html[lang="ru"] .tournament-info-card small,
html[lang="ru"] .tournament-note-card .micro-label,
html[lang="ru"] .account-history-pill,
html[lang="ru"] .status-badge {
  overflow-wrap: anywhere;
}

html[lang="ru"] .user-pill {
  max-width: min(210px, 48vw);
}

html[lang="ru"] .leaderboard-prize-panel .tournament-section-title,
html[lang="ru"] .leaderboard-full-panel .tournament-section-title {
  align-items: center;
  gap: 8px;
  min-height: 0;
}

html[lang="ru"] .leaderboard-prize-panel .tournament-section-title h4,
html[lang="ru"] .leaderboard-full-panel .tournament-section-title h4 {
  line-height: 1.08;
  overflow-wrap: anywhere;
}

html[lang="ru"] .leaderboard-prize-panel .tournament-section-icon,
html[lang="ru"] .leaderboard-full-panel .tournament-section-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

html[lang="ru"] .leaderboard-prize-panel .tournament-section-icon svg,
html[lang="ru"] .leaderboard-full-panel .tournament-section-icon svg {
  width: 10px;
  height: 10px;
}

@media (min-width: 880px) {
  .account-section-history .account-grid {
    grid-template-columns: 1fr;
  }
}

.admin-tabbar {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.admin-tabbar::-webkit-scrollbar {
  display: none;
}

.admin-tab {
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  border-radius: 999px;
  padding: 10px 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: 180ms ease;
}

.admin-tab:hover {
  border-color: rgba(229, 197, 122, 0.24);
  color: var(--text);
}

.admin-tab.is-active {
  background: rgba(229, 197, 122, 0.14);
  border-color: rgba(229, 197, 122, 0.32);
  color: var(--text);
}

.admin-tab-panel {
  display: none;
}

.admin-tab-panel.is-active {
  display: block;
}

.admin-issue-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
  gap: 18px;
}

.issue-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-certificate-form {
  gap: 14px;
}

.certificate-upload-meta {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  color: var(--muted);
}

.admin-action-list {
  display: grid;
  gap: 12px;
}

.admin-action-card {
  display: grid;
  gap: 10px;
}

.admin-action-card h4,
.admin-action-card p {
  margin: 0;
}

.admin-account-status-stack {
  align-items: flex-start;
  min-width: 150px;
}

.status-badge.admin-account-guard-badge {
  width: fit-content;
  border: 1px solid transparent;
}

.status-badge.status-guard-off {
  border-color: rgba(174, 186, 201, 0.15);
  background: rgba(174, 186, 201, 0.08);
  color: #c4d0df;
}

.status-badge.status-guard-monitor {
  border-color: rgba(110, 168, 255, 0.24);
  background: rgba(110, 168, 255, 0.11);
  color: #a9cbff;
}

.status-badge.status-guard-restricted {
  border-color: rgba(229, 197, 122, 0.28);
  background: rgba(229, 197, 122, 0.13);
  color: #f0d591;
}

.status-badge.status-guard-frozen {
  border-color: rgba(255, 107, 107, 0.3);
  background: rgba(255, 107, 107, 0.12);
  color: #ffadad;
}

.admin-account-guard-row-reason {
  display: -webkit-box;
  max-width: 190px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.35;
}

.admin-account-guard-button.is-active {
  border-color: rgba(229, 197, 122, 0.3);
  background: rgba(229, 197, 122, 0.1);
  color: #f0d591;
}

.admin-account-guard-modal {
  z-index: 40;
}

.admin-account-guard-modal .modal-sheet {
  width: min(680px, 100%);
}

.admin-account-guard-modal .modal-body {
  display: grid;
  gap: 16px;
}

.admin-account-guard-modal textarea {
  min-height: 112px;
  resize: vertical;
}

.admin-account-guard-summary {
  display: grid;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(124, 152, 184, 0.14);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
    rgba(7, 13, 22, 0.72);
}

.admin-account-guard-summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.admin-account-guard-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-account-guard-summary-grid > span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(124, 152, 184, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

.admin-account-guard-summary-grid small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-account-guard-summary-grid strong {
  color: var(--text);
  font-size: 12px;
  line-height: 1.4;
}

.admin-account-guard-form {
  gap: 14px;
}

.admin-account-guard-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.admin-account-guard-check {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(124, 152, 184, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  cursor: pointer;
}

.admin-account-guard-check-danger {
  border-color: rgba(255, 107, 107, 0.2);
  background: rgba(255, 107, 107, 0.045);
}

.admin-account-guard-check:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.48;
}

.admin-account-guard-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: #6ea8ff;
}

.admin-account-guard-check-danger input[type="checkbox"] {
  accent-color: var(--danger);
}

.admin-account-guard-check > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-account-guard-check strong {
  color: var(--text);
  font-size: 12px;
}

.admin-account-guard-check small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.admin-account-guard-impact {
  display: grid;
  gap: 5px;
  padding: 12px 13px;
  border: 1px solid rgba(229, 197, 122, 0.2);
  border-radius: 14px;
  background: rgba(229, 197, 122, 0.07);
}

.admin-account-guard-impact strong {
  color: #f0d591;
  font-size: 12px;
}

.admin-account-guard-impact span {
  color: rgba(235, 239, 244, 0.78);
  font-size: 11px;
  line-height: 1.5;
}

.admin-account-guard-confirm {
  padding: 12px;
  border: 1px solid rgba(255, 107, 107, 0.24);
  border-radius: 14px;
  background: rgba(255, 107, 107, 0.055);
}

.admin-account-guard-actions {
  justify-content: flex-end;
  padding-top: 2px;
}

.admin-account-guard-history {
  display: grid;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(124, 152, 184, 0.12);
}

.admin-account-guard-history-head,
.admin-account-guard-history-event-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.admin-account-guard-history-head h4,
.admin-account-guard-history-head p,
.admin-account-guard-history-item p {
  margin: 0;
}

.admin-account-guard-history-head h4 {
  margin-top: 3px;
  color: var(--text);
  font-size: 14px;
}

.admin-account-guard-history-content {
  min-height: 54px;
}

.admin-account-guard-history-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 12px 13px;
  border: 1px dashed rgba(124, 152, 184, 0.18);
  border-radius: 14px;
  color: var(--muted);
  font-size: 11px;
}

.admin-account-guard-history-state.is-error {
  border-color: rgba(255, 107, 107, 0.24);
  background: rgba(255, 107, 107, 0.045);
  color: #ffadad;
}

.admin-account-guard-history-state .button {
  min-height: 34px;
  padding: 7px 12px;
  flex: 0 0 auto;
}

.admin-account-guard-history-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.admin-account-guard-history-item {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
}

.admin-account-guard-history-event-head strong {
  color: var(--text);
  font-size: 12px;
  text-transform: capitalize;
}

.admin-account-guard-history-transition {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(110, 168, 255, 0.08);
  color: #a9cbff;
  font-size: 10px;
  font-weight: 700;
}

.admin-account-guard-history-item p {
  color: rgba(235, 239, 244, 0.82);
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.admin-account-guard-history-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-account-guard-history-meta span {
  padding: 4px 7px;
  border: 1px solid rgba(124, 152, 184, 0.12);
  border-radius: 999px;
  color: var(--muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 9px;
}

@media (max-width: 640px) {
  .admin-account-guard-modal {
    align-items: end;
    padding: 10px;
  }

  .admin-account-guard-modal .modal-sheet {
    width: 100%;
    max-height: calc(100dvh - 20px);
    padding: 18px;
    border-radius: 22px;
  }

  .admin-account-guard-summary-grid,
  .admin-account-guard-options {
    grid-template-columns: 1fr;
  }

  .admin-account-guard-actions .button {
    flex: 1 1 160px;
  }

  .admin-account-guard-history-event-head {
    display: grid;
  }

  .admin-account-guard-history-transition {
    width: fit-content;
  }
}

.asset-select-symbol {
  font-size: 15px;
}

.asset-select-label {
  font-size: 11px;
}

.asset-select-price {
  font-size: 16px;
}

.asset-select-badge {
  font-size: 8px;
  padding: 3px 7px;
}

@media (max-width: 820px) {
  .admin-issue-grid {
    grid-template-columns: 1fr;
  }

  .issue-form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html[lang="ru"] .language-switch-button {
    min-width: 32px;
    font-size: 10px;
  }

  html[lang="ru"] .hero-cta-copy strong {
    font-size: 15px;
  }

  html[lang="ru"] .hero-cta-copy span {
    font-size: 11px;
  }

  html[lang="ru"] .purchase-program-card strong {
    font-size: 16px;
  }

  html[lang="ru"] .purchase-program-card small,
  html[lang="ru"] .purchase-stage-card p,
  html[lang="ru"] .purchase-rules-grid span,
  html[lang="ru"] .purchase-plan-metrics span,
  html[lang="ru"] .purchase-selection-meta span,
  html[lang="ru"] .purchase-chip,
  html[lang="ru"] .tournament-info-card small,
  html[lang="ru"] .account-history-note,
  html[lang="ru"] .account-history-date {
    font-size: 10px;
  }

  html[lang="ru"] .purchase-stage-card strong,
  html[lang="ru"] .purchase-plan-copy h4,
  html[lang="ru"] .purchase-selection-card h4 {
    font-size: 13px;
  }

  html[lang="ru"] .purchase-rules-table-head {
    font-size: 8px;
    letter-spacing: 0.01em;
  }

  html[lang="ru"] .purchase-rules-stage,
  html[lang="ru"] .purchase-rules-table-row strong {
    font-size: 10px;
  }

  html[lang="ru"] .nav-label {
    font-size: 8px;
  }

  html[lang="ru"] .terminal-history-tab {
    min-width: 118px;
    padding: 10px 11px;
  }

  html[lang="ru"] .terminal-history-tab span {
    font-size: 11px;
  }

  html[lang="ru"] .account-competition-pill strong,
  html[lang="ru"] .account-risk-pill strong,
  html[lang="ru"] .tournament-info-card strong {
    font-size: 12px;
  }

  html[lang="ru"] .leaderboard-prize-panel h4,
  html[lang="ru"] .leaderboard-full-panel h4 {
    font-size: 18px;
  }

  .account-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .certificate-card-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .certificate-meta-row {
    grid-template-columns: 1fr;
  }

  .tournament-info-grid {
    grid-template-columns: 1fr;
  }

  .tournament-objective-row {
    gap: 6px;
  }

  .tournament-objective-item {
    padding: 9px 6px;
  }

  .tournament-objective-item strong {
    font-size: 12px;
  }

  .leaderboard-modal-head h3 {
    font-size: 24px;
  }

  .leaderboard-prize-panel h4,
  .leaderboard-full-panel h4 {
    font-size: 19px;
  }

  .tournament-competition-shell .tournament-objective-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tournament-competition-shell .tournament-objective-item {
    padding: 10px;
    gap: 4px;
    text-align: left;
  }

  .tournament-competition-shell .tournament-objective-top {
    justify-content: flex-start;
  }

  .leaderboard-page-hero .tournament-objective-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leaderboard-page-hero .tournament-objective-item {
    padding: 10px;
  }

  .tournament-section-icon {
    width: 30px;
    height: 30px;
    border-radius: 12px;
  }

  .leaderboard-prize-panel .tournament-section-icon,
  .leaderboard-full-panel .tournament-section-icon {
    width: 22px;
    height: 22px;
    border-radius: 7px;
  }

  .verified-badge {
    width: 17px;
    height: 17px;
  }

  .verified-badge-large {
    width: 19px;
    height: 19px;
  }

  .tournament-objective-icon,
  .leaderboard-prize-icon {
    width: 22px;
    height: 22px;
  }

  .tournament-section-icon svg,
  .tournament-objective-icon svg,
  .leaderboard-prize-icon svg {
    width: 13px;
    height: 13px;
  }

  .tournament-section-title {
    gap: 8px;
  }

  .tournament-competition-topline {
    flex-direction: column;
  }

  .leaderboard-page-topline {
    flex-direction: column;
  }

  .leaderboard-banner-panel {
    grid-template-columns: 1fr;
  }

  .leaderboard-prize-grid {
    grid-template-columns: 1fr;
  }

  .tournament-leaderboard-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .tournament-leaderboard-right {
    align-items: flex-start;
    text-align: left;
  }

  .admin-tab {
    padding: 9px 12px;
    font-size: 13px;
  }

  .asset-select-symbol {
    font-size: 15px;
  }

  .asset-select-label {
    font-size: 11px;
  }

  .asset-select-price {
    font-size: 16px;
  }

  .asset-select-badge {
    font-size: 8px;
    padding: 3px 7px;
  }
}

/* Financial UI harmonization */
:root {
  --sun: #cfb169;
}

.eyebrow,
.purchase-program-kicker,
.purchase-stage-step,
.account-overview-label,
.hero-stats .stat-label,
.purchase-code-status span,
.tournament-objective-label,
.asset-select-bottom strong,
.terminal-market-compact-strip strong,
.terminal-quote-strip-compact strong,
.terminal-account-strip-compact .terminal-account-chip strong {
  color: #9bbcff;
}

.muted-copy,
.hero-text,
.asset-select-label,
.account-overview-sub,
.purchase-stage-card p,
.purchase-plan-caption,
.purchase-code-status span,
.tournament-info-card small,
.tournament-objective-sub,
.leaderboard-banner-copy .muted-copy,
.rules-doc-list {
  color: rgba(214, 224, 236, 0.76);
}

.panel,
.modal-sheet,
.auth-card,
.quote-card-home,
.account-card,
.tournament-card,
.tournament-info-card,
.tournament-note-card,
.tournament-leaderboard-block,
.tournament-leaderboard-row,
.purchase-rules-card,
.purchase-program-card,
.purchase-plan-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.purchase-code-status,
.purchase-chip,
.rules-doc-hero,
.rules-doc-card,
.account-performance-card,
.market-panel,
.chart-panel,
.order-panel,
.terminal-market-picker,
.terminal-ticket-shell,
.terminal-price-card,
.terminal-chart-toolbar,
#terminalAccountSummary,
.asset-select-card,
.asset-category-tab,
.account-overview-card,
.hero-stats-note {
  border-color: rgba(124, 152, 184, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.028), 0 14px 30px rgba(3, 8, 18, 0.16);
}

.quote-card-home,
.account-card,
.tournament-card,
.tournament-info-card,
.tournament-note-card,
.tournament-leaderboard-block,
.tournament-leaderboard-row,
.purchase-rules-card,
.purchase-program-card,
.purchase-plan-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.purchase-code-status,
.purchase-chip,
.rules-doc-hero,
.rules-doc-card,
.account-performance-card,
.terminal-market-picker,
.terminal-ticket-shell,
.terminal-price-card,
.terminal-chart-toolbar,
#terminalAccountSummary,
.asset-select-card,
.account-overview-card {
  border-radius: 12px;
}

.section-head,
.compact-head,
.purchase-rules-head,
.trade-group-head,
.tournament-leaderboard-head,
.account-section-head {
  border-bottom-color: rgba(124, 152, 184, 0.16);
}

.status-chip,
.user-pill,
.language-switch,
.plan-badge,
.label-pill,
.quote-change,
.asset-select-badge,
.purchase-plan-stars,
.purchase-plan-check,
.tournament-compact-pill,
.tournament-card-metrics > span,
.purchase-rules-grid span,
.purchase-plan-metrics span,
.purchase-selection-meta span,
.terminal-market-compact-strip span,
.terminal-quote-strip span,
.terminal-order-summary span,
.terminal-account-chip,
.account-performance-pill,
.terminal-order-mode {
  border-color: rgba(124, 152, 184, 0.14);
  background: rgba(11, 20, 31, 0.78);
}

.field input,
.field select,
.select-input,
textarea,
.terminal-search-field input,
.purchase-code-input-row {
  background: rgba(9, 18, 30, 0.92);
  border-color: rgba(124, 152, 184, 0.16);
}

.field input:focus,
.field select:focus,
.select-input:focus,
.terminal-search-field input:focus,
.purchase-code-input-row:focus-within {
  border-color: rgba(110, 168, 255, 0.34);
  box-shadow: 0 0 0 4px rgba(110, 168, 255, 0.1);
}

.button-secondary,
.segment,
.toggle-button,
.nav-button,
.icon-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.012)),
    rgba(10, 18, 29, 0.86);
  border-color: rgba(124, 152, 184, 0.16);
}

.button-primary {
  background: linear-gradient(135deg, #89b8ff, #4b7de1);
  color: #07111d;
  border-color: rgba(110, 168, 255, 0.3);
  box-shadow: 0 14px 30px rgba(34, 83, 176, 0.28);
}

.segment.is-active,
.nav-button.is-active,
.asset-category-tab.is-active,
.asset-select-card.is-active,
.purchase-program-card.is-active,
.purchase-plan-card.is-selected,
.purchase-addon-card.is-active,
.purchase-referral-card.is-active,
#timeframeTabs .terminal-timeframe-chip.is-active,
#chartTypeTabs .terminal-timeframe-chip.is-active {
  border-color: rgba(110, 168, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.18), rgba(110, 168, 255, 0.08)),
    rgba(10, 18, 29, 0.92);
  color: #deebff;
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.12), 0 10px 24px rgba(20, 55, 126, 0.14);
}

.status-chip,
.plan-badge.gold,
.purchase-plan-stars,
.purchase-plan-check {
  color: #dbe8ff;
}

.purchase-plan-card,
.purchase-program-card,
.purchase-addon-card,
.purchase-promo-card,
.purchase-selection-card,
.purchase-rules-card,
.terminal-ticket-shell,
.terminal-price-card,
.market-panel,
.chart-panel,
.order-panel,
.terminal-market-picker,
.quote-card-home,
.account-card,
.tournament-card {
  background:
    linear-gradient(180deg, rgba(17, 28, 43, 0.985), rgba(9, 17, 28, 0.982)),
    rgba(11, 19, 30, 0.76);
}

.purchase-rules-table-row,
.tournament-objective-item,
.tournament-leaderboard-row,
.terminal-mini-card,
.purchase-code-status,
.purchase-chip {
  background: rgba(11, 20, 31, 0.74);
  border-color: rgba(124, 152, 184, 0.14);
}

.terminal-market-switch-pill {
  background: rgba(110, 168, 255, 0.14);
  color: #d7e7ff;
}

.progress-track {
  background: rgba(11, 20, 31, 0.72);
}

.progress-bar {
  background: linear-gradient(90deg, #6ea8ff, #b2cdfd);
}

/* Premium refinement */
body::before {
  background:
    radial-gradient(circle at 14% 12%, rgba(110, 168, 255, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.006), rgba(255, 255, 255, 0));
}

body::after {
  opacity: 0.08;
}

.ambient {
  opacity: 0.04;
}

.topbar,
.panel,
.modal-sheet,
.auth-card,
.bottom-nav,
.quote-card-home,
.account-card,
.tournament-card,
.purchase-rules-card,
.purchase-program-card,
.purchase-plan-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.rules-doc-hero,
.rules-doc-card,
.terminal-market-picker,
.terminal-ticket-shell,
.terminal-price-card,
.terminal-chart-toolbar,
.market-panel,
.chart-panel,
.order-panel {
  background:
    linear-gradient(180deg, rgba(16, 24, 36, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 10px 24px rgba(2, 7, 16, 0.18);
}

.topbar::before,
.hero-panel::before,
.quote-card-home::before,
.home-utility-button::before {
  opacity: 0.55;
}

.hero-panel::after,
.tournament-card::after,
.purchase-plan-card::before {
  opacity: 0.22;
}

.hero-panel,
.home-cta-panel,
.tournament-hub-panel {
  border-color: rgba(124, 152, 184, 0.18);
}

.hero-trust-pill,
.tournament-hub-guide,
.status-chip,
.plan-badge,
.label-pill,
.quote-change,
.asset-select-badge,
.purchase-plan-stars,
.purchase-plan-check,
.tournament-compact-pill,
.tournament-card-metrics > span,
.purchase-rules-grid span,
.purchase-plan-metrics span,
.purchase-selection-meta span,
.terminal-market-compact-strip span,
.terminal-quote-strip span,
.terminal-order-summary span,
.terminal-account-chip,
.account-performance-pill,
.terminal-order-mode,
.account-overview-card {
  background: rgba(12, 19, 30, 0.9);
  border-color: rgba(124, 152, 184, 0.18);
}

.button-primary {
  background: linear-gradient(180deg, #87b5ff, #6e9df0);
  color: #06111d;
  box-shadow: 0 8px 18px rgba(38, 88, 180, 0.18);
}

.button-secondary,
.segment,
.toggle-button,
.nav-button,
.icon-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0.008)),
    rgba(10, 18, 29, 0.92);
}

.button:hover,
.segment:hover,
.toggle-button:hover,
.nav-button:hover,
.icon-button:hover,
.home-utility-button:hover,
.asset-select-card:hover,
.asset-category-tab:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(3, 8, 18, 0.14);
}

.segment.is-active,
.nav-button.is-active,
.asset-category-tab.is-active,
.asset-select-card.is-active,
.purchase-program-card.is-active,
.purchase-plan-card.is-selected,
.purchase-addon-card.is-active,
.purchase-referral-card.is-active,
#timeframeTabs .terminal-timeframe-chip.is-active,
#chartTypeTabs .terminal-timeframe-chip.is-active {
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.16), rgba(110, 168, 255, 0.05)),
    rgba(12, 20, 32, 0.94);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.14);
}

.hero-cta-icon,
.home-utility-button .hero-cta-icon,
.tournament-info-icon,
.tournament-section-icon,
.tournament-objective-icon,
.leaderboard-prize-icon {
  background: rgba(12, 20, 31, 0.94);
  border-color: rgba(124, 152, 184, 0.16);
  color: #b7d0ff;
}

.home-utility-button,
.purchase-program-card,
.purchase-plan-card,
.asset-select-card,
.terminal-search-field input,
.field input,
.field select,
.select-input,
textarea {
  border-radius: 10px;
}

.hero-stats-note,
.purchase-rules-table-row,
.tournament-objective-item,
.tournament-leaderboard-row,
.terminal-mini-card,
.purchase-code-status,
.purchase-chip,
#terminalAccountSummary {
  background: rgba(12, 20, 31, 0.86);
  border-color: rgba(124, 152, 184, 0.18);
}

.hero-text,
.muted-copy,
.asset-select-label,
.purchase-stage-card p,
.tournament-info-card small,
.tournament-objective-sub,
.rules-doc-list,
.home-utility-copy span {
  color: rgba(220, 228, 238, 0.72);
}

/* Card edge refinement */
:root {
  --font-display-premium: "Public Sans", "Manrope", sans-serif;
}

.quote-card-home,
.account-card,
.tournament-card,
.home-utility-button,
.purchase-plan-card,
.purchase-program-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.purchase-rules-card {
  border-color: rgba(138, 160, 188, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 12px 28px rgba(2, 7, 16, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.012);
  isolation: isolate;
}

.quote-card-home::before,
.account-card::before,
.tournament-card::before,
.home-utility-button::before {
  inset: 0 16px auto 16px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(141, 180, 239, 0.5), rgba(141, 180, 239, 0.12) 68%, transparent);
}

.tournament-card::after,
.quote-card-home::after,
.home-utility-button::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 16%);
  opacity: 0.75;
  z-index: 0;
}

.quote-card-home > *,
.home-utility-button > * {
  position: relative;
  z-index: 1;
}

.purchase-plan-card {
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(18, 27, 40, 0.99), rgba(11, 18, 29, 0.985)),
    rgba(9, 15, 24, 0.94);
}

.purchase-plan-card::before {
  inset: 1px;
  border-radius: 13px;
  border: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.006));
  opacity: 0.9;
}

.purchase-plan-card.is-selected {
  border-color: rgba(141, 180, 239, 0.34);
  background:
    linear-gradient(180deg, rgba(22, 33, 49, 0.992), rgba(12, 20, 31, 0.988)),
    rgba(9, 15, 24, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 30px rgba(3, 8, 18, 0.22),
    0 0 0 1px rgba(110, 168, 255, 0.08);
}

.topbar h1,
.section-head h3,
.hero-panel h2,
.auth-card h2,
.home-cta-copy h3,
.rules-doc-hero h4,
.rules-doc-card h5,
.tournament-card-copy h3,
.modal-head h3,
.compact-head h3,
.asset-select-symbol,
.terminal-market-symbol,
.trade-group-head h4,
.trade-mobile-title,
.purchase-program-card strong,
.purchase-rules-head h4,
.purchase-stage-card strong,
.purchase-plan-copy h4,
.purchase-selection-card h4,
.purchase-plan-size,
.purchase-addon-copy h4,
.purchase-promo-card h4,
.referral-code-plate strong,
.referral-code-inline {
  font-family: var(--font-display-premium);
  letter-spacing: -0.026em;
}

.hero-panel h2,
.section-head h3,
.home-cta-copy h3,
.tournament-card-copy h3,
.purchase-plan-copy h4,
.purchase-selection-card h4,
.purchase-addon-copy h4,
.purchase-promo-card h4 {
  font-weight: 700;
}

.eyebrow,
.micro-label,
.status-chip,
.quote-card-home-tag {
  letter-spacing: 0.12em;
}

/* Checkout harmonization */
.purchase-modal-head .micro-copy,
.stepper-summary .muted-copy,
.announcement-card .muted-copy,
.review-row span,
.review-compact-card .micro-label {
  color: rgba(215, 225, 238, 0.72);
}

.stepper-summary {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(138, 160, 188, 0.18);
  background:
    linear-gradient(180deg, rgba(15, 24, 37, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 10px 24px rgba(2, 7, 16, 0.16);
}

.stepper-counter {
  border-radius: 10px;
  color: #dce8ff;
  background: rgba(13, 22, 35, 0.92);
  border: 1px solid rgba(138, 160, 188, 0.2);
}

.stepper-kicker {
  color: #9bbcff;
  letter-spacing: 0.12em;
}

.stepper-progress {
  background: rgba(10, 18, 29, 0.86);
}

.stepper-progress span {
  background: linear-gradient(90deg, #6ea8ff, #a8c7ff);
}

.stepper-track::before {
  background: rgba(138, 160, 188, 0.16);
}

.step-pill {
  color: rgba(214, 224, 236, 0.62);
}

.step-pill-number {
  border-radius: 10px;
  border-color: rgba(138, 160, 188, 0.18);
  background: rgba(11, 19, 30, 0.95);
}

.step-pill.is-active {
  color: #dce8ff;
}

.step-pill.is-active .step-pill-number {
  border-color: rgba(110, 168, 255, 0.32);
  background: rgba(110, 168, 255, 0.12);
  color: #dce8ff;
  box-shadow: 0 0 0 5px rgba(110, 168, 255, 0.08);
}

.step-pill.is-complete .step-pill-number {
  border-color: rgba(110, 168, 255, 0.24);
  background: rgba(110, 168, 255, 0.08);
  color: #bcd5ff;
}

.purchase-rules-card,
.purchase-program-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.plan-card,
.announcement-card {
  border-radius: 12px;
  border-color: rgba(138, 160, 188, 0.18);
  background:
    linear-gradient(180deg, rgba(16, 24, 36, 0.988), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 10px 24px rgba(2, 7, 16, 0.18);
}

.purchase-program-card {
  gap: 6px;
  border-radius: 10px;
  background: rgba(11, 19, 30, 0.9);
  color: rgba(214, 224, 236, 0.74);
}

.purchase-program-card small {
  color: rgba(214, 224, 236, 0.62);
}

.purchase-program-card.is-active {
  color: #deebff;
  border-color: rgba(110, 168, 255, 0.32);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.14), rgba(110, 168, 255, 0.05)),
    rgba(12, 20, 32, 0.94);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.12), 0 10px 22px rgba(20, 55, 126, 0.12);
}

.purchase-rules-grid span,
.purchase-stage-card,
.purchase-rules-table-row,
.review-compact-card,
.review-row,
.purchase-code-status,
.purchase-chip {
  border-color: rgba(138, 160, 188, 0.16);
  background: rgba(11, 20, 31, 0.82);
}

.purchase-stage-card,
.review-compact-card {
  border-radius: 10px;
}

.purchase-stage-card.is-finish {
  border-color: rgba(110, 168, 255, 0.24);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.08), rgba(110, 168, 255, 0.03)),
    rgba(11, 20, 31, 0.82);
}

.purchase-selection-head strong,
.plan-badge.gold,
.purchase-plan-stars,
.purchase-plan-check {
  color: #dce8ff;
}

.plan-badge.gold {
  border-color: rgba(110, 168, 255, 0.2);
  background: rgba(110, 168, 255, 0.1);
}

.purchase-addon-card.is-active,
.purchase-referral-card.is-active,
.purchase-code-status.is-active {
  border-color: rgba(110, 168, 255, 0.28);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.1);
}

.purchase-code-status.is-active {
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.08), rgba(110, 168, 255, 0.03)),
    rgba(12, 20, 31, 0.86);
}

.review-compact-grid {
  gap: 8px;
}

.review-row {
  padding: 11px 12px;
  border-bottom: 0;
  border: 1px solid rgba(138, 160, 188, 0.14);
  border-radius: 10px;
  background: rgba(11, 20, 31, 0.74);
}

.review-row + .review-row {
  margin-top: 0;
}

.review-row strong,
.review-compact-card strong {
  color: #f3f7fd;
}

.purchase-payment-card {
  border: 1px solid rgba(138, 160, 188, 0.16);
  border-radius: 14px;
  background: rgba(11, 20, 31, 0.82);
  padding: 16px;
}

.purchase-payment-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(146, 170, 200, 0.18);
  background: rgba(255, 255, 255, 0.03);
  white-space: nowrap;
}

.purchase-payment-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.purchase-payment-method {
  position: relative;
  display: grid;
  gap: 8px;
  align-content: start;
  text-align: left;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(138, 160, 188, 0.16);
  border-radius: 12px;
  background: rgba(9, 16, 26, 0.88);
  color: #d6e0ec;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.purchase-payment-method-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.purchase-payment-method-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(150, 172, 201, 0.26);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
}

.purchase-payment-method-indicator::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: transparent;
  transition: background 0.18s ease, transform 0.18s ease;
}

.purchase-payment-method strong {
  color: #f3f7fd;
  font-size: 1rem;
}

.purchase-payment-method-meta {
  line-height: 1.08;
}

.purchase-payment-method small {
  color: rgba(214, 224, 236, 0.68);
  line-height: 1.45;
}

.purchase-payment-method-title {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(176, 196, 221, 0.76);
}

.purchase-payment-method.is-active {
  border-color: rgba(110, 168, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.14), rgba(110, 168, 255, 0.04)),
    rgba(10, 18, 29, 0.94);
  box-shadow: inset 0 0 0 1px rgba(110, 168, 255, 0.1);
}

.purchase-payment-method.is-active .purchase-payment-method-indicator {
  border-color: rgba(110, 168, 255, 0.42);
  background: rgba(110, 168, 255, 0.12);
}

.purchase-payment-method.is-active .purchase-payment-method-indicator::after {
  background: linear-gradient(180deg, rgba(144, 201, 255, 0.98), rgba(92, 160, 235, 0.98));
  transform: scale(1);
}

.chart-container {
  position: relative;
}

.chart-interaction-layer {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

.chart-level-handle,
.chart-trade-action-popover {
  position: absolute;
  transform: translateY(-50%);
  pointer-events: auto;
}

.chart-level-handle {
  right: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: calc(100% - 20px);
  padding: 5px 8px 5px 7px;
  border: 1px solid rgba(138, 160, 188, 0.22);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(11, 18, 28, 0.96), rgba(7, 12, 20, 0.96)),
    rgba(8, 13, 21, 0.94);
  box-shadow:
    0 8px 16px rgba(2, 7, 16, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #e8eef8;
}

.chart-level-handle.is-draggable {
  cursor: ns-resize;
  touch-action: none;
}

.chart-level-handle.is-stop-loss {
  border-color: rgba(255, 155, 115, 0.34);
}

.chart-level-handle.is-take-profit {
  border-color: rgba(242, 212, 122, 0.34);
}

.chart-level-handle.is-entry {
  border-color: rgba(110, 168, 255, 0.34);
}

.chart-level-handle-knob {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.92;
}

.chart-level-handle.is-stop-loss .chart-level-handle-knob {
  color: #ff9b73;
}

.chart-level-handle.is-take-profit .chart-level-handle-knob {
  color: #f2d47a;
}

.chart-level-handle.is-entry .chart-level-handle-knob {
  color: #6ea8ff;
}

.chart-level-handle-copy {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  text-align: left;
}

.chart-level-handle-head {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.chart-level-handle-copy strong {
  color: #f3f7fd;
  font-size: 0.62rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  flex: 0 0 auto;
}

.chart-level-handle-preview {
  font-size: 0.64rem;
  line-height: 1;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.chart-level-handle-preview.positive {
  color: #9ae36c;
}

.chart-level-handle-preview.negative {
  color: #ff9b73;
}

.chart-level-handle-copy span {
  color: rgba(221, 232, 247, 0.82);
  font-size: 0.72rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.chart-trade-action-popover {
  right: 156px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: calc(100% - 176px);
  padding: 6px;
  border: 1px solid rgba(138, 160, 188, 0.22);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(10, 17, 27, 0.98), rgba(7, 12, 20, 0.98)),
    rgba(7, 12, 20, 0.96);
  box-shadow: 0 12px 26px rgba(2, 7, 16, 0.24);
}

.chart-trade-action-button {
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(138, 160, 188, 0.18);
  border-radius: 10px;
  background: rgba(12, 20, 31, 0.92);
  color: #e5edf8;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}

.chart-container.is-line-draggable,
.chart-container.is-line-dragging {
  cursor: default;
}

.chart-container.is-line-dragging {
  touch-action: none;
}

@media (max-width: 640px) {
  .purchase-payment-methods {
    grid-template-columns: 1fr;
  }
}

/* Checkout clarity pass */
#purchaseBody {
  display: grid;
  gap: 14px;
}

#purchaseBody .checkout-review {
  gap: 14px;
}

#purchaseBody .purchase-program-switch,
#purchaseBody .purchase-plan-grid,
#purchaseBody .purchase-payout-grid {
  gap: 12px;
}

#purchaseBody .purchase-program-switch {
  gap: 8px;
}

#purchaseBody .purchase-program-switch-head {
  display: grid;
  gap: 2px;
  padding: 0 2px 2px;
  grid-column: 1 / -1;
}

#purchaseBody .purchase-program-switch-head strong {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: rgba(240, 246, 252, 0.96);
}

#purchaseBody .purchase-rules-card,
#purchaseBody .purchase-selection-card,
#purchaseBody .purchase-addon-card,
#purchaseBody .purchase-promo-card,
#purchaseBody .purchase-payment-card,
#purchaseBody .checkout-review .plan-card,
#purchaseBody .checkout-review .announcement-card {
  position: relative;
  overflow: hidden;
}

#purchaseBody .purchase-rules-card::before,
#purchaseBody .purchase-selection-card::before,
#purchaseBody .purchase-addon-card::before,
#purchaseBody .purchase-promo-card::before,
#purchaseBody .purchase-payment-card::before,
#purchaseBody .checkout-review .plan-card::before,
#purchaseBody .checkout-review .announcement-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
}

#purchaseBody .purchase-rules-card::before,
#purchaseBody .checkout-review .announcement-card::before {
  background: linear-gradient(90deg, rgba(146, 167, 194, 0.26), rgba(146, 167, 194, 0.08));
}

#purchaseBody .purchase-selection-card::before,
#purchaseBody .purchase-addon-card::before {
  background: linear-gradient(90deg, rgba(110, 168, 255, 0.54), rgba(110, 168, 255, 0.12));
}

#purchaseBody .purchase-promo-card::before,
#purchaseBody .purchase-payment-card::before,
#purchaseBody .checkout-review .plan-card::before {
  background: linear-gradient(90deg, rgba(130, 186, 255, 0.68), rgba(130, 186, 255, 0.16));
}

#purchaseBody .purchase-rules-card,
#purchaseBody .checkout-review .announcement-card {
  background:
    linear-gradient(180deg, rgba(14, 21, 32, 0.985), rgba(9, 15, 24, 0.985)),
    rgba(9, 15, 24, 0.94);
}

#purchaseBody .purchase-selection-card,
#purchaseBody .purchase-addon-card,
#purchaseBody .purchase-promo-card,
#purchaseBody .purchase-payment-card,
#purchaseBody .checkout-review .plan-card {
  background:
    linear-gradient(180deg, rgba(18, 27, 40, 0.99), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  border-color: rgba(145, 166, 193, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 14px 28px rgba(2, 7, 16, 0.22);
}

#purchaseBody .purchase-rules-head,
#purchaseBody .purchase-selection-head,
#purchaseBody .account-topline {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(138, 160, 188, 0.12);
}

#purchaseBody .purchase-rules-table,
#purchaseBody .review-compact-grid {
  margin-top: 14px;
}

#purchaseBody .purchase-rules-card .micro-copy,
#purchaseBody .checkout-review .announcement-card .muted-copy {
  margin: 0;
}

#purchaseBody .purchase-rules-card .micro-copy {
  margin-top: 14px;
}

#purchaseBody .purchase-program-card {
  min-height: 62px;
  padding: 10px 11px;
  border-radius: 12px;
  border-color: rgba(138, 160, 188, 0.16);
  background:
    linear-gradient(180deg, rgba(12, 19, 30, 0.92), rgba(9, 15, 23, 0.92)),
    rgba(9, 15, 24, 0.9);
  align-content: center;
  gap: 2px;
  text-align: left;
}

#purchaseBody .purchase-program-card::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 1px solid rgba(164, 183, 205, 0.38);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.015);
}

#purchaseBody .purchase-program-card.is-active::after {
  border-color: rgba(118, 188, 255, 0.72);
  background: linear-gradient(180deg, rgba(126, 194, 255, 0.98), rgba(82, 157, 232, 0.98));
  box-shadow: 0 0 0 3px rgba(102, 173, 247, 0.12);
}

#purchaseBody .purchase-program-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(170, 188, 210, 0.72);
}

#purchaseBody .purchase-program-card strong {
  font-size: 17px;
  line-height: 1.06;
}

#purchaseBody .purchase-program-card small {
  display: none;
}

#purchaseBody .purchase-program-card.is-active {
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.16), rgba(110, 168, 255, 0.05)),
    rgba(11, 19, 30, 0.94);
}

#purchaseBody .purchase-program-card.is-one-step {
  background:
    linear-gradient(180deg, rgba(63, 173, 196, 0.12), rgba(22, 66, 78, 0.06)),
    rgba(10, 18, 28, 0.92);
  border-color: rgba(83, 180, 198, 0.2);
}

#purchaseBody .purchase-program-card.is-one-step.is-active {
  background:
    linear-gradient(180deg, rgba(78, 196, 213, 0.22), rgba(41, 116, 128, 0.08)),
    rgba(10, 18, 29, 0.96);
  border-color: rgba(93, 201, 218, 0.34);
  box-shadow: inset 0 0 0 1px rgba(93, 201, 218, 0.12), 0 10px 22px rgba(10, 63, 75, 0.14);
}

#purchaseBody .purchase-plan-card {
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  border-color: rgba(145, 166, 193, 0.18);
  background:
    linear-gradient(180deg, rgba(17, 26, 39, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 12px 22px rgba(2, 7, 16, 0.18);
}

#purchaseBody .purchase-plan-card.is-one-step {
  background:
    linear-gradient(180deg, rgba(17, 31, 38, 0.988), rgba(9, 16, 24, 0.985)),
    rgba(9, 15, 24, 0.94);
  border-color: rgba(83, 180, 198, 0.22);
}

#purchaseBody .purchase-payout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#purchaseBody .purchase-addon-grid {
  align-items: stretch;
}

#purchaseBody .purchase-payout-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(165, 188, 220, 0.22);
  background:
    linear-gradient(180deg, rgba(21, 31, 46, 0.995), rgba(10, 16, 26, 0.99)),
    rgba(9, 15, 24, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 26px rgba(2, 7, 16, 0.22);
}

#purchaseBody .purchase-payout-card.is-selected {
  border-color: rgba(110, 168, 255, 0.56);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.22), rgba(110, 168, 255, 0.06)),
    rgba(11, 18, 29, 0.98);
  box-shadow:
    inset 0 0 0 1px rgba(110, 168, 255, 0.16),
    0 18px 30px rgba(14, 36, 78, 0.22);
}

#purchaseBody .purchase-payout-head,
#purchaseBody .purchase-payout-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#purchaseBody .purchase-payout-head {
  align-items: flex-start;
}

#purchaseBody .purchase-upgrade-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#purchaseBody .purchase-upgrade-copy strong {
  color: #f3f7fd;
  font-size: 1rem;
  line-height: 1.2;
}

#purchaseBody .purchase-addon-brief {
  color: rgba(218, 228, 241, 0.76);
  font-size: 0.8rem;
  line-height: 1.35;
}

#purchaseBody .purchase-upgrade-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(110, 168, 255, 0.2);
  background: rgba(110, 168, 255, 0.1);
  color: #dce8ff;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
}

#purchaseBody .purchase-payout-head strong,
#purchaseBody .purchase-payout-meta strong {
  color: #f3f7fd;
}

#purchaseBody .purchase-payout-meta {
  padding-top: 10px;
  border-top: 1px solid rgba(138, 160, 188, 0.12);
  color: rgba(215, 225, 238, 0.72);
  flex-wrap: wrap;
}

#purchaseBody .purchase-plan-card::before {
  content: none;
}

#purchaseBody .purchase-plan-card.is-selected {
  border-color: rgba(110, 168, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.14), rgba(110, 168, 255, 0.04)),
    rgba(11, 18, 29, 0.96);
  box-shadow:
    inset 0 0 0 1px rgba(110, 168, 255, 0.1),
    0 16px 28px rgba(14, 36, 78, 0.16);
}

#purchaseBody .purchase-plan-card.is-selected.is-one-step {
  border-color: rgba(93, 201, 218, 0.34);
  background:
    linear-gradient(180deg, rgba(78, 196, 213, 0.18), rgba(41, 116, 128, 0.05)),
    rgba(11, 18, 29, 0.96);
  box-shadow:
    inset 0 0 0 1px rgba(93, 201, 218, 0.12),
    0 16px 28px rgba(10, 63, 75, 0.16);
}

#purchaseBody .purchase-plan-head {
  align-items: center;
}

#purchaseBody .purchase-plan-size-row {
  align-items: center;
  margin-bottom: 6px;
}

#purchaseBody .purchase-plan-size {
  color: #f3f7fd;
}

#purchaseBody .purchase-plan-caption {
  display: none;
}

#purchaseBody .purchase-plan-stars {
  padding: 7px 9px;
  border-radius: 10px;
  border-color: rgba(110, 168, 255, 0.22);
  background: rgba(110, 168, 255, 0.1);
  color: #dce8ff;
  font-size: 0.84rem;
}

#purchaseBody .purchase-plan-card .button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.9rem;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#purchaseBody .purchase-selection-card,
#purchaseBody .purchase-addon-card,
#purchaseBody .purchase-promo-card,
#purchaseBody .purchase-payment-card,
#purchaseBody .checkout-review .plan-card,
#purchaseBody .checkout-review .announcement-card {
  padding: 18px;
  border-radius: 14px;
}

#purchaseBody .purchase-selection-head strong {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(110, 168, 255, 0.2);
  border-radius: 10px;
  background: rgba(110, 168, 255, 0.1);
  font-size: 1rem;
  line-height: 1;
}

#purchaseBody .purchase-selection-line {
  padding: 12px 0;
  border-top-color: rgba(138, 160, 188, 0.12);
  border-bottom-color: rgba(138, 160, 188, 0.12);
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 10px 12px;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head > div {
  min-width: 0;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head h4 {
  margin: 4px 0 0;
  color: #f3f7fd;
  font-size: 1rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head strong {
  padding: 8px 10px;
  font-size: 0.94rem;
  white-space: nowrap;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-meta span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(156, 181, 216, 0.2);
  background: rgba(10, 16, 26, 0.86);
  color: rgba(236, 242, 250, 0.9);
  font-size: 0.76rem;
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

#purchaseBody .purchase-selection-card-compact {
  border-color: rgba(110, 168, 255, 0.24);
  background:
    linear-gradient(180deg, rgba(19, 29, 43, 0.995), rgba(10, 16, 26, 0.99)),
    rgba(9, 15, 24, 0.96);
}

#purchaseBody .purchase-selection-meta,
#purchaseBody .review-compact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#purchaseBody .purchase-selection-meta span,
#purchaseBody .review-compact-card {
  background: rgba(9, 15, 24, 0.72);
}

#purchaseBody .purchase-addon-card {
  grid-template-columns: 1fr;
  border-color: rgba(110, 168, 255, 0.26);
  background:
    linear-gradient(180deg, rgba(21, 33, 49, 0.995), rgba(10, 16, 26, 0.99)),
    rgba(9, 15, 24, 0.96);
}

#purchaseBody .purchase-addon-copy-compact {
  display: grid;
  gap: 10px;
  min-width: 0;
}

#purchaseBody .purchase-selection-meta-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#purchaseBody .purchase-selection-meta-summary span {
  min-height: 36px;
}

#purchaseBody .purchase-addon-card h4 {
  margin: 0;
}

#purchaseBody .purchase-addon-card .muted-copy {
  color: rgba(230, 238, 248, 0.82);
}

#purchaseBody .purchase-payout-card .button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#purchaseBody .purchase-code-card,
#purchaseBody .purchase-payment-card {
  gap: 10px;
}

#purchaseBody .purchase-payment-card {
  position: relative;
  border-color: rgba(118, 144, 178, 0.3);
  background:
    linear-gradient(180deg, rgba(18, 28, 42, 0.995), rgba(10, 16, 26, 0.99)),
    rgba(9, 15, 24, 0.96);
  box-shadow:
    inset 0 0 0 1px rgba(182, 204, 234, 0.04),
    0 14px 28px rgba(3, 9, 18, 0.22);
}

#purchaseBody .purchase-payment-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.018);
  pointer-events: none;
}

#purchaseBody .purchase-payment-card .purchase-selection-head strong {
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid rgba(120, 145, 178, 0.2);
  background: rgba(7, 12, 20, 0.72);
  font-size: 0.9rem;
}

#purchaseBody .purchase-review-rules-card .purchase-chip-row {
  margin-top: 14px;
}

#purchaseBody .purchase-review-rules-card .purchase-chip {
  min-height: 56px;
  align-content: start;
}

#purchaseBody .purchase-code-input-row {
  background: rgba(7, 13, 22, 0.94);
  border-color: rgba(138, 160, 188, 0.18);
}

#purchaseBody .purchase-code-card .purchase-selection-head,
#purchaseBody .purchase-code-card .field > span {
  padding-bottom: 8px;
}

#purchaseBody .purchase-code-card .muted-copy {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.3;
}

#purchaseBody .purchase-code-status {
  background:
    linear-gradient(180deg, rgba(12, 19, 30, 0.92), rgba(9, 15, 24, 0.9)),
    rgba(9, 15, 24, 0.9);
}

#purchaseBody .purchase-payment-methods {
  margin-top: 10px;
  padding: 9px;
  border: 1px solid rgba(128, 151, 181, 0.18);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8, 14, 22, 0.74), rgba(7, 12, 20, 0.64)),
    rgba(7, 12, 20, 0.54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

#purchaseBody .purchase-payment-method {
  min-height: 102px;
  padding: 14px;
  border-radius: 13px;
  border-color: rgba(146, 170, 200, 0.16);
  background:
    linear-gradient(180deg, rgba(11, 18, 28, 0.98), rgba(7, 12, 20, 0.98)),
    rgba(7, 12, 20, 0.95);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 8px 18px rgba(2, 7, 16, 0.12);
}

#purchaseBody .purchase-payment-method::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(110, 168, 255, 0), rgba(110, 168, 255, 0.32), rgba(110, 168, 255, 0));
  opacity: 0.52;
}

#purchaseBody .purchase-payment-method-title {
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  color: rgba(186, 205, 228, 0.72);
}

#purchaseBody .purchase-payment-method-meta {
  font-size: 1rem;
}

#purchaseBody .purchase-payment-method small {
  color: rgba(223, 231, 241, 0.72);
  line-height: 1.35;
}

#purchaseBody .purchase-payment-method.is-active {
  border-color: rgba(110, 168, 255, 0.5);
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.18), rgba(110, 168, 255, 0.05)),
    rgba(10, 18, 29, 0.96);
  box-shadow:
    inset 0 0 0 1px rgba(110, 168, 255, 0.18),
    0 12px 22px rgba(18, 48, 99, 0.16),
    0 0 0 1px rgba(110, 168, 255, 0.12);
}

#purchaseBody .purchase-payment-method.is-active::before {
  background: linear-gradient(180deg, rgba(155, 207, 255, 0.98), rgba(89, 155, 232, 0.94));
  opacity: 1;
}

#purchaseBody .checkout-review .plan-card {
  gap: 14px;
}

#purchaseBody .checkout-review .account-topline {
  padding-bottom: 10px;
}

#purchaseBody .checkout-review .account-topline h4 {
  margin: 2px 0 0;
  font-size: 1rem;
  line-height: 1.18;
}

#purchaseBody .review-plan-total {
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}

#purchaseBody .checkout-review-account-grid {
  margin-top: 10px;
  gap: 8px;
}

#purchaseBody .checkout-review-account-grid .review-compact-card {
  padding: 10px 11px;
  gap: 4px;
  border-radius: 11px;
}

#purchaseBody .checkout-review-account-grid .review-compact-card .micro-label {
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

#purchaseBody .checkout-review-account-grid .review-compact-card strong {
  font-size: 0.88rem;
  line-height: 1.16;
}

#purchaseBody .review-setup-chip-row {
  margin-top: -2px;
  gap: 7px;
}

#purchaseBody .review-setup-chip {
  min-height: 34px;
  padding: 7px 9px;
  font-size: 0.72rem;
  line-height: 1.1;
}

#purchaseBody .review-inline-note {
  margin: -2px 0 0;
  color: rgba(218, 228, 241, 0.74);
  font-size: 0.78rem;
  line-height: 1.35;
}

#purchaseBody .review-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: -2px;
}

#purchaseBody .review-detail-grid .review-compact-card {
  padding: 10px 12px;
}

#purchaseBody .review-detail-grid .review-compact-card strong {
  font-size: 0.86rem;
  line-height: 1.25;
}

#purchaseBody .review-compact-card {
  padding: 12px;
}

#purchaseBody .review-row {
  align-items: center;
  padding: 12px 13px;
  background:
    linear-gradient(180deg, rgba(10, 16, 25, 0.9), rgba(8, 13, 21, 0.9)),
    rgba(8, 13, 21, 0.88);
}

#purchaseBody .review-row span {
  max-width: 54%;
}

#purchaseBody .checkout-review .announcement-card {
  gap: 10px;
}

@media (max-width: 640px) {
  .chart-container {
    min-height: 320px;
  }

  .terminal-market-symbol {
    font-size: 18px;
  }

  .terminal-market-price {
    font-size: 22px;
  }

  .terminal-risk-preview {
    grid-template-columns: 1fr;
  }

  .chart-level-handle {
    right: 8px;
    padding: 4px 7px 4px 6px;
  }

  .chart-trade-action-popover {
    right: 8px;
    transform: translateY(14px);
    max-width: calc(100% - 16px);
  }

  .chart-level-handle-copy strong {
    font-size: 0.58rem;
  }

  .chart-level-handle-preview {
    font-size: 0.6rem;
  }

  .chart-level-handle-copy span {
    font-size: 0.68rem;
  }

  #purchaseBody {
    gap: 12px;
  }

  #purchaseBody .purchase-program-card,
  #purchaseBody .purchase-payout-card,
  #purchaseBody .purchase-selection-card,
  #purchaseBody .purchase-addon-card,
  #purchaseBody .purchase-promo-card,
  #purchaseBody .purchase-payment-card,
  #purchaseBody .checkout-review .plan-card,
  #purchaseBody .checkout-review .announcement-card {
    padding: 14px;
  }

  #purchaseBody .purchase-program-switch {
    gap: 7px;
  }

  #purchaseBody .purchase-program-switch-head strong {
    font-size: 12px;
  }

  .purchase-program-card {
    gap: 2px;
    min-height: 54px;
    padding: 8px 9px;
    border-radius: 12px;
  }

  .purchase-program-card strong {
    font-size: 14px;
    line-height: 1.05;
  }

  #purchaseBody .purchase-payout-grid {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-payout-head,
  #purchaseBody .purchase-payout-meta {
    gap: 10px;
  }

  #purchaseBody .purchase-payout-head {
    flex-wrap: wrap;
  }

  #purchaseBody .purchase-upgrade-price {
    padding: 7px 9px;
    font-size: 0.84rem;
  }

  #purchaseBody .purchase-selection-head,
  #purchaseBody .purchase-selection-line,
  #purchaseBody .account-topline {
    gap: 10px;
  }

  #purchaseBody .checkout-review .account-topline {
    padding-bottom: 8px;
  }

  #purchaseBody .checkout-review .account-topline h4 {
    font-size: 0.94rem;
  }

  #purchaseBody .review-plan-total {
    font-size: 0.94rem;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-head {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-head strong {
    justify-self: start;
    padding: 6px 8px;
    font-size: 0.78rem;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-head h4 {
    font-size: 0.86rem;
    line-height: 1.12;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-meta span {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 0.7rem;
  }

  #purchaseBody .purchase-selection-meta-summary {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-meta-summary span {
    min-height: 32px;
    justify-content: flex-start;
    padding: 7px 9px;
    font-size: 0.74rem;
    text-align: left;
  }

  #purchaseBody .purchase-addon-brief {
    font-size: 0.76rem;
  }

  #purchaseBody .review-detail-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #purchaseBody .checkout-review-account-grid {
    gap: 7px;
  }

  #purchaseBody .checkout-review-account-grid .review-compact-card {
    padding: 9px 10px;
  }

  #purchaseBody .checkout-review-account-grid .review-compact-card .micro-label {
    font-size: 0.58rem;
  }

  #purchaseBody .checkout-review-account-grid .review-compact-card strong {
    font-size: 0.82rem;
  }

  #purchaseBody .review-setup-chip-row {
    gap: 6px;
  }

  #purchaseBody .review-setup-chip {
    min-height: 30px;
    padding: 6px 8px;
    font-size: 0.68rem;
  }

  #purchaseBody .review-row {
    align-items: flex-start;
    gap: 12px;
  }

  #purchaseBody .review-row span {
    max-width: 50%;
  }

  #purchaseBody .purchase-review-rules-card .purchase-rules-head {
    align-items: flex-start;
  }
}

/* Tournament leaderboard refresh */
.tournament-leaderboard-block {
  position: relative;
  overflow: hidden;
  gap: 12px;
  padding: 15px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(12, 18, 28, 0.98), rgba(8, 13, 21, 0.98));
  border: 1px solid rgba(126, 149, 178, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.tournament-leaderboard-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(118, 168, 232, 0.58), rgba(118, 168, 232, 0.04));
  pointer-events: none;
}

.tournament-leaderboard-head {
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(124, 146, 174, 0.12);
}

.tournament-leaderboard-head h4 {
  font-size: 16px;
  letter-spacing: -0.025em;
}

.tournament-leaderboard-head-actions .micro-copy,
.tournament-leaderboard-head > .micro-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(124, 146, 174, 0.14);
  background: rgba(255, 255, 255, 0.028);
  color: rgba(214, 224, 236, 0.7);
}

.tournament-leaderboard-list {
  gap: 8px;
}

.tournament-leaderboard-row {
  position: relative;
  overflow: hidden;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 15px;
  border: 1px solid rgba(118, 140, 167, 0.12);
  background: linear-gradient(180deg, rgba(17, 25, 37, 0.94), rgba(11, 17, 27, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015);
}

.tournament-leaderboard-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 2px;
  border-radius: 999px;
  background: rgba(108, 128, 152, 0.26);
}

.tournament-leaderboard-row.is-compact {
  padding: 10px 11px;
}

.tournament-leaderboard-row.is-self {
  border-color: rgba(112, 167, 230, 0.26);
  background: linear-gradient(180deg, rgba(19, 31, 46, 0.98), rgba(12, 19, 30, 0.98));
  box-shadow: inset 0 0 0 1px rgba(112, 167, 230, 0.06);
}

.tournament-leaderboard-row.is-self::before {
  background: linear-gradient(180deg, rgba(112, 167, 230, 0.86), rgba(77, 130, 190, 0.62));
}

.tournament-leaderboard-row.is-podium {
  border-color: rgba(138, 156, 179, 0.16);
}

.tournament-leaderboard-row.is-rank-1 {
  border-color: rgba(198, 166, 97, 0.22);
}

.tournament-leaderboard-row.is-rank-1::before {
  background: linear-gradient(180deg, rgba(216, 184, 106, 0.92), rgba(153, 120, 49, 0.72));
}

.tournament-leaderboard-row.is-rank-2 {
  border-color: rgba(178, 188, 205, 0.2);
}

.tournament-leaderboard-row.is-rank-2::before {
  background: linear-gradient(180deg, rgba(189, 200, 216, 0.9), rgba(129, 142, 164, 0.68));
}

.tournament-leaderboard-row.is-rank-3 {
  border-color: rgba(170, 128, 102, 0.2);
}

.tournament-leaderboard-row.is-rank-3::before {
  background: linear-gradient(180deg, rgba(188, 139, 105, 0.9), rgba(136, 89, 62, 0.68));
}

.tournament-leaderboard-left,
.tournament-leaderboard-right {
  gap: 10px;
}

.tournament-rank-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 48px;
  min-height: 42px;
  width: 48px;
  height: 42px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid rgba(130, 150, 175, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(236, 242, 249, 0.9);
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.tournament-leaderboard-row.is-rank-1 .tournament-rank-badge {
  border-color: rgba(198, 166, 97, 0.24);
  background: rgba(198, 166, 97, 0.08);
  color: #ead39a;
}

.tournament-leaderboard-row.is-rank-2 .tournament-rank-badge {
  border-color: rgba(178, 188, 205, 0.24);
  background: rgba(178, 188, 205, 0.08);
  color: #dde7f4;
}

.tournament-leaderboard-row.is-rank-3 .tournament-rank-badge {
  border-color: rgba(170, 128, 102, 0.24);
  background: rgba(170, 128, 102, 0.08);
  color: #e5c3ae;
}

.tournament-leaderboard-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.tournament-leaderboard-copy {
  gap: 2px;
}

.tournament-leaderboard-copy strong {
  font-size: 13px;
  letter-spacing: -0.015em;
}

.tournament-leaderboard-copy .micro-copy {
  color: rgba(204, 216, 230, 0.64);
}

.tournament-leaderboard-self-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid rgba(112, 167, 230, 0.18);
  background: rgba(112, 167, 230, 0.1);
  color: rgba(233, 241, 250, 0.92);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.tournament-leaderboard-return {
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.025em;
}

.tournament-leaderboard-secondary {
  color: rgba(205, 216, 230, 0.68);
}

@media (max-width: 879px) {
  .tournament-leaderboard-head {
    align-items: flex-start;
  }

  .tournament-leaderboard-row {
    gap: 8px;
    padding: 10px 11px;
    align-items: stretch;
    flex-direction: column;
  }

  .tournament-leaderboard-left {
    width: 100%;
  }

  .tournament-leaderboard-right {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }

  .tournament-rank-badge {
    min-width: 48px;
    min-height: 42px;
    width: 48px;
    border-radius: 12px;
  }

  .tournament-leaderboard-copy strong {
    font-size: 13px;
  }

  .tournament-leaderboard-return {
    font-size: 14px;
  }
}

/* App clarity pass */
:root {
  --border: rgba(132, 156, 188, 0.16);
  --border-strong: rgba(132, 156, 188, 0.28);
  --muted: #9fb0c3;
  --surface-shadow: 0 20px 44px rgba(2, 8, 18, 0.34);
}

body::before {
  background:
    radial-gradient(circle at 12% 14%, rgba(110, 168, 255, 0.08), transparent 26%),
    radial-gradient(circle at 86% 12%, rgba(207, 177, 105, 0.035), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.006), rgba(255, 255, 255, 0));
}

body::after {
  opacity: 0.08;
}

.topbar,
.panel,
.modal-sheet,
.auth-card,
.bottom-nav {
  background:
    linear-gradient(180deg, rgba(11, 18, 28, 0.992), rgba(7, 12, 21, 0.988)),
    rgba(255, 255, 255, 0.01);
  border-color: rgba(132, 156, 188, 0.18);
  box-shadow:
    0 18px 38px rgba(3, 9, 18, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 0 0 1px rgba(255, 255, 255, 0.01);
}

/* Bottom nav refresh */
.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: min(492px, calc(100% - 14px));
  padding: 4px;
  border-radius: 16px;
  border: 1px solid rgba(146, 170, 200, 0.2);
  background:
    linear-gradient(180deg, rgba(10, 16, 25, 0.986), rgba(6, 10, 18, 0.988)),
    rgba(255, 255, 255, 0.01);
  box-shadow:
    0 14px 28px rgba(3, 9, 18, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    inset 0 0 0 1px rgba(255, 255, 255, 0.012);
  backdrop-filter: blur(18px);
  overflow: hidden;
  transition:
    transform 180ms ease,
    opacity 180ms ease,
    visibility 180ms ease;
}

.bottom-nav::before {
  content: none;
}

.nav-button {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 3px;
  min-height: 54px;
  padding: 7px 2px 8px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(214, 224, 236, 0.66);
  overflow: hidden;
  transition:
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.nav-button + .nav-button {
  box-shadow: inset 1px 0 0 rgba(132, 156, 188, 0.1);
}

.nav-button::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(129, 186, 255, 0.98), rgba(188, 218, 255, 0.8));
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 180ms ease, transform 180ms ease;
}

.nav-button:hover {
  color: rgba(234, 242, 251, 0.84);
}

.nav-button.is-active {
  border-color: rgba(110, 168, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(18, 28, 42, 0.98), rgba(11, 18, 28, 0.98)),
    rgba(13, 21, 33, 0.94);
  color: #f2f7ff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.038),
    inset 0 0 0 1px rgba(110, 168, 255, 0.042),
    0 8px 18px rgba(8, 18, 35, 0.2);
}

.nav-button.is-active::before {
  opacity: 1;
}

.nav-icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: rgba(219, 229, 242, 0.8);
  transition: background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.nav-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav-button:hover .nav-icon {
  color: rgba(241, 246, 255, 0.96);
}

.nav-button.is-active .nav-icon {
  color: #f7fbff;
  transform: translateY(-0.5px);
}

.nav-label {
  font-size: 9px;
  font-weight: 780;
  letter-spacing: 0.06em;
  text-transform: none;
  color: inherit;
  line-height: 1.05;
  text-transform: uppercase;
  opacity: 0.92;
}

.nav-button.is-active .nav-label {
  color: #f4f8ff;
  opacity: 1;
}

@media (max-width: 768px) {
  body.terminal-keyboard-open .bottom-nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(120%);
  }

  .bottom-nav {
    bottom: var(--ff-bottom-nav-bottom, calc(7px + env(safe-area-inset-bottom, 0px)));
    width: calc(100% - 10px);
    padding: 4px;
    border-radius: 15px;
  }

  .nav-button {
    min-height: 48px;
    padding: 6px 2px 7px;
    border-radius: 11px;
  }

  .nav-icon {
    width: 22px;
    height: 22px;
  }

  .nav-icon svg {
    width: 16px;
    height: 16px;
  }

  .nav-label {
    font-size: 7.8px;
    letter-spacing: 0.04em;
  }
}

.quote-card-home,
.account-card,
.tournament-card,
.tournament-info-card,
.tournament-note-card,
.tournament-leaderboard-block,
.tournament-leaderboard-row,
.purchase-rules-card,
.purchase-program-card,
.purchase-plan-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.purchase-code-status,
.purchase-chip,
.rules-doc-hero,
.rules-doc-card,
.account-performance-card,
.market-panel,
.chart-panel,
.order-panel,
.terminal-market-picker,
.terminal-ticket-shell,
.terminal-price-card,
.terminal-chart-toolbar,
#terminalAccountSummary {
  background:
    linear-gradient(180deg, rgba(17, 27, 41, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94);
  border-color: rgba(138, 162, 192, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.026),
    0 14px 30px rgba(2, 7, 16, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.01);
}

.topbar::before,
.quote-card-home::before,
.account-card::before,
.tournament-card::before,
.home-utility-button::before,
.hero-panel::before {
  opacity: 0.72;
}

.hero-panel,
.home-cta-panel,
.tournament-hub-panel {
  border-color: rgba(138, 162, 192, 0.22);
}

.section-head,
.compact-head,
.purchase-rules-head,
.trade-group-head,
.tournament-leaderboard-head,
.account-section-head {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(138, 162, 192, 0.16);
}

.eyebrow,
.purchase-program-kicker,
.account-overview-label,
.hero-stats .stat-label,
.purchase-code-status span,
.tournament-objective-label,
.asset-select-bottom strong,
.terminal-market-compact-strip strong,
.terminal-quote-strip-compact strong,
.terminal-account-strip-compact .terminal-account-chip strong {
  color: #a9c7ff;
}

.muted-copy,
.hero-text,
.asset-select-label,
.account-overview-sub,
.purchase-stage-card p,
.purchase-plan-caption,
.tournament-info-card small,
.tournament-objective-sub,
.leaderboard-banner-copy .muted-copy,
.rules-doc-list,
.account-card .micro-label,
.tournament-card-summary,
.tournament-leaderboard-copy .micro-copy {
  color: rgba(220, 228, 238, 0.78);
}

.topbar h1,
.section-head h3,
.hero-panel h2,
.auth-card h2,
.account-card h4,
.tournament-card-copy h3 {
  letter-spacing: -0.035em;
}

.hero-panel::after,
.tournament-card::after,
.quote-card-home::after,
.home-utility-button::after {
  opacity: 0.14;
}

/* Scalper Pro terminal addon */
#purchaseBody .purchase-selection-card,
#purchaseBody .purchase-addon-card {
  display: grid;
  gap: 12px;
  visibility: visible;
  opacity: 1;
}

#purchaseBody .purchase-selection-card .micro-label,
#purchaseBody .purchase-addon-card .micro-label {
  color: #aecdff;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head,
#purchaseBody .purchase-addon-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px 12px;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head > div,
#purchaseBody .purchase-addon-head > *:first-child {
  min-width: 0;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-head h4,
#purchaseBody .purchase-addon-total {
  color: #f7fbff;
}

#purchaseBody .purchase-addon-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(110, 168, 255, 0.24);
  background: rgba(110, 168, 255, 0.12);
  font-size: 0.95rem;
  line-height: 1;
  white-space: nowrap;
}

#purchaseBody .purchase-payout-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

#purchaseBody .purchase-selection-meta-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-meta,
#purchaseBody .purchase-selection-meta-summary {
  display: grid;
  gap: 8px;
}

#purchaseBody .purchase-selection-card-compact .purchase-selection-meta span,
#purchaseBody .purchase-selection-meta-summary span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(156, 181, 216, 0.22);
  background: rgba(8, 14, 23, 0.88);
  color: rgba(241, 246, 252, 0.94);
  font-size: 0.76rem;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

#purchaseBody .purchase-payout-card {
  gap: 10px;
  min-width: 0;
}

#purchaseBody .purchase-payout-head,
#purchaseBody .purchase-payout-meta {
  gap: 10px;
}

#purchaseBody .purchase-payout-head {
  align-items: flex-start;
}

#purchaseBody .purchase-upgrade-copy {
  gap: 3px;
}

#purchaseBody .purchase-upgrade-copy strong {
  font-size: 0.96rem;
  line-height: 1.18;
}

#purchaseBody .purchase-addon-brief {
  font-size: 0.74rem;
  line-height: 1.28;
}

#purchaseBody .purchase-payout-meta span,
#purchaseBody .purchase-payout-meta strong {
  font-size: 0.76rem;
}

.purchase-addon-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.purchase-addon-brand-logo {
  width: auto;
  height: 16px;
  max-width: 118px;
  object-fit: contain;
  filter: brightness(1.08);
}

#purchaseBody .purchase-payout-card-scalper .purchase-upgrade-copy strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.terminal-top-main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

#terminalModeSwitch {
  display: flex;
  align-items: stretch;
  min-width: 0;
}

.terminal-mode-switch-shell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.terminal-mode-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.terminal-mode-toggle .segment {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.terminal-mode-segment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.terminal-mode-logo {
  width: auto;
  height: 14px;
  max-width: 118px;
  object-fit: contain;
  filter: brightness(1.08);
}

.terminal-mode-copy {
  color: rgba(197, 214, 235, 0.7);
  line-height: 1.35;
}

.terminal-pro-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(106, 179, 207, 0.26);
  background: rgba(67, 143, 168, 0.14);
  color: #d7f4ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-scalper-presets {
  display: grid;
  gap: 6px;
}

.terminal-scalper-presets-shell {
  display: grid;
  gap: 6px;
}

.terminal-scalper-presets-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.terminal-scalper-preset {
  justify-content: center;
  min-height: 34px;
  padding: 7px 6px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.terminal-scalper-preset.is-active {
  border-color: rgba(102, 178, 206, 0.52);
  background:
    linear-gradient(180deg, rgba(90, 171, 202, 0.22), rgba(90, 171, 202, 0.08)),
    rgba(11, 18, 29, 0.98);
  color: #eefaff;
}

.view-section[data-view="terminal"].is-scalper-pro .chart-panel,
.view-section[data-view="terminal"].is-scalper-pro .order-panel {
  border-color: rgba(86, 104, 129, 0.2);
  background:
    linear-gradient(180deg, rgba(7, 11, 18, 0.988), rgba(5, 8, 14, 0.996));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 12px 22px rgba(3, 10, 18, 0.18);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-chart-stage {
  border-radius: 10px;
  border-color: rgba(86, 104, 129, 0.18);
  background:
    linear-gradient(180deg, rgba(8, 12, 19, 0.992), rgba(5, 9, 14, 0.998));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-quote-inline {
  gap: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary {
  gap: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
  grid-template-columns: minmax(0, 1fr) minmax(276px, 322px);
  grid-template-areas:
    "chart order"
    "markets order";
  gap: 8px;
  align-items: start;
}

.view-section[data-view="terminal"].is-scalper-pro .market-panel,
.view-section[data-view="terminal"].is-scalper-pro .order-panel {
  position: static;
  top: auto;
}

.view-section[data-view="terminal"].is-scalper-pro .order-panel {
  position: sticky;
  top: 10px;
  align-self: start;
  gap: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .market-panel {
  gap: 8px;
  padding: 8px 8px 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .chart-panel {
  padding: 10px 10px 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .chart-container {
  min-height: clamp(224px, 35vh, 344px);
  border-radius: 0;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-top-main {
  align-items: flex-end;
  gap: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-mode-switch-shell {
  gap: 3px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-mode-copy {
  display: none;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-mode-toggle {
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-mode-toggle .segment {
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 10px;
  font-size: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-mode-logo {
  height: 12px;
  max-width: 102px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-header {
  gap: 6px;
  margin-bottom: 2px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-trigger {
  gap: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-symbol {
  font-size: 20px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-switch-pill {
  padding: 2px 7px;
  border-radius: 8px;
  font-size: 9px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-trigger-copy .micro-copy {
  font-size: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-shell-tags {
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-tag,
.view-section[data-view="terminal"].is-scalper-pro .terminal-pro-badge {
  min-height: 20px;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 8px;
}

.terminal-scalper-mtf-shell {
  display: grid;
  gap: 3px;
  margin-top: 0;
  padding: 3px 5px 5px;
  border-top: 1px solid rgba(108, 131, 160, 0.06);
  background: linear-gradient(180deg, rgba(4, 7, 12, 0.86), rgba(4, 7, 12, 0.98));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-picker {
  gap: 8px;
  margin-bottom: 0;
  padding: 8px;
  border-radius: 12px;
  border-color: rgba(82, 97, 118, 0.18);
  background:
    linear-gradient(180deg, rgba(7, 11, 18, 0.99), rgba(5, 8, 14, 0.995)),
    rgba(5, 8, 14, 0.98);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-sheet-head {
  padding: 0 0 4px;
  border: 0;
}

.view-section[data-view="terminal"].is-scalper-pro #terminalMarketsEyebrow,
.view-section[data-view="terminal"].is-scalper-pro #terminalMarketsCopy {
  display: none;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-sheet-head h3 {
  font-size: 13px;
  letter-spacing: -0.03em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-search-field {
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-search-field input {
  padding: 10px 12px;
  border-radius: 12px;
  border-color: rgba(82, 97, 118, 0.18);
  background: rgba(255, 255, 255, 0.024);
}

.view-section[data-view="terminal"].is-scalper-pro .asset-category-tabs,
.view-section[data-view="terminal"].is-scalper-pro .asset-section-list {
  gap: 6px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-category-tab {
  gap: 8px;
  padding: 7px 10px;
  border-radius: 10px;
  font-size: 11px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-category-count {
  min-width: 20px;
  padding: 3px 6px;
  font-size: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-card-grid {
  gap: 6px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-select-card {
  gap: 8px;
  padding: 9px 10px;
  border-radius: 12px;
}

.terminal-scalper-mtf-grid {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.terminal-scalper-mtf-card {
  display: grid;
  grid-template-rows: auto auto minmax(34px, auto);
  gap: 3px;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid rgba(86, 104, 129, 0.18);
  background:
    linear-gradient(180deg, rgba(8, 13, 22, 0.988), rgba(5, 9, 15, 0.996)),
    rgba(5, 9, 15, 0.99);
  text-align: left;
  transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.terminal-scalper-mtf-card:hover {
  border-color: rgba(119, 162, 219, 0.28);
}

.terminal-scalper-mtf-card.is-active {
  border-color: rgba(103, 145, 204, 0.34);
  box-shadow: inset 0 0 0 1px rgba(103, 145, 204, 0.14);
}

.terminal-scalper-mtf-card.is-loading {
  min-height: 68px;
  place-items: center;
  color: rgba(196, 209, 227, 0.68);
}

.terminal-scalper-mtf-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.terminal-scalper-mtf-card-kicker {
  display: block;
  color: rgba(182, 198, 219, 0.6);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.terminal-scalper-mtf-card-head strong {
  color: #f7fbff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-mtf-card-change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 16px;
  min-width: 42px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(108, 131, 160, 0.12);
  font-size: 7px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.terminal-scalper-mtf-card-change.is-positive {
  color: #8ce9ad;
}

.terminal-scalper-mtf-card-change.is-negative {
  color: #ff9d8f;
}

.terminal-scalper-mtf-card-footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
}

.terminal-scalper-mtf-card-footer strong {
  display: block;
  min-width: 74px;
  color: #f8fbff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.terminal-scalper-mtf-mini {
  width: 100%;
  height: auto;
  display: block;
}

.terminal-scalper-mtf-mini-gridline {
  stroke: rgba(149, 171, 198, 0.12);
  stroke-width: 1;
}

.terminal-scalper-mtf-mini-line {
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.terminal-scalper-mtf-mini-fill {
  opacity: 0.12;
}

.terminal-scalper-mtf-mini-wick {
  stroke-linecap: round;
  stroke-width: 1.15;
}

.terminal-scalper-mtf-mini-body {
  shape-rendering: geometricPrecision;
}

.terminal-scalper-mtf-mini.is-line.is-positive .terminal-scalper-mtf-mini-line {
  stroke: #7fe0ab;
}

.terminal-scalper-mtf-mini.is-line.is-positive .terminal-scalper-mtf-mini-fill {
  fill: #7fe0ab;
}

.terminal-scalper-mtf-mini.is-line.is-negative .terminal-scalper-mtf-mini-line {
  stroke: #ff8d82;
}

.terminal-scalper-mtf-mini.is-line.is-negative .terminal-scalper-mtf-mini-fill {
  fill: #ff8d82;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-chart-footer {
  margin-top: 4px;
  padding-top: 4px;
}

.terminal-scalper-desk {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 0;
  overflow: hidden;
  border-color: rgba(82, 97, 118, 0.24);
  background:
    linear-gradient(180deg, rgba(8, 13, 20, 0.996), rgba(5, 8, 14, 0.998));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 8px 16px rgba(3, 9, 16, 0.14);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-ticket-shell {
  gap: 6px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(82, 97, 118, 0.2);
  background:
    linear-gradient(180deg, rgba(7, 11, 18, 0.992), rgba(5, 8, 14, 0.996)),
    rgba(5, 8, 14, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 10px 18px rgba(2, 8, 15, 0.14);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-type-toggle {
  gap: 4px;
  padding: 3px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.024);
  border: 1px solid rgba(82, 97, 118, 0.18);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-type-toggle .segment {
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-presets-shell {
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-presets-shell .micro-label {
  font-size: 8px;
  letter-spacing: 0.1em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-presets-row {
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-preset {
  min-height: 30px;
  padding: 5px 6px;
  border-radius: 8px;
  font-size: 11px;
}

.terminal-scalper-shell {
  display: grid;
  gap: 3px;
  padding: 5px;
}

.terminal-scalper-shell-compact {
  gap: 3px;
}

.terminal-scalper-compact-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.terminal-scalper-brand {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.terminal-scalper-brand-logo {
  width: auto;
  height: 18px;
  max-width: 92px;
  object-fit: contain;
  display: block;
}

.terminal-scalper-brand-copy {
  display: grid;
  gap: 0;
  min-width: 0;
}

.terminal-scalper-brand-copy strong {
  color: #f7fbff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1;
}

.terminal-scalper-brand-copy span:last-child {
  color: rgba(190, 205, 224, 0.66);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
}

.terminal-scalper-compact-prices {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  flex-wrap: wrap;
}

.terminal-scalper-compact-prices span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 16px;
  padding: 0 4px;
  border-radius: 7px;
  border: 1px solid rgba(86, 104, 129, 0.2);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(209, 220, 237, 0.72);
  font-size: 7px;
  font-weight: 700;
  white-space: nowrap;
}

.terminal-scalper-compact-prices strong {
  color: #f8fbff;
  font-size: 8px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-compact-grid {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline {
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline .field {
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline .field > span,
.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume > span {
  font-size: 8px;
  letter-spacing: 0.1em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline input {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 9px;
  border-color: rgba(82, 97, 118, 0.18);
  background: rgba(255, 255, 255, 0.018);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
  width: 100%;
  justify-self: stretch;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper {
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  padding: 3px;
  border-radius: 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper-button {
  min-height: 34px;
  border-radius: 8px;
  font-size: 15px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume input {
  min-height: 34px;
  font-size: 16px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper span {
  min-height: 40px;
  padding: 6px 8px;
  border-radius: 9px;
  border: 1px solid rgba(82, 97, 118, 0.18);
  background: rgba(255, 255, 255, 0.018);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  font-size: 8px;
  letter-spacing: 0.08em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper strong {
  font-size: 12px;
  letter-spacing: -0.03em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-risk-preview {
  gap: 5px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-risk-chip,
.view-section[data-view="terminal"].is-scalper-pro .terminal-risk-hint {
  gap: 2px;
  padding: 7px 8px;
  border-radius: 9px;
  border-color: rgba(82, 97, 118, 0.18);
  background: rgba(255, 255, 255, 0.018);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-risk-chip strong {
  font-size: 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
  gap: 6px;
  margin-top: 0;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-side-submit {
  min-height: 46px;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-mode,
.view-section[data-view="terminal"].is-scalper-pro #tradeOrderHint {
  display: none;
}

.terminal-scalper-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(201, 220, 241, 0.74);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.terminal-scalper-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #62d0ac;
  box-shadow: 0 0 0 4px rgba(98, 208, 172, 0.12);
}

.terminal-scalper-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.terminal-scalper-strip-card {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 60px;
  padding: 9px 10px;
  border-radius: 10px;
  border: 1px solid rgba(85, 101, 122, 0.22);
  background: linear-gradient(180deg, rgba(17, 24, 36, 0.98), rgba(11, 17, 28, 0.99));
}

.terminal-scalper-strip-card::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(73, 190, 149, 0.94), rgba(70, 128, 199, 0.22));
}

.terminal-scalper-strip-symbol {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding-right: 6px;
}

.terminal-scalper-strip-symbol::before {
  width: 3px;
  background: linear-gradient(180deg, rgba(99, 215, 172, 0.98), rgba(84, 165, 255, 0.22));
}

.terminal-scalper-symbol-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.terminal-scalper-symbol-copy strong {
  color: #f5fbff;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.96;
}

.terminal-scalper-symbol-label {
  display: block;
  color: rgba(185, 201, 220, 0.72);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.terminal-scalper-symbol-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  color: rgba(232, 241, 251, 0.92);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.terminal-scalper-symbol-meta em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.terminal-scalper-symbol-meta em.positive {
  color: #62daa2;
}

.terminal-scalper-symbol-meta em.negative {
  color: #ff8e86;
}

.terminal-scalper-strip-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(72px, 84px));
  gap: 6px;
}

.terminal-scalper-strip-button {
  min-height: 34px;
  padding: 7px 8px;
  border-radius: 8px;
  border: 1px solid rgba(92, 118, 146, 0.18);
  background: rgba(255, 255, 255, 0.025);
  color: #f6fbff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.terminal-scalper-strip-button.is-buy {
  border-color: rgba(93, 189, 128, 0.22);
  background: linear-gradient(180deg, rgba(49, 156, 103, 0.92), rgba(36, 128, 86, 0.9));
}

.terminal-scalper-strip-button.is-sell {
  border-color: rgba(230, 110, 104, 0.22);
  background: linear-gradient(180deg, rgba(228, 89, 82, 0.94), rgba(203, 67, 61, 0.92));
}

.terminal-scalper-strip-button.is-selected {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(4, 14, 25, 0.24);
}

.terminal-scalper-strip-card .terminal-scalper-stat,
.terminal-scalper-panel-kicker,
.terminal-scalper-stat span,
.terminal-scalper-quote-box span {
  color: rgba(180, 197, 219, 0.68);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.terminal-scalper-strip-card .terminal-scalper-stat {
  padding: 0;
  border: 0;
  background: transparent;
  align-content: start;
}

.terminal-scalper-strip-card .terminal-scalper-stat strong {
  font-size: clamp(16px, 1.6vw, 21px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-grid {
  display: grid;
  gap: 6px;
}

.terminal-scalper-panel {
  display: grid;
  gap: 6px;
  padding: 8px;
  border-radius: 9px;
  border: 1px solid rgba(82, 97, 118, 0.22);
  background: linear-gradient(180deg, rgba(10, 16, 26, 0.99), rgba(6, 11, 18, 0.995));
}

.terminal-scalper-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.terminal-scalper-panel-head strong {
  color: #f4f8fd;
  font-size: 11px;
  font-weight: 800;
}

.terminal-scalper-order-layout {
  display: grid;
  gap: 6px;
}

.terminal-scalper-execution-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.terminal-scalper-quote-box {
  display: grid;
  gap: 3px;
  min-height: 42px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid rgba(86, 104, 129, 0.18);
  background: rgba(255, 255, 255, 0.014);
}

.terminal-scalper-quote-box strong {
  color: #f4fbff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-quote-box.is-ask {
  border-color: rgba(96, 179, 223, 0.18);
  background: linear-gradient(180deg, rgba(31, 55, 76, 0.18), rgba(255, 255, 255, 0.02));
}

.terminal-scalper-points,
.purchase-scalper-points {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.terminal-scalper-point-button,
.terminal-scalper-points span,
.purchase-scalper-points span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 6px;
  border-radius: 7px;
  border: 1px solid rgba(86, 104, 129, 0.18);
  background: rgba(255, 255, 255, 0.024);
  color: rgba(221, 233, 246, 0.86);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.terminal-scalper-point-button.is-active {
  border-color: rgba(101, 176, 214, 0.34);
  background: linear-gradient(180deg, rgba(55, 112, 147, 0.26), rgba(30, 66, 90, 0.2));
  color: #f2faff;
}

.terminal-scalper-order-side {
  display: grid;
  gap: 8px;
}

.terminal-scalper-action-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}

.terminal-scalper-action {
  display: grid;
  gap: 3px;
  min-height: 48px;
  padding: 7px 8px;
  border-radius: 8px;
  border: 1px solid rgba(86, 104, 129, 0.22);
  background:
    linear-gradient(180deg, rgba(16, 24, 35, 0.97), rgba(8, 13, 22, 0.985)),
    rgba(8, 13, 22, 0.95);
  text-align: left;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.terminal-scalper-action span {
  color: rgba(220, 232, 246, 0.76);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.terminal-scalper-action strong {
  color: #fbfdff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-action.is-buy {
  border-color: rgba(104, 196, 137, 0.26);
  background:
    linear-gradient(180deg, rgba(28, 58, 44, 0.88), rgba(14, 30, 23, 0.96)),
    rgba(10, 17, 28, 0.95);
}

.terminal-scalper-action.is-sell {
  border-color: rgba(222, 113, 102, 0.24);
  background:
    linear-gradient(180deg, rgba(55, 27, 29, 0.9), rgba(25, 14, 18, 0.96)),
    rgba(10, 17, 28, 0.95);
}

.terminal-scalper-action.is-selected {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 10px 24px rgba(5, 18, 31, 0.22);
  transform: translateY(-1px);
}

.terminal-scalper-action:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.terminal-scalper-stat-row,
.terminal-scalper-stat-grid {
  display: grid;
  gap: 4px;
}

.terminal-scalper-stat-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.terminal-scalper-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.terminal-scalper-stat {
  display: grid;
  gap: 2px;
  padding: 5px 6px;
  border-radius: 7px;
  border: 1px solid rgba(86, 104, 129, 0.18);
  background: rgba(255, 255, 255, 0.018);
}

.terminal-scalper-stat strong {
  color: #f7fbff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.terminal-scalper-stat.is-positive strong {
  color: #8ee8a5;
}

.terminal-scalper-stat.is-negative strong {
  color: #ff9d8f;
}

.purchase-addon-brand-scalper {
  align-items: center;
}

.purchase-addon-scalper-logo {
  width: auto;
  height: 28px;
  max-width: 164px;
  object-fit: contain;
  display: block;
}

.purchase-addon-brand-copy {
  display: grid;
  gap: 2px;
}

.purchase-addon-brand-copy span {
  color: rgba(190, 206, 225, 0.7);
  font-size: 11px;
  font-weight: 600;
}

.purchase-scalper-points {
  margin-top: 10px;
}

@media (min-width: 980px) {
  .terminal-scalper-shell {
    padding: 6px;
  }

  .terminal-scalper-mtf-layout {
    grid-template-columns: minmax(236px, 0.78fr) minmax(0, 1.22fr);
    align-items: stretch;
  }

  .terminal-scalper-strip {
    grid-template-columns: minmax(250px, 1.2fr) repeat(5, minmax(90px, 1fr));
  }

  .terminal-scalper-strip-symbol {
    grid-column: auto;
  }

  .terminal-scalper-order-layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(180px, 0.72fr) minmax(148px, 0.56fr);
    align-items: stretch;
  }

  .terminal-scalper-execution-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-scalper-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-scalper-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .terminal-scalper-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
  }

  .terminal-scalper-compact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "chart"
      "order"
      "markets";
  }

  .view-section[data-view="terminal"].is-scalper-pro .order-panel {
    position: static;
  }
}

/* Terminal reference refresh */
.terminal-top-strip {
  margin-bottom: 4px;
}

.terminal-sticky-quote-bar {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  left: 50%;
  z-index: 140;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.terminal-sticky-quote-bar.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.terminal-sticky-quote-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(120, 144, 176, 0.16);
  background: rgba(8, 13, 22, 0.78);
  color: #f7fbff;
  box-shadow: 0 12px 28px rgba(3, 8, 16, 0.18);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.terminal-sticky-quote-symbol {
  color: rgba(209, 221, 238, 0.8);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-sticky-quote-pill strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.terminal-sticky-quote-change {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  font-size: 9px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.terminal-sticky-quote-change.is-positive {
  color: #8ce9ad;
}

.terminal-sticky-quote-change.is-negative {
  color: #ff9d8f;
}

.view-section[data-view="terminal"] > .section-block:first-child {
  gap: 0;
  margin-bottom: 8px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head {
  padding: 0;
  padding-bottom: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head::before {
  content: none;
}

.terminal-top-main {
  display: flex;
  align-items: stretch;
  width: 100%;
  justify-content: space-between;
  gap: 6px;
}

.terminal-account-cluster {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 4px 10px;
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(110, 168, 255, 0.14), rgba(110, 168, 255, 0) 42%),
    linear-gradient(180deg, rgba(18, 28, 41, 0.82), rgba(10, 17, 28, 0.78)),
    rgba(8, 13, 22, 0.76);
  border: 1px solid rgba(126, 149, 178, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
  cursor: pointer;
  overflow: hidden;
}

.terminal-account-cluster::before {
  content: none;
}

.terminal-account-cluster::after {
  content: none;
}

.terminal-account-switch {
  min-width: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}

#terminalAccountLabel {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.05;
  text-transform: uppercase;
  color: rgba(183, 200, 224, 0.68);
}

#terminalAccountLabel::before {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(98, 155, 232, 0.14);
  color: rgba(218, 232, 255, 0.92);
  font-size: 11px;
}

#terminalAccountSelect {
  min-width: min(210px, 44vw);
  min-height: 30px;
  padding: 2px 20px 2px 0;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #ffffff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

#terminalAccountSelect:focus {
  border-color: transparent;
  box-shadow: none;
}

.terminal-top-strip #terminalAccountSummary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  min-width: 96px;
  padding: 0;
  border: 0;
  background: transparent;
}

.terminal-account-summary-shell {
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 2px;
  min-width: 96px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  position: relative;
  z-index: 1;
}

.terminal-account-cluster:hover #terminalAccountSelect,
.terminal-account-cluster:hover .terminal-account-summary-shell {
  opacity: 1;
}

.terminal-account-cluster:hover {
  background:
    radial-gradient(circle at top left, rgba(110, 168, 255, 0.18), rgba(110, 168, 255, 0) 44%),
    linear-gradient(180deg, rgba(20, 31, 45, 0.88), rgba(11, 18, 30, 0.84)),
    rgba(9, 15, 25, 0.8);
  border-color: rgba(139, 168, 203, 0.28);
}

.terminal-account-summary-head {
  display: grid;
  justify-items: end;
  gap: 2px;
}

.terminal-account-summary-kicker {
  color: rgba(183, 200, 224, 0.68);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.05;
  text-transform: uppercase;
}

.terminal-account-balance-value {
  display: block;
  color: #ffffff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.02;
}

.terminal-account-summary-tags {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}

.terminal-account-tag {
  display: inline-flex;
  align-items: center;
  min-height: 14px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(150, 174, 205, 0.12);
  color: rgba(224, 233, 246, 0.84);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.terminal-account-strip-compact .terminal-account-chip {
  width: 100%;
  min-height: 0;
  padding: 0;
  background: rgba(9, 10, 18, 0.26);
  border-color: rgba(255, 255, 255, 0.08);
}

.terminal-account-strip-compact .terminal-account-chip-stack {
  gap: 4px;
  min-width: 100%;
  padding: 6px 8px;
}

.terminal-account-chip-row {
  gap: 6px;
}

.terminal-account-strip-compact .terminal-account-chip strong {
  font-size: 10px;
  color: rgba(226, 219, 248, 0.76);
}

.terminal-account-chip-row span:last-child {
  font-size: 13px;
  color: #ffffff;
}

.terminal-grid {
  gap: 10px;
}

.market-panel,
.chart-panel,
.order-panel,
.terminal-history-panel {
  background:
    radial-gradient(circle at top, rgba(94, 125, 182, 0.08), rgba(94, 125, 182, 0) 34%),
    linear-gradient(180deg, rgba(11, 15, 24, 0.985), rgba(5, 8, 14, 0.995)),
    rgba(5, 8, 14, 0.99);
  border-color: rgba(138, 152, 184, 0.13);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 20px 42px rgba(2, 7, 16, 0.32);
  border-radius: 20px;
}

.chart-panel,
.order-panel {
  padding: 10px 10px 12px;
}

.market-panel,
.terminal-history-panel {
  padding: 10px 10px 12px;
}

.terminal-market-header {
  gap: 0;
  margin-bottom: 8px;
  padding: 0 2px 8px;
  border-bottom: 1px solid rgba(124, 152, 184, 0.1);
}

.terminal-market-shell {
  display: grid;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.terminal-market-shell-top,
.terminal-market-shell-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.terminal-market-shell-tags {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap;
}

.terminal-market-tag {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(124, 152, 184, 0.1);
  color: rgba(218, 224, 238, 0.82);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.terminal-market-tag.is-live {
  background: rgba(76, 196, 123, 0.11);
  border-color: rgba(76, 196, 123, 0.18);
  color: #a9efbc;
}

.terminal-market-trigger {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  gap: 10px;
  box-shadow: none;
}

.terminal-market-trigger:hover {
  transform: none;
  border-color: transparent;
}

.terminal-market-trigger-copy {
  gap: 3px;
}

.terminal-market-symbol-row {
  gap: 6px;
  flex-wrap: nowrap;
}

.terminal-market-symbol {
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.terminal-market-switch-pill {
  display: inline-flex;
  align-items: center;
  min-height: 19px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(124, 152, 184, 0.12);
  color: rgba(214, 226, 247, 0.84);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-market-price-stack {
  display: grid;
  gap: 4px;
}

.terminal-market-price {
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 30px;
  letter-spacing: -0.045em;
}

.terminal-market-price-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.terminal-market-change-stack {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.terminal-market-change-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 10px;
  font-weight: 800;
}

.terminal-market-detail-stack {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.terminal-market-detail-stack span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(213, 219, 231, 0.82);
  font-size: 10px;
  font-weight: 700;
}

.terminal-market-detail-stack strong {
  color: rgba(136, 150, 178, 0.82);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.terminal-market-overview {
  margin-top: 0;
}

.terminal-chart-footer {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(124, 152, 184, 0.08);
}

.terminal-chart-pricebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 0;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.terminal-chart-price-main {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

.terminal-chart-price {
  color: #f5f8ff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}

.terminal-chart-price-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  flex-wrap: wrap;
  color: rgba(220, 228, 238, 0.74);
  font-size: 11px;
  font-weight: 700;
}

.terminal-chart-price-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.terminal-chart-stage {
  position: relative;
  overflow: hidden;
  padding-top: 56px;
  border-radius: 20px;
  border: 1px solid rgba(120, 144, 176, 0.12);
  background:
    linear-gradient(180deg, rgba(7, 10, 17, 0.995), rgba(4, 6, 12, 1)),
    rgba(4, 6, 12, 1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.terminal-chart-toolbar {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: start;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.terminal-chart-toolbar > div:first-child {
  display: none;
}

#timeframeTabs,
#chartTypeTabs {
  min-width: 0;
  padding: 3px;
  border-radius: 14px;
  background: rgba(7, 12, 19, 0.78);
  border: 1px solid rgba(124, 152, 184, 0.12);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
}

#timeframeTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  justify-self: start;
}

#chartTypeTabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(56px, auto));
  gap: 4px;
  width: max-content;
  justify-self: end;
}

#timeframeTabs .terminal-timeframe-chip,
#chartTypeTabs .terminal-timeframe-chip {
  min-height: 28px;
  padding: 4px 6px;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  border: 0;
  background: transparent;
}

#chartTypeTabs .terminal-chart-type-chip {
  min-width: 56px;
}

.terminal-chart-type-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.terminal-chart-type-chip svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

#chartTradesToggle.button-compact {
  width: auto;
  min-width: 0;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 12px;
  border-color: rgba(124, 152, 184, 0.12);
  background: rgba(7, 12, 19, 0.78);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  justify-self: end;
}

#chartTradesToggle.is-active {
  background: rgba(116, 138, 214, 0.12);
  border-color: rgba(116, 138, 214, 0.22);
  color: #dfe9ff;
}

.chart-container {
  min-height: 482px;
  border: 0;
  border-radius: 0 0 20px 20px;
  background: transparent;
}

.chart-candle-countdown {
  position: absolute;
  right: 66px;
  bottom: 7px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  max-width: calc(100% - 88px);
  padding: 0 9px;
  border: 1px solid rgba(151, 177, 221, 0.18);
  border-radius: 7px;
  background: rgba(5, 10, 18, 0.78);
  color: rgba(236, 243, 255, 0.9);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: none;
}

.chart-candle-countdown-label {
  color: rgba(173, 188, 213, 0.72);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.chart-candle-countdown-value {
  color: #f1f6ff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.chart-candle-countdown.is-closed {
  border-color: rgba(255, 139, 139, 0.18);
  background: rgba(18, 8, 10, 0.72);
}

.chart-candle-countdown.is-closed .chart-candle-countdown-value {
  color: #ffb4b4;
}

.terminal-ticket-shell,
.terminal-price-card {
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.terminal-ticket-shell {
  gap: 10px;
  padding: 0;
}

.terminal-price-card {
  padding: 9px;
}

.terminal-quote-card-shell,
.terminal-quote-topbar {
  display: grid;
  gap: 6px;
}

.terminal-quote-topbar {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.terminal-quote-kicker {
  font-size: 9px;
  color: rgba(188, 196, 214, 0.68);
}

.terminal-quote-inline {
  align-items: baseline;
  gap: 7px;
}

.terminal-quote-price {
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.terminal-quote-strip-compact {
  gap: 5px;
}

.terminal-quote-strip-compact span {
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 10px;
}

.terminal-order-summary {
  gap: 6px;
}

.terminal-order-summary span {
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(124, 152, 184, 0.1);
  background: rgba(255, 255, 255, 0.03);
  font-size: 9px;
}

.terminal-order-summary strong {
  font-size: 9px;
}

.terminal-order-type-toggle {
  padding: 3px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(124, 152, 184, 0.12);
}

.terminal-order-type-toggle .segment,
.compact-side-toggle .toggle-button {
  min-height: 38px;
  border-radius: 11px;
}

.terminal-order-mode,
#tradeOrderHint {
  display: none;
}

@media (max-width: 768px) {
  .view-section[data-view="terminal"] > .section-block:first-child .section-head {
    padding: 0;
  }

  .terminal-top-main {
    gap: 5px;
    flex-direction: column;
  }

  .terminal-account-cluster {
    width: 100%;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 16px;
  }

  .terminal-account-cluster::after {
    content: none;
  }

  #terminalAccountSelect {
    min-width: min(100%, 100%);
    min-height: 28px;
    font-size: 15px;
  }

  .terminal-account-summary-shell {
    min-width: 94px;
    padding: 0;
  }

  .terminal-account-balance-value {
    font-size: 15px;
  }

  .terminal-account-chip-row span:last-child {
    font-size: 12px;
  }

  .terminal-market-shell {
    padding: 0;
    gap: 7px;
  }

  .terminal-market-shell-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .terminal-market-shell-tags,
  .terminal-market-detail-stack {
    width: 100%;
    justify-content: flex-start;
    justify-items: start;
  }

  .terminal-market-price {
    font-size: 26px;
  }

  .terminal-chart-pricebar {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .terminal-chart-price {
    font-size: 20px;
  }

  .terminal-chart-price-meta {
    justify-content: flex-start;
    gap: 10px;
    font-size: 10px;
  }

  .terminal-chart-toolbar {
    top: 8px;
    left: 8px;
    right: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
  }

  #timeframeTabs,
  #chartTypeTabs {
    width: 100%;
  }

  #timeframeTabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-self: stretch;
  }

  #chartTypeTabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-self: stretch;
  }

  #timeframeTabs .terminal-timeframe-chip,
  #chartTypeTabs .terminal-timeframe-chip {
    min-height: 30px;
    padding: 5px 4px;
    font-size: 9px;
  }

  #chartTradesToggle.button-compact {
    grid-column: 1 / -1;
    width: 100%;
  }

  .terminal-chart-stage {
    padding-top: 82px;
  }

  .chart-container {
    min-height: 338px;
    border-radius: 0 0 18px 18px;
  }

  .terminal-quote-price {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  #purchaseBody .purchase-payout-grid {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-meta-summary {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-head,
  #purchaseBody .purchase-addon-head {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-card-compact .purchase-selection-head strong,
  #purchaseBody .purchase-addon-total {
    justify-self: start;
  }

  .terminal-top-main {
    width: 100%;
    flex-wrap: wrap;
  }

  .terminal-account-cluster {
    width: 100%;
  }

  #terminalModeSwitch {
    width: 100%;
  }

  .terminal-mode-switch-shell {
    width: 100%;
  }

  .terminal-mode-copy {
    max-width: none;
  }

  .terminal-mode-toggle .segment {
    min-height: 34px;
    padding: 7px 8px;
    font-size: 10px;
  }

  .terminal-mode-logo {
    height: 10px;
    max-width: 72px;
  }

  .terminal-scalper-presets-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .terminal-scalper-preset {
    min-height: 32px;
    padding: 6px 4px;
    font-size: 11px;
  }

  .terminal-scalper-shell {
    padding: 7px;
  }

  .terminal-scalper-compact-head {
    flex-direction: column;
    align-items: stretch;
  }

  .terminal-scalper-strip {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .terminal-scalper-strip-card {
    min-height: 56px;
  }

  .terminal-scalper-strip-symbol {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .terminal-scalper-strip-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .terminal-scalper-strip-card .terminal-scalper-stat strong {
    font-size: 18px;
  }

  .terminal-scalper-order-layout {
    gap: 6px;
  }

  .terminal-scalper-action-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .terminal-scalper-action {
    min-height: 52px;
    padding: 8px 9px;
  }

  .terminal-scalper-action strong {
    font-size: 13px;
  }

  .terminal-scalper-compact-prices {
    justify-content: flex-start;
  }

  .terminal-scalper-mtf-grid,
  .terminal-scalper-compact-grid,
  .terminal-scalper-stat-row,
  .terminal-scalper-stat-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .terminal-sticky-quote-bar {
    top: calc(env(safe-area-inset-top, 0px) + 6px);
  }

  .terminal-sticky-quote-pill {
    min-height: 28px;
    padding: 0 9px;
    gap: 6px;
  }

  .terminal-sticky-quote-symbol {
    font-size: 9px;
  }

  .terminal-sticky-quote-pill strong {
    font-size: 12px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "chart"
      "order"
      "markets";
  }

  .view-section[data-view="terminal"].is-scalper-pro .order-panel {
    position: static;
  }

  .terminal-scalper-mtf-grid {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
  }

  .terminal-scalper-mtf-card {
    min-width: 128px;
    flex: 0 0 128px;
    scroll-snap-align: start;
  }

  .terminal-scalper-compact-grid {
    grid-template-columns: 1fr 1fr;
  }

  .terminal-scalper-strip-actions {
    grid-template-columns: 1fr;
  }

  .terminal-scalper-symbol-copy strong {
    font-size: 18px;
  }

  .terminal-scalper-brand {
    flex-direction: row;
    align-items: center;
  }

  .terminal-scalper-brand-logo {
    height: 16px;
  }

  .terminal-scalper-execution-row,
  .terminal-scalper-action-stack,
  .terminal-scalper-stat-row,
  .terminal-scalper-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .terminal-scalper-quote-box {
    min-height: 48px;
  }

  .terminal-scalper-strip-button,
  .terminal-scalper-point-button {
    min-height: 24px;
  }
}

@media (max-width: 1100px) {
  #purchaseBody .purchase-payout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  #purchaseBody .purchase-payout-grid {
    grid-template-columns: 1fr;
  }

  #purchaseBody .purchase-selection-meta-summary {
    grid-template-columns: 1fr;
  }

  .purchase-addon-brand {
    gap: 8px;
  }

  .purchase-addon-brand-logo {
    height: 14px;
    max-width: 98px;
  }
}

/* Checkout conversion pass */
#purchaseModal .modal-sheet {
  padding: 16px 16px 12px;
  max-height: min(calc(100vh - 24px), 900px);
}

#purchaseModal .modal-actions .purchase-cta-final {
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 0.94rem;
  letter-spacing: -0.01em;
  box-shadow: 0 8px 18px rgba(38, 88, 180, 0.16);
}

#purchaseModal .purchase-modal-head {
  margin-bottom: 8px;
}

#purchaseModal .purchase-modal-head h3 {
  line-height: 1.08;
}

#purchaseModal .modal-body {
  padding-right: 2px;
}

#purchaseModal .stepper {
  gap: 10px;
  margin-bottom: 10px;
}

#purchaseModal .stepper-summary-card {
  gap: 8px;
}

#purchaseModal .stepper-summary {
  gap: 10px;
  padding: 11px 12px;
  border-radius: 16px;
}

.stepper-summary-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.stepper-summary-aside {
  display: grid;
  gap: 3px;
  min-width: 112px;
  max-width: 132px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(130, 186, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(12, 20, 31, 0.96), rgba(8, 14, 22, 0.96)),
    rgba(8, 14, 22, 0.94);
  text-align: right;
}

.stepper-summary-aside strong {
  font-family: var(--font-display-premium);
  font-size: 1.18rem;
  line-height: 1;
  letter-spacing: -0.03em;
}

.stepper-price-kicker {
  color: rgba(171, 199, 236, 0.72);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.stepper-price-meta {
  color: rgba(228, 236, 246, 0.72);
  font-size: 10px;
  line-height: 1.2;
}

.purchase-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.purchase-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(128, 152, 184, 0.16);
  background: rgba(10, 16, 25, 0.78);
  color: rgba(233, 240, 248, 0.82);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
}

.purchase-trust-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(130, 186, 255, 0.98), rgba(93, 155, 234, 0.98));
  box-shadow: 0 0 0 4px rgba(110, 168, 255, 0.08);
}

#purchaseBody .purchase-plan-size-row {
  margin-bottom: 8px;
}

.purchase-plan-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.purchase-plan-benefits span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid rgba(144, 168, 199, 0.16);
  background: rgba(8, 14, 22, 0.74);
  color: rgba(229, 237, 247, 0.82);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.15;
}

.purchase-footer-note {
  margin: 10px 2px 0;
  color: rgba(219, 229, 240, 0.7);
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}

.purchase-footer-note:empty {
  display: none;
}

#purchaseBody .purchase-plan-card .button.button-primary {
  box-shadow: 0 6px 14px rgba(38, 88, 180, 0.14);
}

#purchaseBody .purchase-payout-card .button.button-primary {
  box-shadow: 0 6px 14px rgba(38, 88, 180, 0.14);
}

#purchaseBody .checkout-review .announcement-card h4 {
  color: #f4f8fd;
}

#purchaseBody .purchase-payment-card .purchase-selection-head strong {
  color: #f3f8ff;
}

@media (max-width: 768px) {
  #purchaseModal {
    padding: 10px;
  }

  #purchaseModal .modal-sheet {
    padding: 14px 14px 10px;
    max-height: calc(100vh - 12px);
  }

  #purchaseModal .purchase-modal-head {
    margin-bottom: 6px;
  }

  #purchaseModal .purchase-modal-head h3 {
    font-size: 1.04rem;
  }

  #purchaseModal .modal-body {
    padding-right: 0;
  }

  #purchaseModal .stepper {
    gap: 8px;
    margin-bottom: 8px;
  }

  .stepper-summary {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
  }

  .stepper-summary-aside {
    min-width: 0;
    max-width: none;
    text-align: left;
  }

  .stepper-summary-aside strong {
    font-size: 1.08rem;
  }

  .purchase-trust-strip {
    display: none;
  }

  .purchase-trust-pill {
    min-height: 28px;
    padding: 6px 9px;
    font-size: 10px;
  }

  .purchase-plan-benefits span {
    min-height: 22px;
    padding: 4px 7px;
    font-size: 8px;
  }

  .purchase-footer-note {
    margin-top: 6px;
    font-size: 10px;
    text-align: left;
  }

  #purchaseModal .modal-actions {
    gap: 8px;
  }

  #purchaseModal .modal-actions .button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 10px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #purchaseModal .modal-actions .purchase-cta-final {
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 0.88rem;
  }
}

html[lang="ru"] #purchaseBody .purchase-plan-card .button,
html[lang="ru"] #purchaseBody .purchase-payout-card .button,
html[lang="ru"] #purchaseModal .modal-actions .button {
  font-size: 0.84rem;
  letter-spacing: 0;
}

body.auth-check-pending {
  overflow: hidden;
}

body.auth-check-pending .app-shell {
  visibility: hidden;
}

body.auth-gate-open {
  overflow: hidden;
}

body.auth-gate-open .app-shell {
  pointer-events: none;
  user-select: none;
  filter: blur(10px) saturate(0.88);
}

.dashboard-auth-gate {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background:
    radial-gradient(circle at 14% 14%, rgba(72, 116, 210, 0.12), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(255, 255, 255, 0.035), transparent 18%),
    rgba(3, 8, 14, 0.84);
  backdrop-filter: blur(14px);
}

.dashboard-auth-card {
  width: min(456px, 100%);
  max-height: calc(100dvh - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(64, 107, 186, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(9, 18, 31, 0.985), rgba(7, 14, 24, 0.995));
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
}

.dashboard-auth-shell {
  display: grid;
  grid-template-columns: 1fr;
}

.dashboard-auth-brand-panel,
.dashboard-auth-main {
  min-width: 0;
  padding: 16px;
}

.dashboard-auth-brand-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background:
    radial-gradient(circle at top left, rgba(67, 112, 204, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(11, 19, 31, 0.985), rgba(8, 15, 24, 0.99));
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.dashboard-auth-main {
  display: grid;
  gap: 10px;
  background:
    linear-gradient(180deg, rgba(11, 18, 28, 0.92), rgba(7, 13, 21, 0.98)),
    rgba(255, 255, 255, 0.01);
}

.dashboard-auth-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dashboard-auth-language-switch {
  background: rgba(255, 255, 255, 0.03);
}

.dashboard-auth-access-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(110, 168, 255, 0.18);
  background: rgba(110, 168, 255, 0.1);
  color: #dfeaff;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-auth-brand-lockup {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
}

.dashboard-auth-logo {
  width: min(112px, 34vw);
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.24));
}

.dashboard-auth-copy {
  display: grid;
  gap: 6px;
  justify-items: start;
  text-align: left;
}

.dashboard-auth-copy h2 {
  margin: 0;
  font-size: clamp(1.52rem, 3.2vw, 1.9rem);
  line-height: 1.02;
  max-width: 13ch;
}

.dashboard-auth-copy .muted-copy {
  line-height: 1.36;
  max-width: 34ch;
  font-size: 0.9rem;
}

.dashboard-auth-highlight {
  display: none;
}

.dashboard-auth-highlight-icon,
.dashboard-auth-benefit-icon,
.dashboard-auth-provider-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  flex-shrink: 0;
}

.dashboard-auth-highlight-icon {
  background: linear-gradient(180deg, rgba(122, 174, 255, 0.2), rgba(122, 174, 255, 0.1));
  border: 1px solid rgba(122, 174, 255, 0.16);
  color: #dfeaff;
}

.dashboard-auth-highlight-icon svg,
.dashboard-auth-benefit-icon svg,
.dashboard-auth-provider-icon svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dashboard-auth-highlight-copy {
  display: grid;
  gap: 3px;
}

.dashboard-auth-highlight-copy strong {
  color: var(--text-white);
  font-size: 0.95rem;
  font-weight: 800;
}

.dashboard-auth-highlight-copy span {
  color: rgba(244, 247, 251, 0.66);
  font-size: 0.86rem;
  line-height: 1.34;
}

.dashboard-auth-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 0;
}

.dashboard-auth-benefit {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
  text-align: left;
}

.dashboard-auth-benefit-icon {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(214, 229, 255, 0.88);
}

.dashboard-auth-benefit-copy {
  display: grid;
  gap: 1px;
}

.dashboard-auth-benefit-copy strong {
  color: var(--text-white);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.1;
}

.dashboard-auth-benefit-copy span {
  display: none;
}

.dashboard-auth-main-copy {
  display: grid;
  gap: 2px;
  text-align: left;
}

.dashboard-auth-main-copy h3 {
  margin: 0;
  font-family: "Sora", sans-serif;
  font-size: clamp(1rem, 2vw, 1.14rem);
  letter-spacing: -0.03em;
}

.dashboard-auth-security-check {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(98, 122, 161, 0.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(76, 108, 167, 0.12), transparent 38%),
    rgba(7, 11, 18, 0.68);
}

.dashboard-auth-security-copy {
  display: grid;
  gap: 2px;
}

.dashboard-auth-security-copy strong {
  color: rgba(246, 249, 255, 0.96);
  font-size: 0.88rem;
  font-weight: 800;
}

.dashboard-auth-security-copy .micro-copy {
  color: rgba(226, 234, 247, 0.62);
  font-size: 0.76rem;
  line-height: 1.35;
}

.dashboard-auth-security-widget {
  min-height: 66px;
}

.dashboard-auth-security-widget > div {
  width: 100% !important;
}

.dashboard-auth-security-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(243, 247, 255, 0.82);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.dashboard-auth-provider-cluster {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.dashboard-auth-provider {
  display: grid;
  gap: 8px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02)),
    rgba(11, 15, 24, 0.92);
  transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease;
}

.dashboard-auth-provider-telegram {
  border-color: rgba(42, 171, 238, 0.14);
}

.dashboard-auth-provider-email {
  gap: 10px;
}

.dashboard-auth-provider-google {
  border-color: rgba(255, 255, 255, 0.12);
}

.dashboard-auth-provider-yandex {
  border-color: rgba(252, 63, 29, 0.14);
}

.dashboard-auth-provider-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.dashboard-auth-provider-copy {
  display: grid;
  gap: 2px;
}

.dashboard-auth-provider-copy strong {
  color: var(--text-white);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.dashboard-auth-provider-copy .micro-copy {
  font-size: 0.72rem;
  line-height: 1.22;
  color: rgba(220, 229, 242, 0.6);
}

.dashboard-auth-provider-icon {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #dfeaff;
}

.dashboard-auth-provider-icon-google {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.18);
  color: #0d1117;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.dashboard-auth-provider-icon-yandex {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.dashboard-auth-provider-icon-google svg {
  width: 16px;
  height: 16px;
  display: block;
}

.dashboard-auth-yandex-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dashboard-auth-yandex-logo {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 999px;
  object-fit: cover;
}

.dashboard-auth-provider.is-disabled {
  opacity: 0.64;
  pointer-events: none;
}

.dashboard-auth-provider-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 8px;
  background: rgba(122, 174, 255, 0.14);
  border: 1px solid rgba(122, 174, 255, 0.16);
  color: #dce9ff;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-auth-provider-pill-neutral {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(244, 247, 251, 0.82);
}

.dashboard-auth-widget {
  display: flex;
  align-items: center;
  justify-content: stretch;
  min-height: 44px;
  width: 100%;
}

.dashboard-auth-widget-stack {
  display: grid;
  gap: 6px;
  width: 100%;
}

.dashboard-auth-widget-google {
  position: relative;
}

.dashboard-auth-widget > div,
.dashboard-auth-widget iframe {
  max-width: 100%;
}

#dashboardGoogleLogin {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  overflow: hidden;
  opacity: 0.015;
}

#dashboardGoogleLogin > div,
#dashboardGoogleLogin iframe {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  display: block !important;
}

.dashboard-auth-brand-button {
  width: 100%;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0b0d12;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 26px rgba(0, 0, 0, 0.24);
}

.dashboard-auth-brand-button:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 32px rgba(0, 0, 0, 0.28);
}

.dashboard-auth-brand-button:disabled {
  opacity: 0.72;
  transform: none;
  cursor: not-allowed;
}

.dashboard-auth-brand-button-mark {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  flex: 0 0 auto;
}

.dashboard-auth-brand-button-mark svg {
  width: 20px;
  height: 20px;
  display: block;
}

.dashboard-auth-brand-button-label {
  white-space: nowrap;
}

.dashboard-auth-brand-button-google {
  border-color: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.dashboard-auth-provider-google.use-top-level-google-login #dashboardGoogleLogin {
  display: none !important;
}

.dashboard-auth-provider-google.use-top-level-google-login .dashboard-auth-brand-button-google {
  pointer-events: auto;
  cursor: pointer;
}

.dashboard-auth-brand-button-mark-google {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #ffffff;
}

.dashboard-auth-brand-button-mark-google svg {
  width: 14px;
  height: 14px;
}

.dashboard-auth-brand-button-telegram {
  border-color: rgba(110, 178, 255, 0.16);
}

.dashboard-auth-brand-button-mark-telegram {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #2aabee;
  color: #ffffff;
}

.dashboard-auth-brand-button-mark-telegram svg {
  width: 13px;
  height: 13px;
}

.dashboard-auth-brand-button-yandex {
  border-color: rgba(255, 255, 255, 0.06);
}

.dashboard-auth-brand-button-yandex .dashboard-auth-brand-button-mark {
  color: inherit;
  width: 22px;
  height: 22px;
}

.dashboard-auth-brand-button-yandex .dashboard-auth-brand-button-mark .dashboard-auth-yandex-logo {
  width: 22px;
  height: 22px;
}

.dashboard-auth-brand-button-yandex .dashboard-auth-brand-button-label {
  letter-spacing: -0.01em;
}

.dashboard-auth-gate.is-processing .dashboard-auth-card {
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.46);
}

.dashboard-auth-mode-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  width: 100%;
}

.dashboard-auth-mode-button {
  min-height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(244, 247, 251, 0.74);
  font-size: 0.88rem;
  font-weight: 700;
}

.dashboard-auth-mode-button.is-active {
  background: rgba(91, 139, 255, 0.18);
  color: #d8e5ff;
}

.dashboard-auth-mode-switch-single {
  grid-template-columns: 1fr;
}

.dashboard-auth-form {
  display: grid;
  gap: 8px;
}

.dashboard-auth-name-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-auth-form .field {
  gap: 6px;
}

.dashboard-auth-form .field span {
  color: rgba(244, 247, 251, 0.72);
  font-size: 0.74rem;
  font-weight: 700;
}

.dashboard-auth-form .field input {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(124, 152, 184, 0.16);
}

.dashboard-auth-form .button {
  min-height: 44px;
  border-radius: 10px;
}

.dashboard-auth-note {
  display: none;
}

.dashboard-auth-widget .button,
.dashboard-auth-widget-stack .button,
.dashboard-auth-form .button,
.dashboard-auth-mode-button {
  width: 100%;
  justify-content: center;
  text-align: center;
}

#dashboardEmailAuthBlock {
  grid-column: 1 / -1;
}

@media (min-width: 980px) {
  .dashboard-auth-gate {
    padding: 24px;
  }

  .dashboard-auth-card {
    width: min(1040px, calc(100vw - 48px));
    max-height: calc(100dvh - 48px);
    border-radius: 20px;
  }

  .dashboard-auth-shell {
    grid-template-columns: minmax(320px, 0.92fr) minmax(420px, 1.08fr);
  }

  .dashboard-auth-brand-panel,
  .dashboard-auth-main {
    padding: 24px;
  }

  .dashboard-auth-brand-panel {
    gap: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 0;
  }

  .dashboard-auth-logo {
    width: 132px;
  }

  .dashboard-auth-copy h2 {
    max-width: 11ch;
    font-size: clamp(1.92rem, 2.4vw, 2.4rem);
    line-height: 0.96;
  }

  .dashboard-auth-copy .muted-copy {
    max-width: 36ch;
    font-size: 0.94rem;
    line-height: 1.5;
  }

  .dashboard-auth-highlight {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
  }

  .dashboard-auth-benefit-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-auth-benefit {
    padding: 10px 12px;
  }

  .dashboard-auth-benefit-copy span {
    display: block;
    color: rgba(231, 239, 250, 0.62);
    font-size: 0.76rem;
    line-height: 1.24;
  }

  .dashboard-auth-main {
    gap: 14px;
    align-content: start;
  }

  .dashboard-auth-main-copy {
    gap: 6px;
  }

  .dashboard-auth-main-copy h3 {
    font-size: 1.2rem;
  }

  .dashboard-auth-security-check {
    padding: 14px;
  }

  .dashboard-auth-provider-cluster {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-auth-provider {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 296px);
    min-height: auto;
    padding: 12px 14px;
    border-radius: 14px;
    align-items: center;
  }

  .dashboard-auth-provider-email {
    gap: 12px;
    padding: 16px;
  }

  .dashboard-auth-provider-copy strong {
    font-size: 0.86rem;
  }

  .dashboard-auth-provider-copy .micro-copy {
    font-size: 0.74rem;
    line-height: 1.25;
  }

  .dashboard-auth-widget,
  .dashboard-auth-widget-stack,
  #dashboardGoogleLogin {
    min-width: 260px;
  }

  .dashboard-auth-widget .button,
  .dashboard-auth-widget-stack .button,
  .dashboard-auth-form .button,
  .dashboard-auth-mode-button {
    min-height: 44px;
  }

  .dashboard-auth-form {
    gap: 10px;
  }

  .dashboard-auth-form .field input {
    min-height: 46px;
  }

  .dashboard-auth-note {
    display: block;
    color: rgba(226, 235, 247, 0.52);
    font-size: 0.76rem;
    line-height: 1.45;
  }
}

@media (min-width: 1360px) {
  .app-shell,
  .admin-shell {
    width: min(1480px, calc(100% - 56px));
    padding-top: 24px;
  }

  .topbar {
    padding: 14px 18px;
  }

  .content-shell,
  .section-block {
    gap: 22px;
  }

  .section-block {
    margin-bottom: 26px;
  }

  .hero-panel {
    grid-template-columns: minmax(0, 1.2fr) minmax(420px, 0.8fr);
    padding: 24px;
  }

  .hero-panel h2 {
    max-width: 14ch;
  }

  .announcement-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .terminal-grid {
    grid-template-columns: minmax(220px, 244px) minmax(0, 1fr) minmax(300px, 340px);
    gap: 14px;
  }

  .chart-container {
    min-height: 640px;
  }

  .dashboard-auth-card {
    width: min(1180px, calc(100vw - 72px));
  }

  .dashboard-auth-shell {
    grid-template-columns: minmax(360px, 0.88fr) minmax(520px, 1.12fr);
  }

  .dashboard-auth-brand-panel,
  .dashboard-auth-main {
    padding: 28px;
  }

  .dashboard-auth-provider-cluster {
    gap: 12px;
  }

  .dashboard-auth-provider {
    grid-template-columns: minmax(0, 1fr) 310px;
    padding: 13px 16px;
  }

  .dashboard-auth-provider-email {
    padding: 18px;
  }
}

@media (max-width: 920px) {
  .dashboard-auth-copy h2 {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  .dashboard-auth-gate {
    padding: 8px;
    align-items: flex-start;
    overflow-y: auto;
  }

  .dashboard-auth-card {
    border-radius: 16px;
    max-height: calc(100dvh - 16px);
  }

  .dashboard-auth-brand-panel,
  .dashboard-auth-main {
    padding: 10px;
  }

  .dashboard-auth-toolbar {
    flex-wrap: nowrap;
  }

  .dashboard-auth-provider-cluster,
  .dashboard-auth-name-row {
    grid-template-columns: 1fr;
  }

  .dashboard-auth-benefit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .dashboard-auth-copy h2 {
    font-size: clamp(1.18rem, 5.2vw, 1.46rem);
    max-width: 11ch;
  }

  .dashboard-auth-copy .muted-copy,
  .dashboard-auth-main-copy .eyebrow {
    display: none;
  }

  .dashboard-auth-security-copy .micro-copy {
    display: none;
  }

  .dashboard-auth-provider-head {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }

  .dashboard-auth-provider {
    gap: 8px;
    padding: 10px;
    grid-template-columns: 1fr;
  }

  .dashboard-auth-provider-copy .micro-copy {
    display: none;
  }

  .dashboard-auth-provider-copy strong {
    font-size: 0.82rem;
    line-height: 1.15;
  }

  .dashboard-auth-widget .button,
  .dashboard-auth-form .button,
  .dashboard-auth-mode-button {
    min-height: 42px;
    padding-inline: 12px;
    font-size: 0.84rem;
  }

  .dashboard-auth-benefit {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 5px;
    padding: 6px 5px;
  }

  .dashboard-auth-benefit-icon {
    width: 26px;
    height: 26px;
  }

  .dashboard-auth-benefit-copy strong {
    font-size: 0.68rem;
    line-height: 1.12;
  }

  .dashboard-auth-provider-pill {
    grid-column: 2;
    justify-self: start;
    min-height: 20px;
    padding-inline: 7px;
    font-size: 0.58rem;
  }

  .dashboard-auth-security-check {
    padding: 10px;
  }
}

@media (max-width: 480px) {
  .dashboard-auth-access-pill {
    min-height: 22px;
    padding-inline: 7px;
    font-size: 0.58rem;
  }

  .dashboard-auth-copy h2 {
    font-size: 1.12rem;
    max-width: 10ch;
  }

  .dashboard-auth-benefit-grid {
    gap: 5px;
  }

  .dashboard-auth-benefit {
    padding: 5px 4px;
  }

  .dashboard-auth-provider-pill {
    display: none;
  }
}

@media (max-height: 860px) {
  .dashboard-auth-gate {
    padding: 12px;
  }

  .dashboard-auth-brand-panel,
  .dashboard-auth-main {
    padding: 12px;
  }

  .dashboard-auth-copy .muted-copy {
    display: none;
  }

  .dashboard-auth-provider-copy .micro-copy {
    display: none;
  }

  .dashboard-auth-benefit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-height: 760px) {
  .dashboard-auth-brand-lockup {
    display: none;
  }

  .dashboard-auth-copy {
    gap: 4px;
  }

  .dashboard-auth-copy h2 {
    max-width: 100%;
  }

  .dashboard-auth-main-copy h3 {
    font-size: 0.96rem;
  }

  .dashboard-auth-benefit-grid {
    display: none;
  }

  .dashboard-auth-main-copy .eyebrow {
    display: none;
  }
}

/* Terminal polish: aligned controls and a stricter scalper desk. */
.view-section[data-view="terminal"] .terminal-chart-toolbar {
  display: grid;
  grid-template-columns: minmax(0, max-content) auto auto;
  align-items: stretch;
  gap: 6px;
}

.view-section[data-view="terminal"] #timeframeTabs,
.view-section[data-view="terminal"] #chartTypeTabs,
.view-section[data-view="terminal"] #chartTradesToggle.button-compact {
  align-self: stretch;
  min-height: 36px;
}

.view-section[data-view="terminal"] #timeframeTabs,
.view-section[data-view="terminal"] #chartTypeTabs {
  display: inline-grid;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border-radius: 11px;
}

.view-section[data-view="terminal"] #timeframeTabs {
  grid-auto-flow: column;
  grid-auto-columns: minmax(34px, auto);
  width: auto;
  max-width: min(100%, 460px);
  overflow-x: auto;
  scrollbar-width: none;
}

.view-section[data-view="terminal"] #timeframeTabs::-webkit-scrollbar {
  display: none;
}

.view-section[data-view="terminal"] #chartTypeTabs {
  grid-template-columns: repeat(2, 34px);
  width: auto;
}

.view-section[data-view="terminal"] #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"] #chartTypeTabs .terminal-timeframe-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  height: 30px;
  padding: 0 8px;
  line-height: 1;
}

.view-section[data-view="terminal"] #chartTypeTabs .terminal-chart-type-chip {
  min-width: 30px;
  padding-inline: 0;
}

.view-section[data-view="terminal"] #chartTradesToggle.button-compact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 36px;
  min-width: 58px;
  padding: 0 11px;
  line-height: 1;
  justify-self: end;
}

.view-section[data-view="terminal"].is-scalper-pro {
  --scalper-panel: #05080d;
  --scalper-panel-2: #080d15;
  --scalper-line: rgba(113, 132, 160, 0.18);
  --scalper-blue: #74a8ff;
  --scalper-green: #6fe2a5;
  --scalper-red: #ff7066;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
  grid-template-columns: minmax(0, 1fr) minmax(286px, 318px) !important;
  grid-template-areas:
    "chart order"
    "markets order" !important;
  gap: 8px !important;
  align-items: start;
}

.view-section[data-view="terminal"].is-scalper-pro .chart-panel,
.view-section[data-view="terminal"].is-scalper-pro .order-panel,
.view-section[data-view="terminal"].is-scalper-pro .market-panel,
.view-section[data-view="terminal"].is-scalper-pro .terminal-history-panel {
  border-radius: 14px;
  border-color: var(--scalper-line);
  background:
    radial-gradient(circle at 14% 0%, rgba(60, 114, 199, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(8, 12, 19, 0.998), rgba(3, 6, 11, 1));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 18px 34px rgba(0, 0, 0, 0.34);
}

.view-section[data-view="terminal"].is-scalper-pro .chart-panel,
.view-section[data-view="terminal"].is-scalper-pro .order-panel,
.view-section[data-view="terminal"].is-scalper-pro .market-panel {
  padding: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .order-panel {
  position: sticky;
  top: 8px;
  gap: 7px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-header {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-shell-top {
  gap: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-symbol {
  font-size: 18px;
  letter-spacing: -0.04em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-trigger-copy .micro-copy {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-tag,
.view-section[data-view="terminal"].is-scalper-pro .terminal-pro-badge,
.view-section[data-view="terminal"].is-scalper-pro .terminal-market-switch-pill {
  min-height: 18px;
  border-radius: 6px;
  font-size: 7px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-chart-stage {
  padding-top: 48px;
  border-radius: 12px;
  border-color: rgba(96, 118, 151, 0.18);
  background:
    radial-gradient(circle at 80% 10%, rgba(61, 125, 227, 0.1), transparent 34%),
    linear-gradient(180deg, #05070b, #020408);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-chart-toolbar {
  top: 7px;
  left: 7px;
  right: 7px;
  grid-template-columns: minmax(0, max-content) auto auto;
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro #timeframeTabs,
.view-section[data-view="terminal"].is-scalper-pro #chartTypeTabs,
.view-section[data-view="terminal"].is-scalper-pro #chartTradesToggle.button-compact {
  min-height: 32px;
  border-radius: 9px;
  border-color: rgba(109, 132, 164, 0.14);
  background: rgba(4, 8, 14, 0.82);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
}

.view-section[data-view="terminal"].is-scalper-pro #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"].is-scalper-pro #chartTypeTabs .terminal-timeframe-chip {
  min-height: 26px;
  height: 26px;
  border-radius: 7px;
  color: rgba(214, 225, 240, 0.7);
  font-size: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro #timeframeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"].is-scalper-pro #chartTypeTabs .terminal-timeframe-chip.is-active {
  background: linear-gradient(180deg, rgba(98, 148, 224, 0.32), rgba(37, 78, 132, 0.24));
  color: #f6fbff;
  box-shadow: inset 0 0 0 1px rgba(129, 177, 245, 0.24);
}

.view-section[data-view="terminal"].is-scalper-pro #chartTradesToggle.button-compact {
  height: 32px;
  min-width: 50px;
  border-radius: 9px;
  color: rgba(214, 225, 240, 0.78);
  font-size: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro #chartTradesToggle.is-active {
  background: linear-gradient(180deg, rgba(98, 148, 224, 0.26), rgba(37, 78, 132, 0.18));
  color: #ffffff;
}

.view-section[data-view="terminal"].is-scalper-pro .chart-container {
  min-height: clamp(360px, 48vh, 560px);
  border-radius: 0;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-shell {
  margin: 0;
  padding: 5px;
  border-top: 1px solid rgba(107, 130, 160, 0.1);
  background:
    linear-gradient(180deg, rgba(5, 8, 13, 0.92), rgba(3, 6, 10, 0.98));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card {
  position: relative;
  min-height: 64px;
  padding: 6px;
  border-radius: 9px;
  overflow: hidden;
  border-color: rgba(96, 118, 151, 0.18);
  background:
    radial-gradient(circle at 84% 0%, rgba(85, 142, 223, 0.12), transparent 40%),
    linear-gradient(180deg, rgba(9, 15, 24, 0.98), rgba(5, 9, 15, 0.995));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card.is-active {
  border-color: rgba(123, 170, 245, 0.5);
  box-shadow: inset 0 0 0 1px rgba(123, 170, 245, 0.18);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card-head strong,
.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card-footer strong {
  font-size: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card-change {
  min-height: 14px;
  min-width: 36px;
  border-radius: 5px;
  font-size: 7px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-mini {
  height: 34px;
  margin-top: 1px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-ticket-shell {
  gap: 6px;
  padding: 8px;
  border-radius: 12px;
  border-color: rgba(96, 118, 151, 0.18);
  background:
    radial-gradient(circle at 50% 0%, rgba(80, 132, 210, 0.1), transparent 36%),
    linear-gradient(180deg, rgba(8, 13, 21, 0.99), rgba(4, 7, 12, 1));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-type-toggle {
  min-height: 34px;
  padding: 3px;
  border-radius: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-type-toggle .segment {
  min-height: 28px;
  height: 28px;
  border-radius: 7px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume,
.view-section[data-view="terminal"].is-scalper-pro .terminal-field-limit:not([hidden]) {
  grid-column: 1 / -1;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline input,
.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper,
.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper-button {
  border-radius: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-inline input,
.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume input {
  min-height: 32px;
  font-size: 14px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper {
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  padding: 3px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-volume-stepper-button {
  min-height: 30px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper span {
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-order-summary.is-scalper strong {
  font-size: 11px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
  gap: 5px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-side-submit {
  min-height: 42px;
  border-radius: 9px;
  font-size: 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-market-picker {
  max-height: 360px;
  overflow: auto;
  border-radius: 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-category-tab,
.view-section[data-view="terminal"].is-scalper-pro .asset-select-card {
  border-radius: 9px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-select-card {
  padding: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .asset-select-bottom,
.view-section[data-view="terminal"].is-scalper-pro .asset-select-chart {
  display: none;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-desk {
  margin: 6px 0 8px;
  padding: 0;
  border-radius: 12px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-shell-compact {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-compact-head {
  min-width: 0;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-brand-logo {
  height: 16px;
  max-width: 96px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-compact-prices {
  justify-content: flex-start;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-compact-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-stat {
  min-height: 32px;
  padding: 5px 6px;
  border-radius: 8px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-stat span {
  font-size: 7px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-stat strong {
  font-size: 10px;
}

@media (max-width: 1180px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
    grid-template-columns: minmax(0, 1fr) minmax(270px, 300px) !important;
  }
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"] .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 5px;
  }

  .view-section[data-view="terminal"] #timeframeTabs {
    grid-auto-columns: minmax(31px, 1fr);
    width: 100%;
  }

  .view-section[data-view="terminal"] #chartTypeTabs {
    grid-template-columns: repeat(2, 32px);
  }

  .view-section[data-view="terminal"] #chartTradesToggle.button-compact {
    min-width: 48px;
    padding-inline: 8px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "chart"
      "order"
      "markets" !important;
  }

  .view-section[data-view="terminal"].is-scalper-pro .order-panel {
    position: static;
  }

  .view-section[data-view="terminal"].is-scalper-pro .chart-container {
    min-height: clamp(330px, 48vh, 460px);
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-shell-compact {
    grid-template-columns: 1fr;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-compact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-chart-stage {
    padding-top: 84px;
  }

  .view-section[data-view="terminal"] .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .view-section[data-view="terminal"] #timeframeTabs {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
  }

  .view-section[data-view="terminal"] #chartTradesToggle.button-compact {
    grid-column: auto;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-chart-stage {
    padding-top: 78px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(116px, 1fr));
    overflow-x: auto;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-scalper-mtf-card {
    min-width: 116px;
  }
}

/* Scalper fixed execution bar. */
.view-section[data-view="terminal"].is-scalper-pro {
  padding-bottom: calc(148px + env(safe-area-inset-bottom, 0px));
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  z-index: 32;
  width: min(520px, calc(100vw - 16px));
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid rgba(123, 149, 183, 0.2);
  background:
    radial-gradient(circle at 20% 0%, rgba(90, 156, 255, 0.14), transparent 44%),
    linear-gradient(180deg, rgba(8, 13, 21, 0.94), rgba(4, 7, 12, 0.97));
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  backdrop-filter: blur(22px) saturate(150%);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row::before {
  content: "";
  position: absolute;
  inset: -12px -10px auto;
  height: 32px;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(86, 144, 230, 0.16), transparent 68%);
  opacity: 0.7;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit {
  position: relative;
  z-index: 1;
  min-height: 48px;
  border-radius: 12px;
  font-size: 13px;
  letter-spacing: 0.08em;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit.is-buy {
  background:
    linear-gradient(180deg, rgba(124, 237, 161, 0.98), rgba(54, 183, 111, 0.98));
  color: #061208;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 10px 22px rgba(38, 174, 104, 0.22);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit.is-sell {
  background:
    linear-gradient(180deg, rgba(255, 122, 112, 0.98), rgba(226, 67, 62, 0.98));
  color: #fff7f6;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 10px 22px rgba(213, 65, 60, 0.22);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit:disabled {
  filter: grayscale(0.28);
  opacity: 0.55;
}

body.terminal-keyboard-open .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row,
body.terminal-keyboard-open .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(120%);
}

@media (min-width: 880px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    width: min(560px, calc(100vw - 420px));
  }
}

@media (max-width: 520px) {
  .view-section[data-view="terminal"].is-scalper-pro {
    padding-bottom: calc(142px + env(safe-area-inset-bottom, 0px));
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
    bottom: calc(66px + env(safe-area-inset-bottom, 0px));
    width: calc(100vw - 10px);
    padding: 5px;
    border-radius: 14px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit {
    min-height: 46px;
    border-radius: 11px;
    font-size: 12px;
  }
}

/* Scalper execution bar v2: fixed LONG · volume · SHORT. */
.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
  grid-template-columns: minmax(0, 1fr) minmax(106px, 128px) minmax(0, 1fr);
  width: min(640px, calc(100vw - 16px));
  pointer-events: auto;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit:first-child {
  grid-column: 1;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row .terminal-side-submit:last-child {
  grid-column: 3;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
  position: fixed;
  left: 50%;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  z-index: 34;
  width: min(128px, 28vw);
  min-width: 106px;
  transform: translateX(-50%);
  margin: 0;
  pointer-events: auto;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume > span {
  display: none;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume .terminal-volume-stepper {
  height: 48px;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(135, 166, 204, 0.24);
  background:
    linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(6, 10, 17, 0.99)),
    rgba(6, 10, 17, 0.98);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume .terminal-volume-stepper-button {
  min-height: 38px;
  height: 38px;
  border-radius: 8px;
  color: rgba(235, 243, 255, 0.92);
  background: rgba(255, 255, 255, 0.035);
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume input {
  min-height: 38px;
  height: 38px;
  padding: 0 3px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-ticket-shell {
  padding-bottom: 8px;
}

@media (min-width: 880px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    width: min(640px, calc(100vw - 420px));
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 520px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
    grid-template-columns: minmax(0, 1fr) 108px minmax(0, 1fr);
    width: calc(100vw - 10px);
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
    bottom: calc(71px + env(safe-area-inset-bottom, 0px));
    width: 108px;
    min-width: 108px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume .terminal-volume-stepper {
    height: 46px;
    grid-template-columns: 25px minmax(0, 1fr) 25px;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume .terminal-volume-stepper-button,
  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume input {
    min-height: 36px;
    height: 36px;
  }
}

/* Scalper execution bar v3: docked to the main bottom menu. */
.view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
  bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(492px, calc(100vw - 14px)) !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
  bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 768px) {
  .view-section[data-view="terminal"].is-scalper-pro .terminal-submit-row {
    bottom: calc(63px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 10px) !important;
  }

  .view-section[data-view="terminal"].is-scalper-pro .terminal-field-volume {
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Real scalper dock rendered next to the bottom navigation. */
.view-section[data-view="terminal"].is-scalper-pro .terminal-ticket-shell .terminal-submit-row,
.view-section[data-view="terminal"].is-scalper-pro .terminal-ticket-shell .terminal-field-volume {
  display: none !important;
}

@media (max-width: 768px) {
  .view-section[data-view="terminal"].has-execution-dock .terminal-ticket-shell .terminal-submit-row,
  .view-section[data-view="terminal"].has-execution-dock .terminal-ticket-shell .terminal-field-volume {
    display: none !important;
  }

  .view-section[data-view="terminal"].has-execution-dock {
    padding-bottom: var(--ff-execution-dock-stack-height, 122px) !important;
  }
}

.scalper-execution-dock {
  position: fixed;
  left: max(7px, env(safe-area-inset-left, 0px));
  right: max(7px, env(safe-area-inset-right, 0px));
  bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  z-index: 8;
  box-sizing: border-box;
  width: auto;
  max-width: 492px;
  margin-inline: auto;
  transform: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 132px) minmax(0, 1fr);
  gap: 6px;
  padding: 6px;
  border-radius: 15px 15px 9px 9px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-bottom-color: rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(24, 24, 27, 0.98) 0%, rgba(16, 16, 18, 0.99) 100%);
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
  -webkit-backdrop-filter: blur(22px) saturate(155%);
  backdrop-filter: blur(22px) saturate(155%);
}

.scalper-execution-dock[hidden] {
  display: none !important;
}

.scalper-dock-action,
.scalper-dock-volume,
.scalper-dock-volume-step {
  appearance: none;
  border: 0;
  font: inherit;
}

.scalper-dock-action {
  min-width: 0;
  min-height: 48px;
  border-radius: 11px;
  color: #fff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease;
}

.scalper-dock-action:active {
  transform: translateY(1px) scale(0.99);
}

.scalper-dock-action-buy {
  background: linear-gradient(180deg, #8cf070, #51c04e);
  color: #061006;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 8px 20px rgba(66, 198, 82, 0.2);
}

.scalper-dock-action-sell {
  background: linear-gradient(180deg, #ff7269, #e23f3d);
  color: #fff7f6;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 8px 20px rgba(216, 67, 61, 0.22);
}

.scalper-dock-action.is-selected {
  filter: saturate(1.1) brightness(1.04);
}

.scalper-dock-action:disabled {
  cursor: not-allowed;
  opacity: 0.52;
  filter: grayscale(0.2);
}

.scalper-dock-volume {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 4px;
  border-radius: 11px;
  border: 1px solid rgba(135, 166, 204, 0.22);
  background:
    linear-gradient(180deg, rgba(15, 24, 37, 0.98), rgba(7, 12, 20, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.22);
}

.scalper-dock-volume-step {
  display: grid;
  place-items: center;
  min-width: 0;
  height: 38px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(236, 244, 255, 0.92);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}

.scalper-dock-volume input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 2px;
  border: 0;
  outline: none;
  background: transparent;
  color: #ffffff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

body.terminal-keyboard-open .scalper-execution-dock {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(110%);
}

@media (max-width: 768px) {
  .scalper-execution-dock {
    left: max(5px, env(safe-area-inset-left, 0px));
    right: max(5px, env(safe-area-inset-right, 0px));
    bottom: var(--ff-execution-dock-bottom, calc(63px + env(safe-area-inset-bottom, 0px)));
    width: auto;
    max-width: 492px;
    grid-template-columns: minmax(0, 1fr) 108px minmax(0, 1fr);
    padding: 5px;
    border-radius: 14px 14px 8px 8px;
  }

  .scalper-dock-action {
    min-height: 46px;
    border-radius: 10px;
    font-size: 12px;
  }

  .scalper-dock-volume {
    min-height: 46px;
    grid-template-columns: 25px minmax(0, 1fr) 25px;
  }

  .scalper-dock-volume-step,
  .scalper-dock-volume input {
    height: 36px;
  }
}

/* Classic terminal toolbar: one clean control rail. */
.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
  top: 8px;
  left: 8px;
  right: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px 74px;
  align-items: center;
  gap: 6px;
  height: 42px;
  padding: 4px;
  border-radius: 14px;
  border: 1px solid rgba(126, 151, 184, 0.16);
  background:
    linear-gradient(180deg, rgba(9, 15, 24, 0.9), rgba(5, 9, 16, 0.92)),
    rgba(7, 12, 20, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 24px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar > div:first-child {
  display: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  width: 100%;
  height: 34px;
  min-height: 34px;
  margin: 0;
  align-self: center;
  border-radius: 10px;
  border: 1px solid rgba(126, 151, 184, 0.12);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
  display: grid;
  gap: 3px;
  padding: 3px;
  overflow: hidden;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
  grid-auto-flow: column;
  grid-auto-columns: minmax(32px, 1fr);
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs::-webkit-scrollbar {
  display: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 26px;
  height: 26px;
  padding: 0 6px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: rgba(216, 226, 240, 0.72);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: none;
  transform: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-chart-type-chip {
  min-width: 0;
  padding: 0;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-type-chip svg {
  width: 14px;
  height: 14px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip:hover,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip:hover,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #f5f8ff;
  transform: none;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.is-active {
  background:
    linear-gradient(180deg, rgba(109, 168, 255, 0.24), rgba(62, 112, 187, 0.18)),
    rgba(111, 167, 255, 0.14);
  color: #f7fbff;
  box-shadow:
    inset 0 0 0 1px rgba(140, 187, 255, 0.18),
    0 4px 10px rgba(9, 22, 42, 0.18);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  padding-inline: 8px;
  white-space: nowrap;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    padding-top: 88px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) 72px 68px;
    gap: 5px;
    height: 74px;
    align-content: start;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
    grid-column: 1 / -1;
    grid-row: 1;
    height: 32px;
    min-height: 32px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
    grid-column: 2;
    grid-row: 2;
    width: 72px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-column: 3;
    grid-row: 2;
    width: 68px;
  }
}

/* Classic terminal toolbar v2: compact pro rail. */
.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
  padding-top: 52px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
  top: 8px;
  left: 50%;
  right: auto;
  width: min(520px, calc(100% - 16px));
  height: 42px;
  grid-template-columns: minmax(0, 1fr) 66px 62px;
  gap: 5px;
  padding: 5px;
  border-radius: 13px;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(8, 13, 21, 0.92), rgba(4, 8, 14, 0.94)),
    rgba(5, 9, 16, 0.92);
  border-color: rgba(139, 163, 194, 0.14);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  height: 32px;
  min-height: 32px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.028);
  border-color: rgba(126, 151, 184, 0.1);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  overflow-x: auto;
  overflow-y: hidden;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  padding: 2px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  min-height: 28px;
  height: 28px;
  border-radius: 7px;
  font-size: 8.5px;
  letter-spacing: 0.045em;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip {
  flex: 0 0 34px;
  width: 34px;
  padding: 0;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-chart-type-chip {
  width: 100%;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  width: 100%;
  min-width: 0;
  padding: 0 6px;
  font-size: 8px;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    padding-top: 52px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) 60px 56px;
    height: 42px;
    align-content: center;
    width: calc(100% - 12px);
    gap: 4px;
    padding: 5px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    height: 32px;
    min-height: 32px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip {
    flex-basis: 31px;
    width: 31px;
    font-size: 8px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
    grid-column: auto;
    grid-row: auto;
    width: 60px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-column: auto;
    grid-row: auto;
    width: 56px;
    font-size: 7.5px;
  }
}

/* Classic terminal toolbar v3: phone-safe stacked rail. */
@media (max-width: 560px) {
  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    padding-top: 84px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    top: 7px;
    width: calc(100% - 12px);
    height: 70px;
    grid-template-columns: minmax(0, 1fr) 64px 64px;
    grid-template-rows: 30px 28px;
    align-content: center;
    gap: 4px;
    padding: 5px;
    border-radius: 13px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 2px;
    width: 100%;
    height: 30px;
    min-height: 30px;
    padding: 2px;
    overflow: hidden;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip {
    width: auto;
    min-width: 0;
    flex: initial;
    height: 26px;
    min-height: 26px;
    padding: 0;
    font-size: 7.6px;
    letter-spacing: 0.02em;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-row: 2;
    height: 28px;
    min-height: 28px;
    border-radius: 8px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
    grid-column: 2;
    width: 64px;
    padding: 2px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-column: 3;
    width: 64px;
    padding: 0 4px;
    font-size: 7px;
    letter-spacing: 0.02em;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip {
    height: 24px;
    min-height: 24px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-type-chip svg {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 360px) {
  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) 58px 58px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
    width: 58px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    width: 58px;
    font-size: 6.5px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip {
    font-size: 7px;
  }
}

/* Terminal mobile overflow guard: keep account, mode and chart controls inside the viewport. */
@media (max-width: 560px) {
  .view-section[data-view="terminal"],
  .view-section[data-view="terminal"] .terminal-grid,
  .view-section[data-view="terminal"] .chart-panel,
  .view-section[data-view="terminal"] .order-panel,
  .view-section[data-view="terminal"] .terminal-top-strip {
    max-width: 100%;
    overflow-x: hidden;
  }

  .view-section[data-view="terminal"] > .section-block:first-child .section-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .terminal-account-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(74px, auto);
    gap: 5px;
    padding: 4px 7px;
  }

  .terminal-account-switch {
    min-width: 0;
    overflow: hidden;
  }

  #terminalAccountLabel {
    font-size: 8px;
  }

  #terminalAccountSelect {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    padding-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
  }

  .terminal-top-strip #terminalAccountSummary,
  .terminal-account-summary-shell {
    min-width: 74px;
  }

  .terminal-account-summary-kicker {
    font-size: 7px;
    letter-spacing: 0.08em;
  }

  .terminal-account-balance-value {
    font-size: 13px;
  }

  #terminalModeSwitch,
  .terminal-mode-switch-shell,
  .terminal-mode-toggle {
    min-width: 0;
  }

  .terminal-mode-toggle .segment {
    min-width: 0;
    overflow: hidden;
  }

  .terminal-mode-logo {
    max-width: 62px;
  }
}

@media (max-width: 360px) {
  .terminal-account-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(66px, auto);
  }

  .terminal-top-strip #terminalAccountSummary,
  .terminal-account-summary-shell {
    min-width: 66px;
  }

  #terminalAccountSelect {
    font-size: 12px;
  }

  .terminal-account-balance-value {
    font-size: 12px;
  }
}

/* Apple Stocks inspired market picker: dense watchlist with premium dark rows. */
.view-section[data-view="terminal"] .terminal-market-picker {
  gap: 8px;
  padding: 9px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% -18%, rgba(104, 149, 214, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(5, 8, 13, 0.99), rgba(2, 4, 8, 0.995));
  border-color: rgba(118, 139, 166, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 12px 26px rgba(0, 0, 0, 0.28);
}

.view-section[data-view="terminal"] .terminal-sheet-head {
  min-height: 0;
  padding: 0 2px 2px;
}

.view-section[data-view="terminal"] .terminal-sheet-head h3 {
  font-size: 14px;
  letter-spacing: -0.04em;
}

.view-section[data-view="terminal"] #terminalMarketsEyebrow,
.view-section[data-view="terminal"] #terminalMarketsCopy,
.view-section[data-view="terminal"] .asset-category-head {
  display: none;
}

.view-section[data-view="terminal"] .terminal-search-field {
  gap: 0;
}

.view-section[data-view="terminal"] .terminal-search-field .micro-label {
  display: none;
}

.view-section[data-view="terminal"] .terminal-search-field input {
  min-height: 36px;
  padding: 8px 12px 8px 34px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028)),
    rgba(255, 255, 255, 0.035);
  border-color: rgba(137, 155, 178, 0.14);
  font-size: 12px;
  font-weight: 700;
}

.view-section[data-view="terminal"] .terminal-search-field::before {
  content: "\2315";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(235, 241, 248, 0.54);
  font-size: 17px;
  line-height: 1;
  pointer-events: none;
}

.view-section[data-view="terminal"] .terminal-search-field {
  position: relative;
}

.view-section[data-view="terminal"] .asset-category-tabs {
  gap: 4px;
  padding: 0 0 1px;
  position: relative;
  z-index: 3;
}

.view-section[data-view="terminal"] .asset-category-tab {
  min-height: 29px;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 8px;
  background: transparent;
  border-color: rgba(126, 151, 184, 0.11);
  color: rgba(226, 234, 244, 0.68);
  font-size: 10px;
  font-weight: 850;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  touch-action: manipulation;
}

.view-section[data-view="terminal"] .asset-category-tab.is-active {
  color: #f7fbff;
  border-color: rgba(112, 168, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(104, 155, 231, 0.22), rgba(54, 100, 166, 0.14)),
    rgba(255, 255, 255, 0.025);
}

.view-section[data-view="terminal"] .asset-category-count {
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 9px;
}

.view-section[data-view="terminal"] .asset-category-tab[data-category="Favorites"] {
  border-color: rgba(229, 197, 122, 0.16);
}

.view-section[data-view="terminal"] .asset-category-tab[data-category="Favorites"].is-active {
  border-color: rgba(229, 197, 122, 0.34);
  background:
    linear-gradient(180deg, rgba(229, 197, 122, 0.22), rgba(132, 103, 42, 0.12)),
    rgba(255, 255, 255, 0.025);
}

.view-section[data-view="terminal"] .asset-section-list,
.view-section[data-view="terminal"] .asset-category-block {
  gap: 0;
}

.view-section[data-view="terminal"] .asset-card-grid {
  gap: 0;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(126, 151, 184, 0.1);
  background:
    linear-gradient(180deg, rgba(6, 10, 16, 0.98), rgba(3, 6, 11, 0.995)),
    #05070b;
}

.view-section[data-view="terminal"] .asset-select-card {
  min-height: 58px;
  gap: 0;
  padding: 7px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(126, 151, 184, 0.08);
  background: transparent;
  box-shadow: none;
}

.view-section[data-view="terminal"] .asset-select-card:last-child {
  border-bottom: 0;
}

.view-section[data-view="terminal"] .asset-select-card:hover,
.view-section[data-view="terminal"] .asset-select-card.is-active {
  transform: none;
  background:
    linear-gradient(90deg, rgba(112, 168, 255, 0.12), rgba(112, 168, 255, 0.035) 55%, transparent),
    rgba(255, 255, 255, 0.018);
  box-shadow: inset 2px 0 0 rgba(116, 170, 248, 0.8);
}

.view-section[data-view="terminal"] .asset-select-card:focus-visible {
  outline: 2px solid rgba(112, 168, 255, 0.62);
  outline-offset: -2px;
}

.view-section[data-view="terminal"] .asset-select-main {
  grid-template-columns: minmax(0, 1fr) clamp(42px, 26%, 74px) minmax(68px, 88px);
  gap: 6px;
  padding: 0 8px;
  align-items: center;
}

.view-section[data-view="terminal"] .asset-select-left {
  gap: 7px;
}

.view-section[data-view="terminal"] .asset-glyph {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex: 0 0 28px;
  box-shadow: none;
}

.view-section[data-view="terminal"] .asset-glyph-mark {
  font-size: 10px;
}

.view-section[data-view="terminal"] .asset-select-copy {
  gap: 1px;
}

.view-section[data-view="terminal"] .asset-select-symbol-row {
  gap: 5px;
}

.view-section[data-view="terminal"] .asset-favorite-toggle {
  width: 22px;
  height: 22px;
  display: inline-grid;
  flex: 0 0 22px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(126, 151, 184, 0.16);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(235, 241, 248, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: 160ms ease;
}

.view-section[data-view="terminal"] .asset-favorite-toggle:hover {
  border-color: rgba(229, 197, 122, 0.38);
  color: rgba(249, 218, 146, 0.92);
}

.view-section[data-view="terminal"] .asset-favorite-toggle.is-active {
  border-color: rgba(229, 197, 122, 0.46);
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 236, 177, 0.34), transparent 58%),
    rgba(229, 197, 122, 0.13);
  color: #f3ca67;
  box-shadow: 0 8px 18px rgba(229, 197, 122, 0.12);
}

.view-section[data-view="terminal"] .asset-select-symbol {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.view-section[data-view="terminal"] .asset-select-label {
  max-width: 100%;
  color: rgba(235, 241, 248, 0.48);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
}

.view-section[data-view="terminal"] .asset-select-chart {
  display: grid !important;
  gap: 0;
  justify-items: stretch;
  align-items: center;
}

.view-section[data-view="terminal"] .asset-select-sparkline {
  width: 100%;
  min-width: 42px;
}

.view-section[data-view="terminal"] .asset-select-sparkline svg {
  width: 100%;
  height: 29px;
}

.view-section[data-view="terminal"] .sparkline-area {
  opacity: 0.42;
}

.view-section[data-view="terminal"] .sparkline-line {
  stroke-width: 2.4;
  filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.32));
}

.view-section[data-view="terminal"] .asset-select-flow,
.view-section[data-view="terminal"] .asset-select-bottom {
  display: none;
}

.view-section[data-view="terminal"] .asset-select-side {
  gap: 5px;
  justify-items: end;
}

.view-section[data-view="terminal"] .asset-select-price {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #f8fbff;
  font-family: "Public Sans", "Sora", sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.view-section[data-view="terminal"] .asset-select-side .quote-change {
  min-width: 56px;
  justify-content: center;
  padding: 5px 7px;
  border-radius: 5px;
  border: 0;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.view-section[data-view="terminal"] .asset-select-side .quote-change.positive {
  background: linear-gradient(180deg, #62d46f, #42ad52);
}

.view-section[data-view="terminal"] .asset-select-side .quote-change.negative {
  background: linear-gradient(180deg, #ff625d, #df403d);
}

.view-section[data-view="terminal"] .asset-favorites-empty {
  border: 1px solid rgba(229, 197, 122, 0.14);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0%, rgba(229, 197, 122, 0.14), transparent 58%),
    rgba(255, 255, 255, 0.025);
}

.view-section[data-view="terminal"] .asset-favorites-empty-icon {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  margin: 0 auto 8px;
  border: 1px solid rgba(229, 197, 122, 0.26);
  border-radius: 10px;
  background: rgba(229, 197, 122, 0.1);
  color: #f3ca67;
  font-size: 18px;
}

@media (min-width: 880px) {
  .view-section[data-view="terminal"] .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 44px minmax(54px, 68px);
    gap: 5px;
    padding: 0 7px;
  }

  .view-section[data-view="terminal"] .asset-glyph {
    display: none;
  }

  .view-section[data-view="terminal"] .asset-select-symbol {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .asset-select-label {
    font-size: 9px;
  }

  .view-section[data-view="terminal"] .asset-select-price {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .asset-select-side .quote-change {
    min-width: 48px;
    padding: 4px 5px;
    font-size: 9px;
  }
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-market-picker {
    gap: 7px;
    padding: 8px;
  }

  .view-section[data-view="terminal"] .terminal-sheet-head h3 {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .asset-select-card {
    min-height: 55px;
    padding: 6px 0;
  }

  .view-section[data-view="terminal"] .asset-select-main {
    grid-template-columns: minmax(0, 1fr) clamp(56px, 22vw, 78px) minmax(76px, 94px);
    gap: 7px;
    padding: 0 8px;
  }

  .view-section[data-view="terminal"] .asset-select-price {
    font-size: 15px;
  }

  .view-section[data-view="terminal"] .asset-select-side .quote-change {
    min-width: 54px;
    font-size: 10px;
  }
}

@media (max-width: 370px) {
  .view-section[data-view="terminal"] .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 48px minmax(66px, 78px);
    gap: 5px;
    padding: 0 6px;
  }

  .view-section[data-view="terminal"] .asset-glyph {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    flex-basis: 24px;
  }

  .view-section[data-view="terminal"] .asset-select-symbol {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .asset-select-label {
    font-size: 9px;
  }

  .view-section[data-view="terminal"] .asset-select-price {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .asset-select-side .quote-change {
    min-width: 48px;
    padding: 4px 5px;
    font-size: 9px;
  }
}

/* Terminal header + chart toolbar v4: tighter, connected, no dead strip under controls. */
.view-section[data-view="terminal"] .terminal-market-header {
  margin-bottom: 5px;
  padding: 0;
  border-bottom: 0;
}

.view-section[data-view="terminal"] .terminal-market-shell {
  padding: 7px 8px;
  border-radius: 12px;
  border: 1px solid rgba(126, 151, 184, 0.13);
  background:
    radial-gradient(circle at 8% 0%, rgba(102, 151, 222, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(9, 14, 23, 0.94), rgba(5, 8, 14, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.028),
    0 8px 18px rgba(0, 0, 0, 0.18);
}

.view-section[data-view="terminal"] .terminal-market-shell-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.view-section[data-view="terminal"] .terminal-market-trigger {
  min-width: 0;
}

.view-section[data-view="terminal"] .terminal-market-trigger .asset-glyph {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 9px;
}

.view-section[data-view="terminal"] .terminal-market-symbol {
  font-size: 19px;
}

.view-section[data-view="terminal"] .terminal-market-trigger-copy .micro-copy {
  color: rgba(220, 228, 238, 0.55);
  font-size: 10px;
  font-weight: 750;
}

.view-section[data-view="terminal"] .terminal-market-shell-tags {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  min-width: 0;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid rgba(126, 151, 184, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(4, 8, 14, 0.72);
}

.view-section[data-view="terminal"] .terminal-market-tag,
.view-section[data-view="terminal"] .terminal-pro-badge {
  min-height: 20px;
  padding: 0 7px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(225, 233, 244, 0.7);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

.view-section[data-view="terminal"] .terminal-market-tag + .terminal-market-tag,
.view-section[data-view="terminal"] .terminal-pro-badge {
  box-shadow: inset 1px 0 0 rgba(126, 151, 184, 0.12);
}

.view-section[data-view="terminal"] .terminal-market-tag.is-live {
  gap: 5px;
  color: #9cf0b7;
}

.view-section[data-view="terminal"] .terminal-market-tag.is-live::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #77f2a0;
  box-shadow: 0 0 10px rgba(119, 242, 160, 0.55);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
  padding-top: 48px;
  border-radius: 14px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
  top: 6px;
  width: min(500px, calc(100% - 12px));
  height: 38px;
  grid-template-columns: minmax(0, 1fr) 72px 70px;
  gap: 4px;
  padding: 4px;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(8, 13, 21, 0.94), rgba(4, 7, 13, 0.96)),
    rgba(5, 9, 16, 0.94);
  border-color: rgba(139, 163, 194, 0.12);
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  height: 30px;
  min-height: 30px;
  border-radius: 8px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
  gap: 1px;
  padding: 2px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  height: 26px;
  min-height: 26px;
  border-radius: 6px;
  font-size: 8.8px;
  letter-spacing: 0.035em;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
  width: 72px;
  padding: 2px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
  width: 70px;
  padding: 0 6px;
  font-size: 8px;
}

.view-section[data-view="terminal"]:not(.is-scalper-pro) .chart-container {
  border-radius: 0 0 14px 14px;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-market-header {
    margin-bottom: 4px;
  }

  .view-section[data-view="terminal"] .terminal-market-shell {
    padding: 6px 7px;
    border-radius: 11px;
  }

  .view-section[data-view="terminal"] .terminal-market-shell-top {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
  }

  .view-section[data-view="terminal"] .terminal-market-switch-pill {
    display: none;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger {
    gap: 7px;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger .asset-glyph {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    border-radius: 8px;
  }

  .view-section[data-view="terminal"] .terminal-market-symbol {
    font-size: 17px;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger-copy .micro-copy {
    font-size: 9px;
  }

  .view-section[data-view="terminal"] .terminal-market-shell-tags {
    padding: 2px;
  }

  .view-section[data-view="terminal"] .terminal-market-tag,
  .view-section[data-view="terminal"] .terminal-pro-badge {
    min-height: 18px;
    padding: 0 5px;
    font-size: 7px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    padding-top: 73px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    top: 5px;
    height: 66px;
    grid-template-columns: minmax(0, 1fr) minmax(86px, 0.58fr);
    grid-template-rows: 30px 28px;
    gap: 3px;
    padding: 4px;
    border-radius: 11px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs {
    height: 30px;
    min-height: 30px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-row: 2;
    height: 28px;
    min-height: 28px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #timeframeTabs .terminal-timeframe-chip {
    height: 26px;
    min-height: 26px;
    font-size: 8px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs {
    grid-column: 1;
    width: 100%;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    grid-column: 2;
    width: 100%;
    font-size: 8px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs .terminal-timeframe-chip {
    height: 24px;
    min-height: 24px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-type-chip svg {
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 370px) {
  .view-section[data-view="terminal"] .terminal-market-shell-top {
    grid-template-columns: minmax(0, 1fr);
  }

  .view-section[data-view="terminal"] .terminal-market-shell-tags {
    justify-self: start;
    margin-left: 33px;
    margin-top: -3px;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(76px, 0.58fr);
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTypeTabs,
  .view-section[data-view="terminal"]:not(.is-scalper-pro) #chartTradesToggle.button-compact {
    width: 100%;
  }
}

/* Terminal account selector v2: stricter premium card without the detached color band. */
.view-section[data-view="terminal"] .terminal-top-strip {
  margin-bottom: 6px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.view-section[data-view="terminal"] .terminal-top-strip .section-head,
.view-section[data-view="terminal"] .terminal-top-main {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.view-section[data-view="terminal"] .terminal-top-main {
  align-items: center;
  gap: 8px;
}

.view-section[data-view="terminal"] .terminal-account-cluster {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 52px;
  padding: 7px 9px;
  border-radius: 13px;
  border: 1px solid rgba(125, 146, 174, 0.16);
  background:
    linear-gradient(180deg, rgba(12, 17, 26, 0.98), rgba(6, 10, 17, 0.99)),
    #070b12;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 24px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  backdrop-filter: blur(14px) saturate(125%);
}

.view-section[data-view="terminal"] .terminal-account-cluster:hover {
  background:
    linear-gradient(180deg, rgba(15, 21, 32, 0.99), rgba(7, 12, 20, 0.995)),
    #070b12;
  border-color: rgba(145, 169, 201, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 28px rgba(0, 0, 0, 0.24);
}

.view-section[data-view="terminal"] .terminal-account-cluster::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(198, 214, 236, 0.2), transparent);
  pointer-events: none;
}

.view-section[data-view="terminal"] .terminal-account-switch {
  position: relative;
  min-width: 0;
  padding-right: 18px;
}

.view-section[data-view="terminal"] .terminal-account-switch::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid rgba(215, 226, 242, 0.58);
  border-bottom: 1.5px solid rgba(215, 226, 242, 0.58);
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  color: rgba(194, 208, 226, 0.6);
  font-size: 8px;
  letter-spacing: 0.11em;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  width: 17px;
  height: 17px;
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(134, 170, 224, 0.16), rgba(92, 121, 164, 0.1)),
    rgba(255, 255, 255, 0.025);
  color: rgba(224, 234, 248, 0.9);
  box-shadow: inset 0 0 0 1px rgba(144, 168, 199, 0.12);
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  min-height: 26px;
  padding: 0;
  color: #f8fbff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
  min-width: 112px;
  padding-left: 10px;
  border-left: 1px solid rgba(126, 151, 184, 0.12);
}

.view-section[data-view="terminal"] .terminal-account-summary-shell {
  min-width: 102px;
  gap: 3px;
}

.view-section[data-view="terminal"] .terminal-account-summary-kicker {
  color: rgba(194, 208, 226, 0.56);
  font-size: 8px;
  letter-spacing: 0.11em;
}

.view-section[data-view="terminal"] .terminal-account-balance-value {
  color: #f8fbff;
  font-size: 16px;
  font-weight: 900;
}

.view-section[data-view="terminal"] .terminal-account-summary-tags {
  gap: 3px;
}

.view-section[data-view="terminal"] .terminal-account-tag {
  min-height: 15px;
  padding: 0 5px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(137, 160, 190, 0.12);
  color: rgba(221, 231, 245, 0.72);
  font-size: 7px;
  font-weight: 900;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-top-strip {
    position: sticky;
    top: 0;
    z-index: 8;
    padding-top: max(env(safe-area-inset-top), 0px);
  }

  .view-section[data-view="terminal"] .terminal-top-main {
    gap: 6px;
  }

  .view-section[data-view="terminal"] .terminal-account-cluster {
    min-height: 48px;
    grid-template-columns: minmax(0, 1fr) minmax(82px, auto);
    gap: 7px;
    padding: 6px 8px;
    border-radius: 12px;
  }

  .view-section[data-view="terminal"] .terminal-account-switch {
    padding-right: 15px;
  }

  .view-section[data-view="terminal"] #terminalAccountSelect {
    font-size: 13px;
  }

  .view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
    min-width: 82px;
    padding-left: 7px;
  }

  .view-section[data-view="terminal"] .terminal-account-summary-shell {
    min-width: 76px;
  }

  .view-section[data-view="terminal"] .terminal-account-balance-value {
    font-size: 13px;
  }
}

@media (max-width: 370px) {
  .view-section[data-view="terminal"] .terminal-account-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(72px, auto);
  }

  .view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
    min-width: 72px;
  }

  .view-section[data-view="terminal"] .terminal-account-summary-shell {
    min-width: 66px;
  }

  .view-section[data-view="terminal"] .terminal-account-summary-tags {
    display: none;
  }
}

@media (max-width: 760px) {
  .influencer-shell {
    width: min(100% - 18px, 680px);
    padding-top: 10px;
  }

  .influencer-topbar,
  .influencer-topbar .admin-actions {
    align-items: stretch;
  }

  .influencer-topbar {
    display: grid;
    gap: 12px;
  }

  .influencer-topbar .admin-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .influencer-topbar .user-pill {
    max-width: none;
    width: 100%;
  }

  .influencer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .influencer-stats .stat-card {
    min-height: 104px;
    padding: 13px;
  }

  .influencer-table {
    min-width: 620px;
  }
}

@media (max-width: 520px) {
  .influencer-login-card {
    width: min(100%, calc(100vw - 22px));
    margin-top: 5vh;
    padding: 22px;
  }

  .influencer-stats {
    grid-template-columns: 1fr;
  }

  .influencer-topbar .admin-actions {
    grid-template-columns: 1fr;
  }

  .influencer-create-card .hero-actions .button {
    width: 100%;
  }
}

/* Influencer partner portal */
.influencer-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(62, 118, 232, 0.22), transparent 34%),
    radial-gradient(circle at 82% 6%, rgba(45, 211, 155, 0.08), transparent 28%),
    linear-gradient(180deg, #04070d 0%, #07101b 46%, #04070d 100%);
}

.influencer-page::before {
  opacity: 0.52;
  background:
    linear-gradient(115deg, rgba(80, 134, 236, 0.12), transparent 34%),
    radial-gradient(circle at 72% 30%, rgba(255, 255, 255, 0.055), transparent 24%);
}

.influencer-page::after {
  opacity: 0.05;
}

.influencer-shell {
  width: min(1180px, calc(100% - 32px));
  min-height: 100vh;
  padding: 28px 0 42px;
}

.influencer-login-card {
  width: min(1040px, 100%);
  margin: clamp(18px, 7vh, 74px) auto 0;
  padding: clamp(20px, 3.8vw, 42px);
  border-radius: 22px;
  border: 1px solid rgba(135, 166, 212, 0.18);
  background:
    radial-gradient(circle at 8% 8%, rgba(80, 134, 236, 0.2), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(45, 211, 155, 0.08), transparent 28%),
    linear-gradient(155deg, rgba(16, 24, 37, 0.98), rgba(5, 9, 16, 0.99) 58%, rgba(7, 14, 24, 0.98));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.influencer-login-brand,
.influencer-portal-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: rgba(235, 243, 255, 0.88);
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.influencer-brand-logo {
  display: block;
  width: 150px;
  max-width: 42vw;
  height: auto;
  object-fit: contain;
}

.influencer-login-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.72fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: end;
  padding-top: clamp(28px, 6vw, 74px);
}

.influencer-login-copy {
  display: grid;
  gap: 20px;
  max-width: 640px;
}

.influencer-page .eyebrow {
  color: #6ea8ff;
  font-family: "Sora", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.influencer-login-copy h1,
.influencer-portal-hero h1 {
  margin: 0;
  color: #f7fbff;
  font-family: "Sora", sans-serif;
  font-size: clamp(36px, 6vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.065em;
  max-width: 760px;
}

.influencer-page .muted-copy {
  margin: 0;
  color: rgba(202, 214, 232, 0.78);
  font-size: 15px;
  line-height: 1.55;
}

.influencer-login-copy > .muted-copy {
  max-width: 560px;
  font-size: clamp(16px, 2vw, 19px);
}

.influencer-login-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.influencer-login-proof span {
  min-height: 78px;
  padding: 16px;
  border: 1px solid rgba(135, 166, 212, 0.14);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018));
  color: #f2f7ff;
  font-weight: 800;
  line-height: 1.25;
}

.influencer-login-form {
  padding: 22px;
  border: 1px solid rgba(135, 166, 212, 0.16);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(5, 10, 18, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.influencer-login-form h2 {
  margin: 0 0 6px;
  font-family: "Sora", sans-serif;
  font-size: 24px;
  letter-spacing: -0.035em;
}

.influencer-page .field {
  gap: 9px;
  color: rgba(213, 224, 240, 0.7);
  font-weight: 800;
}

.influencer-page .field input,
.influencer-page .field select {
  min-height: 48px;
  border-radius: 12px;
  border-color: rgba(135, 166, 212, 0.16);
  background: rgba(2, 7, 14, 0.64);
}

.influencer-page .button {
  min-height: 46px;
  border-radius: 12px;
  font-family: "Sora", sans-serif;
}

.influencer-page .button-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #66a4ff, #2f6fed 64%, #235fd4);
  border-color: rgba(122, 174, 255, 0.4);
  box-shadow: 0 16px 36px rgba(47, 111, 237, 0.28);
}

.influencer-page .button-secondary {
  color: #eaf2ff;
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(135, 166, 212, 0.2);
}

.influencer-dashboard {
  display: grid;
  gap: 18px;
}

.influencer-portal-header {
  position: sticky;
  top: 14px;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(135, 166, 212, 0.15);
  border-radius: 18px;
  background: rgba(5, 9, 16, 0.78);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(18px);
}

.influencer-portal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.influencer-portal-header .user-pill {
  margin: 0;
  min-width: 0;
  max-width: 260px;
  border-radius: 14px;
  border-color: rgba(135, 166, 212, 0.15);
  background: rgba(255, 255, 255, 0.04);
}

.influencer-portal-header .user-pill span:not(.dot) {
  display: block;
  color: rgba(205, 216, 232, 0.68);
  font-size: 11px;
}

.influencer-portal-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
  gap: 24px;
  align-items: end;
  min-height: 278px;
  padding: clamp(22px, 4.5vw, 48px);
  border: 1px solid rgba(135, 166, 212, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(4, 8, 15, 0.2), rgba(4, 8, 15, 0.76)),
    radial-gradient(circle at 12% 4%, rgba(103, 159, 255, 0.36), transparent 34%),
    linear-gradient(135deg, #112035 0%, #07101b 54%, #04070d 100%);
  box-shadow: 0 30px 74px rgba(0, 0, 0, 0.34);
}

.influencer-portal-hero::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -150px;
  width: 430px;
  height: 430px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(73, 139, 255, 0.28), transparent 64%);
  pointer-events: none;
}

.influencer-portal-hero > * {
  position: relative;
  z-index: 1;
}

.influencer-portal-hero .muted-copy {
  max-width: 610px;
  margin-top: 18px;
  font-size: 17px;
}

.influencer-hero-card {
  display: grid;
  gap: 7px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
}

.influencer-hero-card span,
.influencer-hero-card small {
  color: rgba(219, 230, 246, 0.7);
  font-weight: 800;
}

.influencer-hero-card strong {
  font-family: "Sora", sans-serif;
  font-size: 46px;
  letter-spacing: -0.06em;
}

.influencer-main-grid {
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1fr);
  align-items: stretch;
}

.influencer-page .panel {
  border-radius: 20px;
  border-color: rgba(135, 166, 212, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(6, 11, 19, 0.9);
}

.influencer-page .section-head h3 {
  margin: 0;
  font-family: "Sora", sans-serif;
  letter-spacing: -0.035em;
}

.influencer-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.influencer-stats .stat-card {
  min-height: 112px;
  padding: 16px;
  border-radius: 18px;
  border-color: rgba(135, 166, 212, 0.13);
  background:
    linear-gradient(145deg, rgba(91, 151, 255, 0.105), transparent 48%),
    rgba(7, 13, 22, 0.92);
}

.influencer-stats .stat-card strong {
  font-size: clamp(22px, 2.6vw, 32px);
  color: #f8fbff;
}

.influencer-stats .stat-card span,
.influencer-stats .stat-card small {
  color: rgba(205, 217, 234, 0.72);
}

.influencer-create-card {
  min-height: 100%;
}

.influencer-create-card::after {
  width: 260px;
  height: 260px;
  background: rgba(47, 111, 237, 0.11);
}

.influencer-page .micro-copy {
  color: rgba(189, 203, 224, 0.68);
}

.influencer-table {
  min-width: 720px;
}

.influencer-table th {
  color: rgba(200, 214, 235, 0.66);
  font-size: 11px;
  letter-spacing: 0.1em;
}

.influencer-table td {
  color: rgba(232, 240, 252, 0.9);
}

.influencer-table td:first-child strong,
.influencer-table td:nth-child(2) strong {
  color: #ffffff;
}

.influencer-page .empty-state {
  border-color: rgba(135, 166, 212, 0.12);
  background: rgba(255, 255, 255, 0.025);
}

.influencer-page .toast {
  border-radius: 14px;
  background: rgba(7, 13, 22, 0.96);
}

@media (max-width: 900px) {
  .influencer-login-layout,
  .influencer-portal-hero,
  .influencer-main-grid {
    grid-template-columns: 1fr;
  }

  .influencer-login-proof,
  .influencer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .influencer-portal-hero {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .influencer-shell {
    width: 100%;
    padding: 10px 10px 30px;
  }

  .influencer-page {
    overflow-x: hidden;
  }

  .influencer-page .toast-stack {
    inset: 12px 10px auto;
    right: 10px;
  }

  .influencer-page .toast {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .influencer-shell {
    padding-top: 10px;
  }

  .influencer-login-card {
    width: 100%;
    margin-top: 0;
    padding: 16px;
    border-radius: 18px;
  }

  .influencer-brand-logo {
    width: 118px;
  }

  .influencer-login-brand {
    justify-content: space-between;
    width: 100%;
    gap: 10px;
  }

  .influencer-login-brand span {
    padding: 7px 9px;
    border: 1px solid rgba(135, 166, 212, 0.14);
    border-radius: 999px;
    color: rgba(224, 234, 248, 0.78);
    font-size: 9px;
    letter-spacing: 0.1em;
  }

  .influencer-login-layout {
    gap: 18px;
    padding-top: 24px;
  }

  .influencer-login-copy h1,
  .influencer-portal-hero h1 {
    font-size: clamp(30px, 10.6vw, 44px);
    line-height: 0.98;
  }

  .influencer-login-copy {
    gap: 14px;
  }

  .influencer-login-copy > .muted-copy,
  .influencer-portal-hero .muted-copy {
    font-size: 14px;
    line-height: 1.45;
  }

  .influencer-login-proof {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .influencer-login-proof span {
    min-height: 0;
    padding: 11px 12px;
    border-radius: 12px;
    font-size: 12px;
  }

  .influencer-login-form {
    padding: 16px;
    border-radius: 16px;
  }

  .influencer-login-form h2 {
    font-size: 22px;
  }

  .influencer-page .field input,
  .influencer-page .field select,
  .influencer-page .button {
    min-height: 48px;
  }

  .influencer-dashboard {
    gap: 12px;
  }

  .influencer-portal-header,
  .influencer-portal-actions {
    align-items: stretch;
  }

  .influencer-portal-header {
    position: sticky;
    top: 8px;
    display: grid;
    gap: 10px;
    padding: 11px;
    border-radius: 16px;
  }

  .influencer-portal-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .influencer-portal-header .user-pill {
    max-width: none;
    width: 100%;
    min-height: 44px;
    padding: 9px 10px;
  }

  .influencer-portal-header .button {
    min-width: 84px;
    padding-inline: 12px;
  }

  .influencer-portal-hero,
  .influencer-page .panel {
    border-radius: 18px;
  }

  .influencer-portal-hero {
    gap: 16px;
    padding: 18px;
  }

  .influencer-hero-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 14px;
    border-radius: 14px;
  }

  .influencer-hero-card strong {
    grid-row: 1 / 3;
    grid-column: 2;
    font-size: 36px;
  }

  .influencer-hero-card small {
    font-size: 11px;
  }

  .influencer-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .influencer-stats .stat-card {
    min-height: 96px;
    padding: 13px;
    border-radius: 14px;
  }

  .influencer-stats .stat-card strong {
    font-size: clamp(18px, 7vw, 24px);
  }

  .influencer-main-grid {
    gap: 12px;
  }

  .influencer-page .panel {
    padding: 15px;
  }

  .influencer-page .section-block {
    margin-bottom: 12px;
  }

  .influencer-page .form-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .influencer-create-card .hero-actions .button {
    width: 100%;
  }

  .influencer-page .table-wrap {
    overflow: visible;
  }

  .influencer-table {
    display: block;
    min-width: 0;
    width: 100%;
  }

  .influencer-table thead {
    display: none;
  }

  .influencer-table tbody,
  .influencer-table tr,
  .influencer-table td {
    display: block;
    width: 100%;
  }

  .influencer-table tr {
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid rgba(135, 166, 212, 0.12);
    border-radius: 14px;
    background:
      linear-gradient(145deg, rgba(91, 151, 255, 0.055), transparent 46%),
      rgba(3, 8, 15, 0.58);
  }

  .influencer-table td {
    display: grid;
    grid-template-columns: minmax(82px, 0.36fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 8px 0;
    border: 0;
    color: rgba(234, 241, 252, 0.92);
  }

  .influencer-table td + td {
    border-top: 1px solid rgba(135, 166, 212, 0.08);
  }

  .influencer-table td::before {
    content: attr(data-label);
    color: rgba(164, 181, 207, 0.64);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .influencer-table td[colspan] {
    display: block;
    padding: 0;
  }

  .influencer-table td[colspan]::before {
    display: none;
  }

  .influencer-table .status-badge {
    justify-self: start;
  }

  .influencer-table .table-stack {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .influencer-shell {
    padding-inline: 8px;
  }

  .influencer-login-card,
  .influencer-portal-header,
  .influencer-portal-hero,
  .influencer-page .panel {
    border-radius: 15px;
  }

  .influencer-login-proof {
    display: none;
  }

  .influencer-stats {
    grid-template-columns: 1fr;
  }

  .influencer-portal-actions {
    grid-template-columns: 1fr;
  }

  .influencer-table td {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Influencer login cleanup and fixed quick links */
.influencer-shell {
  padding-bottom: 118px;
}

.influencer-login-card {
  width: min(900px, 100%);
}

.influencer-login-layout {
  grid-template-columns: minmax(0, 0.9fr) minmax(310px, 0.64fr);
  align-items: center;
  padding-top: clamp(24px, 4.5vw, 52px);
}

.influencer-login-copy {
  gap: 14px;
}

.influencer-login-copy h1 {
  max-width: 560px;
}

.influencer-login-copy > .muted-copy {
  max-width: 420px;
}

.influencer-bottom-dock {
  position: fixed;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 30;
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: min(430px, calc(100vw - 28px));
  padding: 8px;
  border: 1px solid rgba(135, 166, 212, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(15, 23, 36, 0.88), rgba(5, 9, 16, 0.9)),
    rgba(5, 9, 16, 0.86);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(18px);
  transform: translateX(-50%);
}

.influencer-dock-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(135, 166, 212, 0.16);
  border-radius: 13px;
  color: rgba(235, 244, 255, 0.92);
  background: rgba(255, 255, 255, 0.045);
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.influencer-dock-link:hover {
  border-color: rgba(110, 168, 255, 0.4);
  background: rgba(110, 168, 255, 0.12);
  transform: translateY(-1px);
}

.influencer-dock-link-primary {
  background: linear-gradient(135deg, rgba(69, 160, 255, 0.92), rgba(47, 111, 237, 0.92));
  border-color: rgba(121, 184, 255, 0.46);
  color: #ffffff;
}

.influencer-dock-icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  font-size: 10px;
  letter-spacing: -0.02em;
}

@media (max-width: 760px) {
  .influencer-login-card {
    width: 100%;
  }

  .influencer-login-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .influencer-shell {
    padding-bottom: 104px;
  }

  .influencer-login-layout {
    padding-top: 20px;
  }

  .influencer-login-copy h1 {
    max-width: 100%;
  }

  .influencer-bottom-dock {
    width: calc(100vw - 18px);
    bottom: max(10px, env(safe-area-inset-bottom));
    border-radius: 16px;
  }

  .influencer-dock-link {
    min-height: 42px;
    padding: 9px 10px;
    font-size: 11px;
  }
}

@media (max-width: 360px) {
  .influencer-bottom-dock {
    grid-template-columns: 1fr;
  }

  .influencer-shell {
    padding-bottom: 152px;
  }
}

/* v20260510c: stricter influencer portal top bar and partner banner */
.influencer-portal-header {
  display: grid;
  grid-template-columns: minmax(220px, auto) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 14px;
  border-color: rgba(156, 178, 213, 0.18);
  background:
    linear-gradient(180deg, rgba(12, 18, 29, 0.92), rgba(5, 9, 16, 0.9)),
    rgba(5, 9, 16, 0.92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34), inset 0 -1px 0 rgba(255, 255, 255, 0.035);
}

.influencer-portal-brand {
  min-width: 0;
  text-decoration: none;
}

.influencer-portal-brand .influencer-brand-logo {
  width: 128px;
  max-width: 34vw;
}

.influencer-portal-brand-text {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-left: 12px;
  border-left: 1px solid rgba(151, 174, 209, 0.2);
  line-height: 1;
}

.influencer-portal-brand-text strong {
  color: #f5f8ff;
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.influencer-portal-brand-text small {
  color: rgba(183, 197, 219, 0.66);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.influencer-portal-nav {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 4px;
  border: 1px solid rgba(151, 174, 209, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.influencer-portal-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  color: rgba(222, 232, 247, 0.78);
  font-family: "Sora", sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.influencer-portal-nav a:hover {
  color: #ffffff;
  background: rgba(110, 168, 255, 0.12);
}

.influencer-support-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(135, 166, 212, 0.16);
  border-radius: 11px;
  color: rgba(224, 235, 252, 0.86);
  background: rgba(255, 255, 255, 0.04);
  font-family: "Sora", sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.influencer-support-link:hover {
  color: #ffffff;
  border-color: rgba(110, 168, 255, 0.34);
  background: rgba(110, 168, 255, 0.1);
}

.influencer-hero-banner {
  position: relative;
  grid-column: 1 / -1;
  overflow: hidden;
  margin: 8px 0 0;
  border: 1px solid rgba(135, 166, 212, 0.14);
  border-radius: 18px;
  background: #030509;
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.34);
}

.influencer-hero-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(4, 8, 15, 0.04), transparent 52%, rgba(4, 8, 15, 0.32)),
    linear-gradient(180deg, transparent 58%, rgba(4, 8, 15, 0.2));
}

.influencer-hero-banner img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 220px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 980px) {
  .influencer-portal-header {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .influencer-portal-nav {
    justify-self: stretch;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .influencer-portal-nav::-webkit-scrollbar {
    display: none;
  }

  .influencer-portal-actions {
    justify-content: stretch;
  }
}

@media (max-width: 640px) {
  .influencer-portal-header {
    padding: 10px;
  }

  .influencer-portal-brand .influencer-brand-logo {
    width: 112px;
  }

  .influencer-portal-brand-text {
    display: none;
  }

  .influencer-portal-nav a {
    min-height: 32px;
    padding: 0 10px;
    font-size: 10px;
  }

  .influencer-support-link {
    display: none;
  }

  .influencer-hero-banner {
    border-radius: 14px;
  }

  .influencer-hero-banner img {
    min-height: 160px;
  }
}

/* v20260515c: stable checkout code input and keyboard-safe purchase flow */
#purchaseModal .modal-sheet {
  max-height: min(calc(100dvh - 18px), 900px);
}

#purchaseModal .modal-body {
  scroll-padding: 28px 0 170px;
}

body.purchase-code-keyboard-open #purchaseModal .modal-body {
  padding-bottom: clamp(132px, 30vh, 230px);
}

@media (min-width: 769px) {
  body.purchase-code-keyboard-open #purchaseModal .modal-body {
    padding-bottom: 0;
  }
}

#purchaseBody .purchase-code-card {
  position: relative;
  z-index: 5;
  overflow: visible;
  scroll-margin-block: 120px;
}

#purchaseBody .purchase-code-single-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 10px;
}

#purchaseBody .purchase-code-field {
  display: grid;
  gap: 7px;
}

#purchaseBody .purchase-code-field > span {
  padding-bottom: 0;
  color: rgba(203, 219, 240, 0.72);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#purchaseBody .purchase-code-input-row {
  grid-template-columns: minmax(0, 1fr) 48px;
  min-height: 54px;
  border-radius: 15px;
  border-color: rgba(126, 183, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(10, 18, 31, 0.98), rgba(5, 10, 19, 0.98)),
    rgba(8, 13, 22, 0.96);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.025),
    0 12px 24px rgba(0, 0, 0, 0.18);
}

#purchaseBody .purchase-code-input-row:focus-within {
  border-color: rgba(80, 150, 255, 0.62);
  box-shadow:
    0 0 0 4px rgba(62, 128, 255, 0.14),
    0 14px 30px rgba(0, 0, 0, 0.24);
}

#purchaseBody .purchase-code-input-row input {
  height: 52px;
  min-height: 52px;
  padding: 0 14px;
  color: #f7fbff;
  caret-color: #7eb7ff;
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 52px;
  text-transform: uppercase;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

#purchaseBody .purchase-code-input-row input::placeholder {
  color: rgba(174, 196, 224, 0.4);
  letter-spacing: 0.1em;
}

#purchaseBody .purchase-code-icon-button {
  width: 48px;
  min-width: 48px;
  height: 52px;
  border-left: 1px solid rgba(126, 183, 255, 0.16);
  color: rgba(219, 234, 255, 0.9);
  background:
    linear-gradient(180deg, rgba(47, 103, 190, 0.16), rgba(20, 44, 78, 0.16)),
    rgba(255, 255, 255, 0.025);
}

#purchaseBody .purchase-code-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

#purchaseBody .purchase-code-actions .button {
  min-height: 44px;
  width: 100%;
  border-radius: 13px;
}

#purchaseBody .purchase-code-actions .button-secondary {
  min-width: 92px;
}

#purchaseBody .purchase-code-status-grid {
  gap: 8px;
}

#purchaseBody .purchase-code-status {
  min-width: 0;
  padding: 10px;
}

#purchaseBody .purchase-code-status strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 560px) {
  #purchaseModal {
    align-items: stretch;
    padding: 8px;
  }

  #purchaseModal .modal-sheet {
    max-height: calc(100dvh - 10px);
  }

  #purchaseBody .purchase-code-card {
    scroll-margin-block: 90px;
  }

  #purchaseBody .purchase-code-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  #purchaseBody .purchase-code-status-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #purchaseBody .purchase-code-card .muted-copy {
    font-size: 0.72rem;
  }
}

/* v20260516wide: wide-screen app workspace without mobile-looking empty zones. */
@media (min-width: 1120px) {
  body {
    background:
      radial-gradient(circle at 8% 8%, rgba(82, 134, 210, 0.13), transparent 30%),
      radial-gradient(circle at 88% 10%, rgba(45, 211, 155, 0.055), transparent 26%),
      linear-gradient(180deg, #050b13 0%, #07111d 48%, #050912 100%);
  }

  body::before {
    background:
      radial-gradient(circle at 18% 12%, rgba(110, 168, 255, 0.12), transparent 26%),
      radial-gradient(circle at 86% 18%, rgba(207, 177, 105, 0.055), transparent 24%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
  }

  body::after {
    opacity: 0.075;
    background-size: 100% 44px, 44px 100%;
  }

  .app-shell {
    width: min(1500px, calc(100% - 48px));
    padding: 20px 0 46px 104px;
  }

  .topbar {
    position: sticky;
    top: 14px;
    z-index: 40;
    margin-bottom: 18px;
    padding: 12px 16px;
    border-radius: 20px;
    background:
      linear-gradient(180deg, rgba(12, 19, 30, 0.955), rgba(7, 12, 20, 0.94)),
      rgba(255, 255, 255, 0.014);
    -webkit-backdrop-filter: blur(22px) saturate(130%);
    backdrop-filter: blur(22px) saturate(130%);
  }

  .content-shell,
  .view-section.is-active {
    gap: 16px;
  }

  .view-section.is-active {
    display: grid;
  }

  .section-block {
    margin-bottom: 0;
  }

  .panel,
  .modal-sheet,
  .auth-card {
    border-radius: 20px;
  }

  .bottom-nav {
    left: max(18px, calc((100vw - 1500px) / 2 + 18px));
    top: 116px;
    bottom: auto;
    transform: none;
    width: 78px;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px;
    border-radius: 22px;
    overflow: visible;
    background:
      linear-gradient(180deg, rgba(10, 16, 25, 0.9), rgba(5, 9, 16, 0.9)),
      rgba(255, 255, 255, 0.012);
    box-shadow:
      0 24px 54px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

  .nav-button {
    min-height: 76px;
    padding: 9px 4px;
    border-radius: 16px;
    gap: 7px;
  }

  .nav-button + .nav-button {
    box-shadow: inset 0 1px 0 rgba(132, 156, 188, 0.1);
  }

  .nav-button::before {
    left: 7px;
    top: 50%;
    bottom: auto;
    width: 3px;
    height: 22px;
    transform: translateY(-50%);
  }

  .nav-icon {
    width: 27px;
    height: 27px;
  }

  .nav-icon svg {
    width: 18px;
    height: 18px;
  }

  .nav-label {
    max-width: 100%;
    font-size: 8px;
    line-height: 1.15;
    letter-spacing: 0.045em;
  }

  .view-section[data-view="home"].is-active {
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
    align-items: start;
  }

  .view-section[data-view="home"] > .hero-panel {
    grid-column: 1;
    margin-bottom: 0;
    min-height: 360px;
  }

  .view-section[data-view="home"] > .section-block:nth-of-type(1) {
    grid-column: 2;
    grid-row: 1;
  }

  .view-section[data-view="home"] > .section-block:nth-of-type(2) {
    grid-column: 1 / -1;
  }

  .view-section[data-view="home"] .hero-panel {
    grid-template-columns: minmax(0, 1.18fr) minmax(240px, 0.82fr);
    gap: 18px;
    padding: 24px;
  }

  .view-section[data-view="home"] .hero-panel h2 {
    font-size: clamp(32px, 3.2vw, 54px);
    max-width: 13ch;
  }

  .view-section[data-view="home"] .hero-stats {
    align-content: stretch;
  }

  .view-section[data-view="home"] .hero-stats .stat-card {
    min-height: 0;
  }

  .quote-strip-home {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    max-height: 360px;
    overflow: auto;
    padding-right: 2px;
  }

  .quote-strip-home::-webkit-scrollbar,
  .terminal-market-picker::-webkit-scrollbar {
    width: 6px;
  }

  .quote-strip-home::-webkit-scrollbar-thumb,
  .terminal-market-picker::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(137, 160, 190, 0.2);
  }

  .home-cta-panel {
    grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
    align-items: center;
    padding: 20px;
  }

  .home-cta-actions-rich {
    grid-auto-flow: column;
    grid-template-columns: minmax(180px, 0.64fr) minmax(0, 1fr);
    align-items: stretch;
  }

  .home-cta-utility-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .view-section[data-view="tournaments"].is-active,
  .view-section[data-view="accounts"].is-active,
  .view-section[data-view="terminal"].is-active {
    align-items: start;
  }

  .tournament-hub-panel {
    grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
    gap: 18px;
    padding: 20px;
  }

  .tournament-hub-banner-card,
  .tournament-hub-banner-overlay {
    min-height: 232px;
  }

  .tournament-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .account-overview-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .account-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .view-section[data-view="terminal"] {
    overflow: visible;
  }

  .view-section[data-view="terminal"] .terminal-top-strip {
    position: sticky;
    top: 96px;
    z-index: 22;
    margin-bottom: 2px;
  }

  .view-section[data-view="terminal"] > .section-block:first-child .section-head {
    padding: 8px;
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(9, 15, 24, 0.9), rgba(5, 9, 16, 0.92)),
      rgba(255, 255, 255, 0.012);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }

  .view-section[data-view="terminal"] .terminal-top-main {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(340px, 0.9fr) minmax(300px, auto);
    justify-content: space-between;
  }

  .view-section[data-view="terminal"] .terminal-account-cluster {
    width: 100%;
    max-width: 560px;
  }

  .terminal-grid {
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr) minmax(268px, 318px);
    grid-template-areas: "markets chart order";
    align-items: start;
    gap: 12px;
  }

  .market-panel,
  .order-panel {
    position: sticky;
    top: 172px;
    max-height: calc(100vh - 190px);
    overflow: auto;
  }

  .chart-panel {
    min-height: calc(100vh - 188px);
  }

  .view-section[data-view="terminal"] .terminal-market-picker {
    max-height: calc(100vh - 214px);
    overflow-y: auto;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    min-height: clamp(560px, calc(100vh - 290px), 820px);
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .chart-container {
    min-height: clamp(510px, calc(100vh - 355px), 760px);
  }

  .terminal-history-panel {
    padding: 16px;
  }
}

@media (min-width: 1380px) {
  .app-shell {
    width: min(1660px, calc(100% - 64px));
    padding-left: 116px;
  }

  .bottom-nav {
    left: max(24px, calc((100vw - 1660px) / 2 + 24px));
    width: 84px;
  }

  .terminal-grid {
    grid-template-columns: minmax(270px, 326px) minmax(0, 1fr) minmax(304px, 360px);
    gap: 14px;
  }

  .view-section[data-view="home"].is-active {
    grid-template-columns: minmax(0, 1.18fr) minmax(400px, 0.82fr);
  }

  .quote-strip-home {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 386px;
  }

  .account-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1120px) and (max-width: 1280px) {
  .app-shell {
    width: min(1240px, calc(100% - 32px));
    padding-left: 94px;
  }

  .bottom-nav {
    left: max(12px, calc((100vw - 1240px) / 2 + 12px));
    width: 72px;
    top: 108px;
  }

  .nav-button {
    min-height: 68px;
  }

  .terminal-grid {
    grid-template-columns: minmax(210px, 235px) minmax(0, 1fr) minmax(246px, 282px);
    gap: 10px;
  }

  .view-section[data-view="terminal"] .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 38px minmax(52px, 62px);
  }

  .view-section[data-view="terminal"] .asset-select-price {
    font-size: 12px;
  }

  .tournament-grid,
  .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* v20260516wide2: desktop/tablet layout pass for the trading app. */
@media (min-width: 1120px) {
  .app-shell {
    width: min(1760px, calc(100% - 56px));
    padding-left: 104px;
  }

  .content-shell {
    width: 100%;
  }

  .bottom-nav {
    left: max(18px, calc((100vw - 1760px) / 2 + 18px));
  }

  .topbar-tools {
    gap: 12px;
  }

  .user-pill {
    max-width: 360px;
  }

  .view-section[data-view="home"].is-active {
    grid-template-columns: minmax(620px, 1.06fr) minmax(380px, 0.94fr);
  }

  .view-section[data-view="home"] .hero-panel {
    min-height: 386px;
  }

  .view-section[data-view="home"] .hero-copy {
    align-content: center;
  }

  .view-section[data-view="home"] .hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: stretch;
  }

  .view-section[data-view="home"] .hero-stats-note {
    grid-column: 1 / -1;
  }

  .view-section[data-view="home"] > .section-block:nth-of-type(1) {
    align-self: stretch;
  }

  .view-section[data-view="home"] > .section-block:nth-of-type(1) .section-head {
    min-height: 70px;
  }

  .quote-strip-home {
    max-height: 316px;
    padding: 2px;
  }

  .home-cta-panel {
    grid-template-columns: minmax(320px, 0.72fr) minmax(560px, 1.28fr);
  }

  .home-utility-button {
    min-height: 78px;
  }

  .tournament-hub-panel {
    grid-template-columns: minmax(480px, 0.9fr) minmax(520px, 1.1fr);
    align-items: stretch;
  }

  .tournament-hub-side {
    min-width: 0;
  }

  .tournament-hub-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-overview-strip {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
  }

  .account-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .modal {
    padding: 28px;
  }

  .modal-sheet {
    width: min(920px, 100%);
  }

  .modal-sheet-wide,
  .leaderboard-modal-sheet {
    width: min(1240px, calc(100vw - 64px));
  }

  #purchaseModal .modal-sheet {
    width: min(1040px, calc(100vw - 64px));
  }

  .dashboard-auth-card {
    width: min(1120px, calc(100vw - 64px));
  }

  .dashboard-auth-provider {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  }

  .view-section[data-view="terminal"] .terminal-top-strip {
    top: 94px;
  }

  .view-section[data-view="terminal"] .terminal-top-main {
    grid-template-columns: minmax(460px, 0.86fr) minmax(360px, auto);
    gap: 14px;
    align-items: center;
  }

  .view-section[data-view="terminal"] .terminal-account-cluster {
    max-width: none;
  }

  .terminal-grid {
    grid-template-columns: minmax(260px, 320px) minmax(620px, 1fr) minmax(300px, 360px);
    gap: 14px;
  }

  .market-panel,
  .order-panel {
    top: 168px;
    max-height: calc(100vh - 188px);
  }

  .chart-panel {
    min-height: calc(100vh - 180px);
  }

  .view-section[data-view="terminal"] .terminal-chart-stage {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .terminal-chart-stage {
    min-height: clamp(620px, calc(100vh - 254px), 900px);
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .chart-container {
    min-height: clamp(548px, calc(100vh - 344px), 820px);
  }

  .terminal-history-panel {
    min-height: 260px;
  }

  .terminal-trade-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (min-width: 1500px) {
  .app-shell {
    width: min(1880px, calc(100% - 72px));
    padding-left: 118px;
  }

  .bottom-nav {
    left: max(24px, calc((100vw - 1880px) / 2 + 24px));
    width: 86px;
  }

  .terminal-grid {
    grid-template-columns: minmax(300px, 380px) minmax(720px, 1fr) minmax(336px, 404px);
    gap: 16px;
  }

  .quote-strip-home {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 332px;
  }

  .tournament-grid {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }
}

@media (min-width: 1120px) and (max-width: 1240px) {
  .app-shell {
    width: min(1220px, calc(100% - 28px));
    padding-left: 88px;
  }

  .bottom-nav {
    left: 12px;
    width: 68px;
  }

  .view-section[data-view="home"].is-active {
    grid-template-columns: minmax(0, 1fr);
  }

  .view-section[data-view="home"] > .hero-panel,
  .view-section[data-view="home"] > .section-block:nth-of-type(1),
  .view-section[data-view="home"] > .section-block:nth-of-type(2) {
    grid-column: 1;
    grid-row: auto;
  }

  .quote-strip-home {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .terminal-grid {
    grid-template-columns: minmax(224px, 250px) minmax(0, 1fr) minmax(250px, 290px);
  }
}

/* v20260519tournaments: keep finished events as compact history at the end. */
.tournament-card-finished {
  gap: 10px;
  min-height: 0;
  padding: 14px;
  border-color: rgba(138, 160, 188, 0.12);
  background:
    linear-gradient(180deg, rgba(15, 23, 35, 0.96), rgba(9, 14, 23, 0.97)),
    rgba(255, 255, 255, 0.012);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.018),
    0 10px 22px rgba(2, 7, 16, 0.13);
}

.tournament-card-finished::before {
  height: 1px;
  background: linear-gradient(90deg, rgba(151, 169, 193, 0.36), rgba(151, 169, 193, 0.04));
}

.tournament-card-finished::after {
  opacity: 0.08;
}

.tournament-card-finished .tournament-card-head {
  gap: 6px;
}

.tournament-card-finished .plan-badge,
.tournament-card-finished .status-badge {
  min-height: 24px;
  padding: 5px 8px;
  font-size: 10px;
}

.tournament-card-finished .tournament-card-copy {
  gap: 5px;
  max-width: none;
}

.tournament-card-finished .tournament-card-copy h3 {
  font-size: 17px;
  line-height: 1.12;
}

.tournament-card-finished .tournament-card-copy .muted-copy {
  display: -webkit-box;
  margin: 0;
  max-height: 38px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 12px;
  line-height: 1.35;
}

.tournament-card-summary-compact {
  gap: 6px;
}

.tournament-card-summary-compact .tournament-compact-pill {
  padding: 5px 8px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 1.15;
}

.tournament-card-actions-compact {
  gap: 0;
}

.tournament-card-actions-compact .button {
  min-height: 40px;
  border-radius: 11px;
  font-size: 12px;
}

@media (min-width: 1120px) {
  .tournament-card-finished {
    align-self: start;
  }
}

@media (max-width: 560px) {
  .tournament-card-finished {
    padding: 12px;
  }

  .tournament-card-finished .tournament-card-copy h3 {
    font-size: 16px;
  }
}

/* v20260519wide-balance: keep desktop/tablet layouts centered and prevent stretched empty zones. */
@media (min-width: 1120px) {
  .app-shell {
    width: min(1480px, calc(100% - 56px)) !important;
    max-width: 1480px !important;
    padding-left: 102px !important;
    padding-right: 0 !important;
  }

  .content-shell,
  .view-section.is-active,
  .section-block,
  .panel {
    min-width: 0 !important;
  }

  .bottom-nav {
    left: max(18px, calc((100vw - 1480px) / 2 + 18px)) !important;
  }

  .view-section[data-view="home"].is-active {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  .view-section[data-view="home"] > .hero-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.82fr) !important;
    grid-column: 1 / -1 !important;
    gap: 18px !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  .view-section[data-view="home"] .hero-copy {
    align-content: center !important;
    justify-items: start !important;
    max-width: 680px !important;
    margin: 0 !important;
  }

  .view-section[data-view="home"] .hero-panel h2,
  .view-section[data-view="home"] .hero-text {
    max-width: 100% !important;
    text-align: left !important;
  }

  .view-section[data-view="home"] .hero-trust-row,
  .view-section[data-view="home"] .hero-actions {
    justify-content: flex-start !important;
  }

  .view-section[data-view="home"] .hero-stats,
  .view-section[data-view="home"] .hero-stats-note {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .view-section[data-view="home"] .hero-stats {
    align-self: stretch !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: stretch !important;
  }

  .view-section[data-view="home"] .hero-stats .stat-card {
    min-height: 0 !important;
  }

  .view-section[data-view="home"] > .section-block:nth-of-type(1),
  .view-section[data-view="home"] > .section-block:nth-of-type(2) {
    align-self: start !important;
  }

  .quote-strip-home {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .home-cta-panel,
  .tournament-hub-panel {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    align-items: stretch !important;
  }

  .account-overview-strip,
  .account-grid,
  .tournament-grid {
    align-items: stretch !important;
  }

  .view-section[data-view="terminal"] .terminal-top-strip {
    top: 92px !important;
    margin-bottom: 8px !important;
  }

  .view-section[data-view="terminal"] .terminal-top-main {
    grid-template-columns: minmax(0, 1fr) minmax(310px, auto) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .view-section[data-view="terminal"] .terminal-account-cluster {
    width: 100% !important;
    max-width: none !important;
  }

  .terminal-grid {
    grid-template-columns: minmax(248px, 292px) minmax(0, 1fr) minmax(286px, 334px) !important;
    grid-template-areas: "markets chart order" !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .market-panel,
  .chart-panel,
  .order-panel,
  .terminal-history-panel {
    align-self: start !important;
    min-width: 0 !important;
  }

  .market-panel,
  .order-panel {
    top: 164px !important;
    max-height: calc(100vh - 184px) !important;
  }

  .chart-panel {
    min-height: 0 !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-stage {
    grid-template-rows: auto minmax(420px, 1fr) auto !important;
    min-height: clamp(520px, calc(100vh - 280px), 760px) !important;
  }

  .view-section[data-view="terminal"]:not(.is-scalper-pro) .chart-container {
    min-height: clamp(450px, calc(100vh - 360px), 690px) !important;
  }

  .terminal-history-panel {
    min-height: 0 !important;
  }

  .terminal-trade-groups {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (min-width: 1500px) {
  .app-shell {
    width: min(1520px, calc(100% - 72px)) !important;
    max-width: 1520px !important;
    padding-left: 104px !important;
  }

  .bottom-nav {
    left: max(24px, calc((100vw - 1520px) / 2 + 24px)) !important;
  }

  .terminal-grid {
    grid-template-columns: minmax(270px, 318px) minmax(0, 1fr) minmax(310px, 360px) !important;
    gap: 14px !important;
  }

  .view-section[data-view="home"].is-active {
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, 0.96fr) !important;
  }
}

@media (min-width: 1120px) and (max-width: 1260px) {
  .app-shell {
    width: min(1220px, calc(100% - 28px)) !important;
    padding-left: 88px !important;
  }

  .bottom-nav {
    left: 12px !important;
  }

  .view-section[data-view="home"].is-active,
  .view-section[data-view="home"] > .hero-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .terminal-grid {
    grid-template-columns: minmax(224px, 252px) minmax(0, 1fr) minmax(250px, 292px) !important;
  }
}

/* v20260519-events-bank-refresh: cleaner T-Bank inspired events page. */
.view-section[data-view="tournaments"].is-active {
  gap: 14px;
}

.view-section[data-view="tournaments"] .section-block {
  width: 100%;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  position: relative;
  overflow: hidden;
  gap: 16px;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 205, 62, 0.18), transparent 32%),
    radial-gradient(circle at 88% 8%, rgba(110, 168, 255, 0.22), transparent 36%),
    linear-gradient(135deg, rgba(16, 24, 34, 0.99), rgba(5, 9, 15, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 20px 44px rgba(0, 0, 0, 0.22);
}

.view-section[data-view="tournaments"] .tournament-hub-panel::after {
  content: "";
  position: absolute;
  right: -72px;
  bottom: -88px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 208, 68, 0.18), transparent 66%);
  pointer-events: none;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  position: relative;
  z-index: 1;
  align-content: center;
  gap: 14px;
  min-width: 0;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  max-width: 13.5ch;
  margin: 0;
  font-family: var(--font-display-premium);
  font-size: clamp(34px, 6.2vw, 58px);
  line-height: 0.94;
  letter-spacing: -0.06em;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .hero-text {
  max-width: 42ch;
  margin: 0;
  color: rgba(234, 241, 252, 0.76);
  font-size: 15px;
  line-height: 1.42;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  max-width: 560px;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  justify-content: flex-start;
  min-height: 44px;
  padding: 9px 11px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.022)),
    rgba(9, 14, 22, 0.72);
  border-color: rgba(255, 255, 255, 0.09);
  color: rgba(246, 249, 255, 0.86);
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2px;
}

.view-section[data-view="tournaments"] .tournament-hub-actions .button {
  flex: 1 1 148px;
  min-height: 48px;
  border-radius: 15px;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  position: relative;
  z-index: 1;
  gap: 10px;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  min-height: 224px;
  border-radius: 24px;
  border-color: rgba(255, 255, 255, 0.11);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 205, 62, 0.18), transparent 34%),
    linear-gradient(140deg, rgba(31, 39, 50, 0.98), rgba(10, 15, 23, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 30px rgba(0, 0, 0, 0.2);
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image::after {
  background:
    linear-gradient(90deg, rgba(7, 10, 15, 0.72), rgba(7, 10, 15, 0.28) 42%, rgba(7, 10, 15, 0.78)),
    linear-gradient(180deg, rgba(7, 10, 15, 0.08), rgba(7, 10, 15, 0.94));
}

.view-section[data-view="tournaments"] .tournament-hub-banner-image {
  filter: saturate(1.05) contrast(1.04);
  transform: scale(1.02);
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  min-height: 224px;
  align-content: end;
  padding: 18px;
  gap: 9px;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  margin: 0;
  max-width: 13ch;
  font-size: 25px;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay .muted-copy {
  display: -webkit-box;
  max-width: 36ch;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: rgba(232, 239, 249, 0.72);
}

.view-section[data-view="tournaments"] .tournament-hub-banner-kicker {
  border-radius: 12px;
  background: rgba(255, 205, 62, 0.17);
  border: 1px solid rgba(255, 205, 62, 0.16);
  color: #ffe189;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills {
  gap: 7px;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  min-height: 0;
  padding: 12px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(9, 14, 22, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.085);
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card strong {
  font-size: 24px;
  letter-spacing: -0.05em;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));
  gap: 12px;
}

.view-section[data-view="tournaments"] .tournament-card {
  gap: 12px;
  padding: 16px;
  border-radius: 24px;
  border-color: rgba(255, 255, 255, 0.075);
  background:
    radial-gradient(circle at 16% 0%, rgba(110, 168, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(18, 27, 39, 0.985), rgba(8, 13, 21, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 34px rgba(0, 0, 0, 0.18);
}

.view-section[data-view="tournaments"] .tournament-card::before {
  inset: 0 22px auto;
  height: 1px;
  opacity: 0.58;
}

.view-section[data-view="tournaments"] .tournament-card::after {
  opacity: 0.12;
}

.view-section[data-view="tournaments"] .tournament-card-head {
  align-items: center;
}

.view-section[data-view="tournaments"] .tournament-card-copy {
  gap: 6px;
  max-width: none;
}

.view-section[data-view="tournaments"] .tournament-card-copy h3 {
  font-size: clamp(22px, 4vw, 28px);
  line-height: 0.98;
}

.view-section[data-view="tournaments"] .tournament-card-copy .muted-copy {
  display: -webkit-box;
  margin: 0;
  max-width: 48ch;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: rgba(222, 231, 244, 0.68);
  font-size: 13px;
  line-height: 1.34;
}

.view-section[data-view="tournaments"] .tournament-card-summary-bank {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.view-section[data-view="tournaments"] .tournament-compact-pill,
.view-section[data-view="tournaments"] .tournament-card-metrics > span {
  min-height: 38px;
  justify-content: center;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018)),
    rgba(10, 16, 25, 0.78);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(224, 233, 246, 0.72);
  font-size: 11px;
  text-align: center;
}

.view-section[data-view="tournaments"] .tournament-compact-pill strong {
  color: #ffffff;
  font-size: 12px;
}

.view-section[data-view="tournaments"] .tournament-card-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.view-section[data-view="tournaments"] .tournament-info-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "top value"
    "sub sub";
  gap: 5px 8px;
  min-height: 0;
  padding: 10px 11px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(10, 16, 25, 0.72);
  border-color: rgba(255, 255, 255, 0.075);
}

.view-section[data-view="tournaments"] .tournament-info-top {
  grid-area: top;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  letter-spacing: 0.06em;
}

.view-section[data-view="tournaments"] .tournament-info-icon {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(255, 205, 62, 0.1);
  border-color: rgba(255, 205, 62, 0.16);
  color: #ffda69;
}

.view-section[data-view="tournaments"] .tournament-info-card strong {
  grid-area: value;
  justify-self: end;
  align-self: center;
  font-size: 13px;
  line-height: 1.1;
  text-align: right;
}

.view-section[data-view="tournaments"] .tournament-info-card small {
  grid-area: sub;
  display: block;
  color: rgba(222, 231, 244, 0.54);
  font-size: 10px;
  line-height: 1.2;
}

.view-section[data-view="tournaments"] .tournament-card-leaderboard {
  gap: 8px;
  padding: 12px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
    rgba(5, 9, 15, 0.55);
  border-color: rgba(255, 255, 255, 0.075);
}

.view-section[data-view="tournaments"] .tournament-leaderboard-head {
  align-items: center;
}

.view-section[data-view="tournaments"] .tournament-section-title {
  align-items: center;
}

.view-section[data-view="tournaments"] .tournament-section-icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255, 205, 62, 0.11);
  border-color: rgba(255, 205, 62, 0.16);
  color: #ffdc70;
}

.view-section[data-view="tournaments"] .tournament-leaderboard-row {
  padding: 9px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.view-section[data-view="tournaments"] .tournament-rank-badge {
  min-width: 36px;
  padding: 7px 8px;
  border-radius: 12px;
}

.view-section[data-view="tournaments"] .tournament-status-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 15px;
  background: rgba(255, 205, 62, 0.075);
  border-color: rgba(255, 205, 62, 0.12);
}

.view-section[data-view="tournaments"] .tournament-status-note .micro-label {
  color: #ffdc70;
}

.view-section[data-view="tournaments"] .tournament-status-note .tournament-note {
  margin: 0;
}

.view-section[data-view="tournaments"] .tournament-card-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button {
  min-height: 46px;
  border-radius: 15px;
}

.view-section[data-view="tournaments"] .tournament-card-finished {
  gap: 9px;
  padding: 13px;
  border-radius: 20px;
  opacity: 0.88;
}

.view-section[data-view="tournaments"] .tournament-card-finished .tournament-card-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.view-section[data-view="tournaments"] .tournament-card-finished .tournament-card-actions {
  grid-template-columns: 1fr;
}

@media (min-width: 1120px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    grid-template-columns: 1fr !important;
    padding: 14px;
    border-radius: 22px;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2 {
    max-width: 11.8ch;
    font-size: clamp(38px, 12vw, 52px);
  }

  .view-section[data-view="tournaments"] .tournament-hub-guides {
    grid-template-columns: 1fr;
  }

  .view-section[data-view="tournaments"] .tournament-hub-actions .button {
    flex-basis: 100%;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card,
  .view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
    min-height: 196px;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(128px, 1fr));
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
    scroll-snap-align: start;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: 1fr;
  }

  .view-section[data-view="tournaments"] .tournament-card {
    padding: 14px;
    border-radius: 22px;
  }

  .view-section[data-view="tournaments"] .tournament-card-copy h3 {
    font-size: 25px;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank,
  .view-section[data-view="tournaments"] .tournament-card-finished .tournament-card-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid {
    grid-template-columns: 1fr;
  }

  .view-section[data-view="tournaments"] .tournament-card-actions {
    grid-template-columns: 1fr;
  }
}

/* v20260519-events-tinkoff-finish: product-bank polish for events. */
.view-section[data-view="tournaments"].is-active {
  align-content: start !important;
  gap: clamp(12px, 2vw, 18px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  isolation: isolate;
  padding: clamp(16px, 2.6vw, 30px) !important;
  border-radius: clamp(22px, 3vw, 32px) !important;
  background:
    radial-gradient(circle at 76% 0%, rgba(255, 215, 79, 0.28), transparent 29%),
    radial-gradient(circle at 0% 12%, rgba(55, 126, 255, 0.26), transparent 34%),
    linear-gradient(140deg, #101823 0%, #080b10 54%, #111007 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 34%),
    radial-gradient(circle at 68% 62%, rgba(255, 204, 51, 0.14), transparent 32%);
  pointer-events: none;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  max-width: 620px;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow {
  width: max-content;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 214, 74, 0.14);
  border: 1px solid rgba(255, 214, 74, 0.18);
  color: #ffdc61;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  max-width: 12.6ch !important;
  font-size: clamp(36px, 5.7vw, 68px) !important;
  letter-spacing: -0.072em !important;
  text-wrap: balance;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .hero-text {
  max-width: 50ch !important;
  color: rgba(239, 244, 252, 0.76) !important;
  font-size: clamp(14px, 1.2vw, 16px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  max-width: 620px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  position: relative;
  display: grid;
  min-height: 58px !important;
  padding: 12px 12px 12px 42px !important;
  overflow: hidden;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.026)),
    rgba(9, 14, 22, 0.72) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 7px;
  background:
    radial-gradient(circle at 35% 35%, #ffffff 0 18%, transparent 20%),
    linear-gradient(135deg, #ffe66f, #ffb326);
  box-shadow: 0 8px 20px rgba(255, 194, 37, 0.22);
  transform: translateY(-50%);
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  max-width: 520px;
}

.view-section[data-view="tournaments"] .tournament-hub-actions .button-primary {
  background: linear-gradient(180deg, #ffe16a 0%, #ffbe28 100%) !important;
  color: #101217 !important;
  box-shadow: 0 14px 34px rgba(255, 190, 40, 0.22) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  min-width: 0;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  min-height: clamp(188px, 24vw, 286px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 74% 28%, rgba(255, 218, 86, 0.28), transparent 28%),
    radial-gradient(circle at 22% 22%, rgba(54, 133, 255, 0.32), transparent 34%),
    linear-gradient(135deg, rgba(21, 28, 39, 0.98), rgba(7, 10, 15, 0.98)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card:not(.has-image)::before {
  content: "";
  position: absolute;
  right: -26px;
  top: 20px;
  width: min(52%, 280px);
  height: 72%;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255, 221, 83, 0.95), rgba(255, 177, 28, 0.96)),
    #ffd84a;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34);
  transform: rotate(-6deg);
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card:not(.has-image)::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 72px;
  width: min(42%, 230px);
  height: 54%;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(8, 12, 18, 0.92), rgba(18, 27, 39, 0.94)),
    #111827;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 20px 40px rgba(0, 0, 0, 0.34);
  transform: rotate(4deg);
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image::after {
  background:
    linear-gradient(90deg, rgba(5, 8, 13, 0.78), rgba(5, 8, 13, 0.16) 52%, rgba(5, 8, 13, 0.82)),
    linear-gradient(180deg, rgba(5, 8, 13, 0.04), rgba(5, 8, 13, 0.88)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  min-height: clamp(188px, 24vw, 286px) !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 12.4ch !important;
  font-size: clamp(28px, 4.1vw, 44px) !important;
  letter-spacing: -0.065em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay .muted-copy {
  max-width: 34ch !important;
  color: rgba(240, 246, 255, 0.72) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-kicker-corner {
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  z-index: 4;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  padding: 14px 13px !important;
  border-radius: 18px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-label,
.view-section[data-view="tournaments"] .tournament-hub-stats .stat-sub {
  letter-spacing: 0;
  text-transform: none;
}

.view-section[data-view="tournaments"] .tournament-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  gap: clamp(12px, 1.6vw, 16px) !important;
}

.view-section[data-view="tournaments"] .tournament-card {
  border-radius: 26px !important;
  padding: clamp(14px, 1.8vw, 18px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    #0b1018 !important;
}

.view-section[data-view="tournaments"] .tournament-card-gold {
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 206, 54, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    #0b1018 !important;
}

.view-section[data-view="tournaments"] .tournament-card-head {
  min-height: 34px;
}

.view-section[data-view="tournaments"] .plan-badge,
.view-section[data-view="tournaments"] .status-badge {
  min-height: 30px;
  border-radius: 999px;
  font-size: 11px;
}

.view-section[data-view="tournaments"] .tournament-card-copy h3 {
  font-size: clamp(24px, 3.8vw, 32px) !important;
  letter-spacing: -0.055em !important;
  text-wrap: balance;
}

.view-section[data-view="tournaments"] .tournament-card-summary-bank {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-compact-pill {
  display: flex;
  min-width: 0;
  min-height: 42px !important;
  flex-direction: column;
  gap: 2px;
  padding: 8px 7px !important;
  white-space: normal;
}

.view-section[data-view="tournaments"] .tournament-compact-pill strong {
  display: block;
  font-size: 13px !important;
  line-height: 1.05;
}

.view-section[data-view="tournaments"] .tournament-card-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.view-section[data-view="tournaments"] .tournament-info-card {
  min-width: 0;
  padding: 11px !important;
  border-radius: 18px !important;
}

.view-section[data-view="tournaments"] .tournament-info-card strong {
  max-width: 110px;
  overflow: hidden;
  font-size: 14px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-section[data-view="tournaments"] .tournament-info-card small {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.view-section[data-view="tournaments"] .tournament-card-leaderboard {
  border-radius: 20px !important;
}

.view-section[data-view="tournaments"] .tournament-leaderboard-row {
  min-height: 42px;
}

.view-section[data-view="tournaments"] .tournament-status-note {
  border-radius: 18px !important;
}

.view-section[data-view="tournaments"] .tournament-card-finished {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
    #080c12 !important;
}

@media (min-width: 1180px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    grid-template-columns: minmax(0, 0.9fr) minmax(480px, 1.1fr) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel {
    padding: 14px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2 {
    max-width: 10.5ch !important;
    font-size: clamp(38px, 12.5vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guides {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guide {
    min-height: 46px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-actions .button {
    flex-basis: 100% !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card:not(.has-image)::before {
    right: -54px;
    width: 66%;
    opacity: 0.75;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card:not(.has-image)::after {
    right: -10px;
    width: 54%;
    opacity: 0.78;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank,
  .view-section[data-view="tournaments"] .tournament-card-finished .tournament-card-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-info-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "top"
      "value" !important;
    gap: 7px !important;
  }

  .view-section[data-view="tournaments"] .tournament-info-card strong {
    justify-self: start !important;
    max-width: 100%;
    text-align: left !important;
  }

  .view-section[data-view="tournaments"] .tournament-info-card small {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v20260520-events-alfa-feed: banking-style events page inspired by premium mobile bank feeds. */
.view-section[data-view="tournaments"] {
  --events-ink: #17181d;
  --events-muted: #787b85;
  --events-paper: #f7f8fa;
  --events-soft: #eceef2;
  --events-soft-strong: #e4e7ec;
  --events-dark: #111318;
  --events-red: #ff3b30;
  --events-gold: #e8bd63;
  --events-green: #29c463;
  color: var(--events-ink) !important;
}

.view-section[data-view="tournaments"].is-active {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: clamp(16px, 3.4vw, 34px) !important;
  border-radius: clamp(28px, 6vw, 48px) clamp(28px, 6vw, 48px) 28px 28px !important;
  background:
    radial-gradient(circle at 14% 2%, rgba(255, 255, 255, 0.94), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, var(--events-paper) 100%) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9), 0 24px 70px rgba(0, 0, 0, 0.18) !important;
}

.view-section[data-view="tournaments"] .section-block {
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--events-ink) !important;
  backdrop-filter: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  color: var(--events-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow {
  order: 1;
  margin: 8px 0 0 !important;
  color: var(--events-red) !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  order: 2;
  max-width: 11.5ch !important;
  margin: 0 !important;
  color: var(--events-ink) !important;
  font-size: clamp(34px, 8.4vw, 76px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy > .hero-text,
.view-section[data-view="tournaments"] .tournament-hub-copy > .muted-copy {
  order: 3;
  max-width: 54ch !important;
  margin: 0 !important;
  color: var(--events-muted) !important;
  font-size: clamp(15px, 2.3vw, 19px) !important;
  font-weight: 750 !important;
  line-height: 1.28 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  order: 0;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--events-soft) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.85) !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--events-ink) !important;
  font-size: clamp(13px, 2.8vw, 18px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide:first-child {
  background: var(--events-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(17, 19, 24, 0.15) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  order: 4;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions .button {
  min-height: 48px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  font-weight: 900 !important;
}

.view-section[data-view="tournaments"] #tournamentBrowseButton {
  background: var(--events-dark) !important;
  color: #ffffff !important;
  border-color: var(--events-dark) !important;
  box-shadow: 0 10px 22px rgba(17, 19, 24, 0.16) !important;
}

.view-section[data-view="tournaments"] #tournamentBackHomeButton,
.view-section[data-view="tournaments"] #tournamentAddChallengeButton {
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  border-color: transparent !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.6fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  isolation: isolate;
  min-height: clamp(270px, 34vw, 420px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(26px, 4.6vw, 38px) !important;
  background:
    radial-gradient(circle at 78% 74%, rgba(232, 189, 99, 0.36), transparent 24%),
    radial-gradient(circle at 26% 82%, rgba(255, 59, 48, 0.34), transparent 26%),
    linear-gradient(145deg, #171b22 0%, #10141c 64%, #0b1119 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(17, 19, 24, 0.16) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card::before,
.view-section[data-view="tournaments"] .tournament-hub-banner-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card::before {
  right: clamp(14px, 5vw, 52px) !important;
  bottom: -54px !important;
  width: clamp(150px, 26vw, 270px) !important;
  height: clamp(150px, 26vw, 270px) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 38% 36%, #ffd879 0 8%, #e8a733 9% 28%, #c36d18 29% 42%, transparent 43%),
    radial-gradient(circle at 50% 50%, rgba(255, 208, 96, 0.96), rgba(210, 104, 15, 0.92) 48%, transparent 49%) !important;
  filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.22)) !important;
  transform: rotate(-10deg) !important;
  opacity: 0.96 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card::after {
  right: clamp(110px, 20vw, 230px) !important;
  bottom: -18px !important;
  width: clamp(92px, 16vw, 168px) !important;
  height: clamp(92px, 16vw, 168px) !important;
  border-radius: 32% !important;
  background: linear-gradient(145deg, #ff3b30, #c51612) !important;
  box-shadow: inset -12px -14px 28px rgba(90, 0, 0, 0.2), 0 18px 28px rgba(0, 0, 0, 0.18) !important;
  transform: rotate(-8deg) !important;
  opacity: 0.95 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image::before,
.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image::after {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image {
  background: var(--events-dark) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.82 !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(90deg, rgba(12, 14, 19, 0.9), rgba(12, 14, 19, 0.22) 54%, rgba(12, 14, 19, 0.62)),
    linear-gradient(180deg, rgba(12, 14, 19, 0.08), rgba(12, 14, 19, 0.74)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  min-height: inherit !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: clamp(24px, 5vw, 46px) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-kicker,
.view-section[data-view="tournaments"] .tournament-hub-banner-kicker-corner {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 34px !important;
  align-items: center !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  backdrop-filter: blur(12px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 12.5ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(34px, 5.6vw, 68px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay .muted-copy {
  max-width: 42ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: clamp(15px, 2vw, 18px) !important;
  font-weight: 780 !important;
  line-height: 1.28 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills .tournament-compact-pill {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  backdrop-filter: blur(12px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  display: grid !important;
  min-height: 0 !important;
  gap: 6px !important;
  padding: clamp(18px, 3vw, 28px) !important;
  border: 0 !important;
  border-radius: clamp(24px, 4vw, 34px) !important;
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-label,
.view-section[data-view="tournaments"] .tournament-hub-stats .stat-sub {
  color: var(--events-muted) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats strong {
  color: var(--events-ink) !important;
  font-size: clamp(34px, 5vw, 54px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.06em !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  align-items: start !important;
}

.view-section[data-view="tournaments"] .tournament-card,
.view-section[data-view="tournaments"] .tournament-card-active,
.view-section[data-view="tournaments"] .tournament-card-finished {
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: clamp(18px, 3.4vw, 28px) !important;
  border: 0 !important;
  border-radius: clamp(24px, 4.4vw, 34px) !important;
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-card::before,
.view-section[data-view="tournaments"] .tournament-card::after {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child {
  min-height: 300px !important;
  background:
    radial-gradient(circle at 82% 84%, rgba(232, 189, 99, 0.38), transparent 23%),
    radial-gradient(circle at 32% 96%, rgba(255, 59, 48, 0.32), transparent 25%),
    linear-gradient(145deg, #171a21 0%, #10151d 66%, #0a0f16 100%) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: -38px !important;
  bottom: -42px !important;
  width: 188px !important;
  height: 188px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 42% 38%, #ffe39b 0 10%, #e9ab32 11% 34%, #bd6a18 35% 48%, transparent 49%) !important;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.22)) !important;
  opacity: 0.9 !important;
}

.view-section[data-view="tournaments"] .tournament-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-card-head {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .plan-badge,
.view-section[data-view="tournaments"] .status-badge {
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--events-ink) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .plan-badge,
.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .status-badge {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  backdrop-filter: blur(12px) !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy {
  display: grid !important;
  gap: 8px !important;
  max-width: none !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy .eyebrow {
  margin: 0 !important;
  color: var(--events-red) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-card-copy .eyebrow {
  color: rgba(255, 255, 255, 0.7) !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: clamp(28px, 5.2vw, 50px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.065em !important;
  text-wrap: balance !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy .muted-copy {
  display: -webkit-box !important;
  max-width: 40ch !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--events-muted) !important;
  font-size: clamp(14px, 2.2vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-card-copy .muted-copy {
  color: rgba(255, 255, 255, 0.72) !important;
}

.view-section[data-view="tournaments"] .tournament-card-summary-bank,
.view-section[data-view="tournaments"] .tournament-card-summary-compact {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-compact-pill {
  display: flex !important;
  min-width: 0 !important;
  min-height: 58px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--events-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-compact-pill strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--events-ink) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-compact-pill {
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.62) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-compact-pill strong {
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-card-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-info-card {
  display: grid !important;
  min-height: 76px !important;
  grid-template-rows: auto auto !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-info-top {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: var(--events-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

.view-section[data-view="tournaments"] .tournament-info-icon,
.view-section[data-view="tournaments"] .tournament-section-icon,
.view-section[data-view="tournaments"] .tournament-objective-icon {
  display: inline-grid !important;
  width: 25px !important;
  height: 25px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: var(--events-red) !important;
  flex: 0 0 25px !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-info-icon svg,
.view-section[data-view="tournaments"] .tournament-section-icon svg,
.view-section[data-view="tournaments"] .tournament-objective-icon svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 2.2 !important;
}

.view-section[data-view="tournaments"] .tournament-info-card strong {
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--events-ink) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .tournament-info-card small {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-info-card {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-info-top {
  color: rgba(255, 255, 255, 0.62) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-info-card strong {
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-card-leaderboard {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-status-note {
  min-height: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--events-muted) !important;
}

.view-section[data-view="tournaments"] .tournament-status-note .micro-label {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-status-note .tournament-note {
  display: -webkit-box !important;
  min-height: 0 !important;
  overflow: hidden !important;
  color: var(--events-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-status-note {
  background: rgba(255, 255, 255, 0.12) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-status-note .tournament-note {
  color: rgba(255, 255, 255, 0.7) !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button {
  min-height: 50px !important;
  border-radius: 17px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button-primary {
  border-color: var(--events-dark) !important;
  background: var(--events-dark) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-card-actions .button-primary {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--events-dark) !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button-secondary {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--events-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-card-actions .button-secondary {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-card-finished {
  background: #f0f1f4 !important;
}

.view-section[data-view="tournaments"] .tournament-card-finished .status-badge {
  background: rgba(17, 19, 24, 0.08) !important;
}

@media (min-width: 980px) {
  .view-section[data-view="tournaments"] .tournament-hub-side {
    grid-template-columns: minmax(0, 1fr) 280px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .view-section[data-view="tournaments"].is-active {
    padding: 18px 14px 22px !important;
    border-radius: 38px 38px 24px 24px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2 {
    max-width: 10ch !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-actions {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-side {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
    min-height: 104px !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact {
    grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank::-webkit-scrollbar,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 460px) {
  .view-section[data-view="tournaments"] .tournament-hub-guides {
    padding: 5px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guide {
    min-height: 48px !important;
    padding-inline: 7px !important;
    font-size: 13px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card {
    min-height: 300px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
    padding: 26px 22px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-actions {
    grid-template-columns: 1fr !important;
  }
}

/* v20260520-events-bank2: final mobile-bank events hub with company news tab. */
.view-section[data-view="tournaments"] {
  --event-ink: #16171c;
  --event-muted: #747783;
  --event-paper: #ffffff;
  --event-soft: #eff1f4;
  --event-soft-2: #e7ebf1;
  --event-dark: #111318;
  --event-blue: #317cff;
  --event-red: #f04438;
  --event-gold: #f3b546;
  color: var(--event-ink) !important;
  font-family: "Manrope", "Public Sans", sans-serif !important;
}

.view-section[data-view="tournaments"].is-active {
  display: grid !important;
  gap: clamp(18px, 3vw, 28px) !important;
  max-width: min(1180px, calc(100vw - 24px)) !important;
  margin: 0 auto !important;
  padding: clamp(18px, 4vw, 44px) !important;
  border: 0 !important;
  border-radius: clamp(30px, 6vw, 56px) clamp(30px, 6vw, 56px) 28px 28px !important;
  background:
    radial-gradient(circle at 8% -10%, rgba(255, 255, 255, 0.98), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.92), 0 28px 70px rgba(0, 0, 0, 0.2) !important;
}

.view-section[data-view="tournaments"] .events-bank-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  padding: 6px !important;
  border-radius: 999px !important;
  background: var(--event-soft) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.82) !important;
}

.view-section[data-view="tournaments"] .events-bank-tab {
  min-width: 0 !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--event-ink) !important;
  font: 950 clamp(15px, 2.8vw, 19px) / 1 "Manrope", sans-serif !important;
  letter-spacing: -0.035em !important;
  cursor: pointer !important;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

.view-section[data-view="tournaments"] .events-bank-tab.is-active {
  background: var(--event-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(17, 19, 24, 0.14) !important;
}

.view-section[data-view="tournaments"] .events-section-pane[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-section-pane.is-active {
  display: grid !important;
  gap: clamp(16px, 3vw, 26px) !important;
}

.view-section[data-view="tournaments"] .section-block,
.view-section[data-view="tournaments"] .events-section-pane > .section-block {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr) !important;
  gap: clamp(16px, 3vw, 28px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--event-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  color: var(--event-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow,
.view-section[data-view="tournaments"] .events-news-head .eyebrow {
  margin: 0 !important;
  color: var(--event-red) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  max-width: 11ch !important;
  margin: 0 !important;
  color: var(--event-ink) !important;
  font: 950 clamp(40px, 6.8vw, 76px) / 0.94 "Manrope", sans-serif !important;
  letter-spacing: -0.08em !important;
  text-wrap: balance !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy > .hero-text {
  max-width: 46ch !important;
  margin: 0 !important;
  color: var(--event-muted) !important;
  font-size: clamp(16px, 2.2vw, 19px) !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  min-height: 64px !important;
  justify-content: flex-start !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: var(--event-soft) !important;
  color: var(--event-ink) !important;
  font-size: clamp(12px, 2vw, 14px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide:first-child {
  background: var(--event-dark) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions .button {
  min-height: 48px !important;
  border-radius: 18px !important;
  padding: 0 18px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(178px, 0.75fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  min-height: clamp(260px, 34vw, 410px) !important;
  border: 0 !important;
  border-radius: clamp(28px, 4vw, 40px) !important;
  background:
    radial-gradient(circle at 75% 72%, rgba(244, 181, 70, 0.42), transparent 22%),
    radial-gradient(circle at 33% 88%, rgba(240, 68, 56, 0.34), transparent 24%),
    linear-gradient(145deg, #151820 0%, #0f141c 62%, #080c12 100%) !important;
  box-shadow: 0 18px 36px rgba(17, 19, 24, 0.15) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image {
  background: #101217 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  object-fit: cover !important;
  opacity: 0.84 !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay::before {
  background:
    linear-gradient(90deg, rgba(10, 12, 17, 0.88), rgba(10, 12, 17, 0.22) 56%, rgba(10, 12, 17, 0.52)),
    linear-gradient(180deg, rgba(10, 12, 17, 0.04), rgba(10, 12, 17, 0.72)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  min-height: inherit !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: clamp(24px, 4.4vw, 42px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 12ch !important;
  font: 950 clamp(32px, 5.6vw, 60px) / 0.95 "Manrope", sans-serif !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay .muted-copy {
  max-width: 34ch !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 800 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  min-height: 0 !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: var(--event-soft) !important;
  color: var(--event-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats strong {
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.06em !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .tournament-card,
.view-section[data-view="tournaments"] .tournament-card-active,
.view-section[data-view="tournaments"] .tournament-card-finished {
  display: grid !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2.4vw, 26px) !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: var(--event-soft) !important;
  color: var(--event-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child {
  min-height: clamp(300px, 32vw, 390px) !important;
  background:
    radial-gradient(circle at 82% 86%, rgba(244, 181, 70, 0.34), transparent 24%),
    radial-gradient(circle at 28% 94%, rgba(240, 68, 56, 0.28), transparent 25%),
    linear-gradient(145deg, #16191f 0%, #10151d 66%, #080d13 100%) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy h3 {
  max-width: 13ch !important;
  color: inherit !important;
  font: 950 clamp(26px, 4vw, 44px) / 0.98 "Manrope", sans-serif !important;
  letter-spacing: -0.065em !important;
}

.view-section[data-view="tournaments"] .tournament-card-copy .muted-copy {
  max-width: 42ch !important;
  color: var(--event-muted) !important;
  font-weight: 780 !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child .tournament-card-copy .muted-copy {
  color: rgba(255, 255, 255, 0.72) !important;
}

.view-section[data-view="tournaments"] .tournament-card-summary-bank,
.view-section[data-view="tournaments"] .tournament-card-summary-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-compact-pill,
.view-section[data-view="tournaments"] .tournament-info-card,
.view-section[data-view="tournaments"] .tournament-status-note {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.66) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-info-icon,
.view-section[data-view="tournaments"] .tournament-section-icon,
.view-section[data-view="tournaments"] .tournament-objective-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
  color: var(--event-red) !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-card-actions .button {
  min-height: 48px !important;
  border-radius: 17px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-news-block {
  display: grid !important;
  gap: 18px !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  display: grid !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-head h2 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: var(--event-ink) !important;
  font: 950 clamp(42px, 7vw, 80px) / 0.94 "Manrope", sans-serif !important;
  letter-spacing: -0.08em !important;
}

.view-section[data-view="tournaments"] .events-news-head p:not(.eyebrow) {
  max-width: 48ch !important;
  margin: 0 !important;
  color: var(--event-muted) !important;
  font-size: clamp(16px, 2vw, 19px) !important;
  font-weight: 780 !important;
  line-height: 1.32 !important;
}

.view-section[data-view="tournaments"] .events-news-rail {
  display: flex !important;
  gap: 14px !important;
  width: 100% !important;
  overflow-x: auto !important;
  padding: 2px 2px 10px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-card {
  position: relative !important;
  display: grid !important;
  flex: 0 0 min(82vw, 390px) !important;
  min-height: clamp(310px, 38vw, 420px) !important;
  align-content: start !important;
  gap: 14px !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 34px) !important;
  border-radius: clamp(30px, 5vw, 42px) !important;
  scroll-snap-align: start !important;
  color: var(--event-ink) !important;
  background: #e8edff !important;
}

.view-section[data-view="tournaments"] .events-news-card::after {
  content: "" !important;
  position: absolute !important;
  right: -30px !important;
  bottom: -42px !important;
  width: 190px !important;
  height: 190px !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 40% 36%, rgba(255, 255, 255, 0.9), transparent 22%),
    linear-gradient(145deg, rgba(49, 124, 255, 0.9), rgba(77, 221, 154, 0.7)) !important;
  transform: rotate(-12deg) !important;
  opacity: 0.82 !important;
}

.view-section[data-view="tournaments"] .events-news-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .events-news-card-dark {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 80% 78%, rgba(243, 181, 70, 0.38), transparent 24%),
    linear-gradient(145deg, #14171f 0%, #0d121a 100%) !important;
}

.view-section[data-view="tournaments"] .events-news-card-dark::after {
  background: linear-gradient(145deg, #ff4238, #f3b546) !important;
}

.view-section[data-view="tournaments"] .events-news-card-blue {
  background: #e7eeff !important;
}

.view-section[data-view="tournaments"] .events-news-card-soft {
  background: #f5e9ef !important;
}

.view-section[data-view="tournaments"] .events-news-tag,
.view-section[data-view="tournaments"] .events-news-date {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-news-card-dark .events-news-tag,
.view-section[data-view="tournaments"] .events-news-card-dark .events-news-date {
  background: rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.view-section[data-view="tournaments"] .events-news-card h3 {
  max-width: 10.5ch !important;
  margin: 0 !important;
  color: inherit !important;
  font: 950 clamp(32px, 6vw, 48px) / 0.98 "Manrope", sans-serif !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .events-news-card p {
  max-width: 28ch !important;
  margin: 0 !important;
  color: rgba(22, 23, 28, 0.66) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.view-section[data-view="tournaments"] .events-news-card-dark p {
  color: rgba(255, 255, 255, 0.72) !important;
}

.view-section[data-view="tournaments"] .events-news-date {
  align-self: end !important;
  margin-top: auto !important;
}

.view-section[data-view="tournaments"] .events-news-list {
  display: grid !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: clamp(18px, 3vw, 26px) !important;
  border-radius: 30px !important;
  background: var(--event-soft) !important;
}

.view-section[data-view="tournaments"] .events-news-row h3 {
  margin: 0 0 6px !important;
  color: var(--event-ink) !important;
  font: 950 clamp(22px, 4vw, 34px) / 1.02 "Manrope", sans-serif !important;
  letter-spacing: -0.06em !important;
}

.view-section[data-view="tournaments"] .events-news-row p {
  margin: 0 !important;
  color: var(--event-muted) !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 1.3 !important;
}

.view-section[data-view="tournaments"] .events-news-row-mark {
  display: grid !important;
  width: 58px !important;
  height: 58px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #ffe2a5, #d99b23) !important;
  color: #151515 !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
}

@media (min-width: 980px) {
  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid > .tournament-card:first-child {
    grid-column: span 2 !important;
  }
}

@media (max-width: 820px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel,
  .view-section[data-view="tournaments"] .tournament-hub-side {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2,
  .view-section[data-view="tournaments"] .events-news-head h2 {
    max-width: 12ch !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-actions {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .view-section[data-view="tournaments"].is-active {
    max-width: 100% !important;
    padding: 18px 14px 26px !important;
    border-radius: 38px 38px 24px 24px !important;
  }

  .view-section[data-view="tournaments"] .events-bank-tab {
    min-height: 50px !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2,
  .view-section[data-view="tournaments"] .events-news-head h2 {
    font-size: clamp(42px, 13vw, 58px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guides {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guide {
    min-height: 48px !important;
    border-radius: 18px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card {
    min-height: 300px !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact {
    grid-template-columns: repeat(3, minmax(86px, 1fr)) !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-summary-bank::-webkit-scrollbar,
  .view-section[data-view="tournaments"] .tournament-card-summary-compact::-webkit-scrollbar {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-card-info-grid,
  .view-section[data-view="tournaments"] .tournament-card-actions {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .events-news-card {
    flex-basis: min(82vw, 340px) !important;
    min-height: 360px !important;
  }
}

/* v20260520-events-bank3: reference-led banking events page, replacing the old noisy tournament layout. */
.view-section[data-view="tournaments"] {
  --events-ink: #17181d;
  --events-muted: #727684;
  --events-sheet: #ffffff;
  --events-soft: #eef0f4;
  --events-soft-strong: #e6e8ed;
  --events-black: #101116;
  --events-blue: #2f7bff;
  --events-red: #f23a32;
  --events-green: #24bf63;
}

.view-section[data-view="tournaments"].is-active {
  gap: clamp(18px, 3vw, 30px) !important;
  width: min(100%, 1180px) !important;
  max-width: min(1180px, calc(100vw - 20px)) !important;
  margin: 0 auto !important;
  padding: clamp(18px, 3.8vw, 42px) !important;
  border: 0 !important;
  border-radius: clamp(32px, 5.4vw, 58px) clamp(32px, 5.4vw, 58px) 28px 28px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%) !important;
  color: var(--events-ink) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22) !important;
}

.view-section[data-view="tournaments"] .events-bank-tabs {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--events-soft) !important;
}

.view-section[data-view="tournaments"] .events-bank-tab {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--events-ink) !important;
  font: 950 clamp(16px, 2.2vw, 22px) / 1 "Manrope", sans-serif !important;
  letter-spacing: -0.045em !important;
}

.view-section[data-view="tournaments"] .events-bank-tab.is-active {
  background: var(--events-black) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(15, 16, 22, 0.16) !important;
}

.view-section[data-view="tournaments"] .events-section-pane.is-active {
  display: grid !important;
  gap: clamp(16px, 2.5vw, 26px) !important;
}

.view-section[data-view="tournaments"] .section-block,
.view-section[data-view="tournaments"] .events-section-pane > .section-block {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-panel {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.76fr) minmax(0, 1.24fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 2px 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow,
.view-section[data-view="tournaments"] .events-news-head .eyebrow {
  margin: 0 !important;
  color: var(--events-red) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2,
.view-section[data-view="tournaments"] .events-news-head h2 {
  max-width: 11ch !important;
  margin: 0 !important;
  color: var(--events-ink) !important;
  font: 1000 clamp(42px, 7vw, 82px) / 0.92 "Manrope", sans-serif !important;
  letter-spacing: -0.085em !important;
  text-wrap: balance !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy > .hero-text,
.view-section[data-view="tournaments"] .events-news-head p:not(.eyebrow) {
  max-width: 42ch !important;
  margin: 0 !important;
  color: var(--events-muted) !important;
  font-size: clamp(16px, 2vw, 19px) !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide {
  display: flex !important;
  min-width: 0 !important;
  min-height: 58px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border-radius: 20px !important;
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guide:first-child {
  background: var(--events-black) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.36fr) !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  min-height: clamp(270px, 31vw, 430px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(30px, 4.2vw, 44px) !important;
  background:
    radial-gradient(circle at 80% 74%, rgba(244, 181, 70, 0.34), transparent 24%),
    radial-gradient(circle at 30% 86%, rgba(242, 58, 50, 0.34), transparent 28%),
    linear-gradient(145deg, #171a22 0%, #10141c 68%, #090d13 100%) !important;
  box-shadow: 0 20px 42px rgba(18, 20, 29, 0.16) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image {
  background: #101116 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  object-fit: cover !important;
  opacity: 0.9 !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay::before {
  background:
    linear-gradient(90deg, rgba(10, 12, 17, 0.84), rgba(10, 12, 17, 0.16) 58%, rgba(10, 12, 17, 0.5)),
    linear-gradient(180deg, rgba(10, 12, 17, 0.02), rgba(10, 12, 17, 0.74)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  min-height: inherit !important;
  justify-content: end !important;
  gap: 12px !important;
  padding: clamp(24px, 4vw, 40px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 11ch !important;
  margin: 0 !important;
  font: 1000 clamp(32px, 5vw, 58px) / 0.95 "Manrope", sans-serif !important;
  letter-spacing: -0.08em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay .muted-copy {
  max-width: 30ch !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 820 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills .tournament-compact-pill {
  min-height: 36px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  display: grid !important;
  min-height: 0 !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 26px !important;
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats strong {
  color: var(--events-ink) !important;
  font: 1000 clamp(28px, 4vw, 46px) / 0.92 "Manrope", sans-serif !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-label,
.view-section[data-view="tournaments"] .tournament-hub-stats .stat-sub {
  color: var(--events-muted) !important;
  font-weight: 850 !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 230px !important;
  align-content: space-between !important;
  gap: 16px !important;
  overflow: hidden !important;
  padding: clamp(22px, 3vw, 30px) !important;
  border: 0 !important;
  border-radius: clamp(28px, 4vw, 38px) !important;
  background: var(--events-soft) !important;
  color: var(--events-ink) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  min-height: clamp(310px, 31vw, 390px) !important;
  background:
    radial-gradient(circle at 86% 82%, rgba(255, 190, 68, 0.34), transparent 24%),
    radial-gradient(circle at 24% 92%, rgba(242, 58, 50, 0.28), transparent 26%),
    linear-gradient(145deg, #151820 0%, #10141c 66%, #080c12 100%) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  background: #e9ebef !important;
  opacity: 1 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status {
  display: inline-flex !important;
  min-width: 0 !important;
  min-height: 34px !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-chip {
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--events-ink) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  background: rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.view-section[data-view="tournaments"] .events-event-status {
  background: rgba(36, 191, 99, 0.12) !important;
  color: #15884a !important;
}

.view-section[data-view="tournaments"] .events-event-status.neutral {
  background: rgba(23, 24, 29, 0.08) !important;
  color: var(--events-muted) !important;
}

.view-section[data-view="tournaments"] .events-event-copy {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: inherit !important;
  font: 1000 clamp(28px, 4.8vw, 48px) / 0.96 "Manrope", sans-serif !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .events-event-copy p {
  display: -webkit-box !important;
  max-width: 40ch !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--events-muted) !important;
  font-size: clamp(15px, 1.8vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  color: rgba(255, 255, 255, 0.72) !important;
}

.view-section[data-view="tournaments"] .events-event-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .events-event-meta span {
  display: grid !important;
  min-width: 0 !important;
  min-height: 70px !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  color: var(--events-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong {
  overflow: hidden !important;
  color: var(--events-ink) !important;
  font-size: clamp(17px, 2vw, 22px) !important;
  font-weight: 1000 !important;
  letter-spacing: -0.055em !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.58) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-event-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr)) !important;
  gap: 9px !important;
}

.view-section[data-view="tournaments"] .events-event-button {
  min-height: 48px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-block {
  gap: clamp(18px, 3vw, 30px) !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-news-rail {
  display: flex !important;
  gap: 14px !important;
  width: 100% !important;
  overflow-x: auto !important;
  padding: 2px 2px 12px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-card {
  flex: 0 0 min(78vw, 390px) !important;
  min-height: clamp(330px, 38vw, 430px) !important;
  border-radius: clamp(30px, 5vw, 42px) !important;
}

.view-section[data-view="tournaments"] .events-news-card h3 {
  max-width: 9.5ch !important;
  font-size: clamp(34px, 6vw, 52px) !important;
}

.view-section[data-view="tournaments"] .events-news-list {
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-row {
  min-height: 112px !important;
  border-radius: 30px !important;
  background: var(--events-soft) !important;
}

@media (min-width: 980px) {
  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-column: span 2 !important;
  }
}

@media (max-width: 880px) {
  .view-section[data-view="tournaments"] .tournament-hub-panel,
  .view-section[data-view="tournaments"] .tournament-hub-side {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"].is-active {
    max-width: 100% !important;
    padding: 18px 14px 28px !important;
    border-radius: 38px 38px 24px 24px !important;
  }

  .view-section[data-view="tournaments"] .events-bank-tab {
    min-height: 52px !important;
    font-size: 16px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy h2,
  .view-section[data-view="tournaments"] .events-news-head h2 {
    max-width: 10.4ch !important;
    font-size: clamp(44px, 13vw, 60px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guides {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-guide {
    min-height: 50px !important;
    padding-inline: 8px !important;
    border-radius: 18px !important;
    font-size: 12px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card {
    min-height: 310px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
    padding: 12px 9px !important;
    border-radius: 20px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats strong {
    font-size: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats .stat-sub {
    display: none !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card {
    min-height: 236px !important;
    padding: 22px !important;
    border-radius: 30px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta span {
    min-height: 62px !important;
    padding: 10px 8px !important;
    border-radius: 17px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta strong {
    font-size: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .events-news-card {
    flex-basis: min(82vw, 330px) !important;
    min-height: 360px !important;
  }
}

/* v20260520-events-bank4: featured tournament banner first, active events separated from archive. */
.view-section[data-view="tournaments"] .tournament-hub-panel {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(14px, 2.4vw, 22px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-hub-side {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(250px, 0.95fr) !important;
  align-items: end !important;
  gap: clamp(14px, 2vw, 24px) !important;
  padding: clamp(18px, 2.8vw, 28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(18, 20, 28, 0.96), rgba(8, 9, 13, 0.94)),
    radial-gradient(circle at 12% 0%, rgba(58, 132, 255, 0.22), transparent 38%) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow,
.view-section[data-view="tournaments"] .tournament-hub-copy h2,
.view-section[data-view="tournaments"] .tournament-hub-copy .hero-text {
  grid-column: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy h2 {
  max-width: 13ch !important;
  font-size: clamp(34px, 5.2vw, 58px) !important;
  line-height: 0.92 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-copy .hero-text {
  max-width: 40ch !important;
  color: rgba(255, 255, 255, 0.64) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-guides,
.view-section[data-view="tournaments"] .tournament-hub-actions {
  grid-column: 2 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-actions {
  align-self: end !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card {
  position: relative !important;
  min-height: clamp(420px, 49vw, 560px) !important;
  overflow: hidden !important;
  border-radius: clamp(34px, 5vw, 54px) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  background:
    radial-gradient(circle at 78% 10%, rgba(102, 231, 255, 0.46), transparent 28%),
    radial-gradient(circle at 16% 28%, rgba(255, 75, 130, 0.24), transparent 34%),
    linear-gradient(145deg, #6e45ff 0%, #3178ff 46%, #151923 100%) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42), inset 0 -1px 0 rgba(255, 255, 255, 0.16) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  content: "" !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 10, 0.08) 0%, rgba(5, 6, 10, 0.12) 38%, rgba(5, 6, 10, 0.72) 100%),
    linear-gradient(90deg, rgba(5, 6, 10, 0.16), rgba(5, 6, 10, 0.02) 48%, rgba(5, 6, 10, 0.34)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-card::after {
  position: absolute !important;
  right: -12% !important;
  bottom: -28% !important;
  width: 62% !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  content: "" !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 62%) !important;
  filter: blur(18px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-image {
  position: absolute !important;
  inset: auto -8% -3% auto !important;
  z-index: 0 !important;
  width: min(74%, 720px) !important;
  height: auto !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  opacity: 0.92 !important;
  filter: saturate(1.05) contrast(1.02) drop-shadow(0 30px 48px rgba(0, 0, 0, 0.34)) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-top {
  position: absolute !important;
  top: clamp(18px, 3vw, 30px) !important;
  right: clamp(18px, 3vw, 30px) !important;
  left: clamp(18px, 3vw, 30px) !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(9, 12, 22, 0.34) !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.01em !important;
  backdrop-filter: blur(18px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-top .events-event-status {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #12141a !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
  position: absolute !important;
  inset: auto clamp(22px, 5vw, 54px) clamp(22px, 5vw, 50px) clamp(22px, 5vw, 54px) !important;
  z-index: 2 !important;
  display: grid !important;
  max-width: min(720px, 68%) !important;
  gap: 16px !important;
  padding: 0 !important;
  background: transparent !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
  max-width: 10ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font: 1000 clamp(44px, 8vw, 92px) / 0.86 "Manrope", sans-serif !important;
  letter-spacing: -0.085em !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-overlay p {
  max-width: 44ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  font-weight: 850 !important;
  line-height: 1.22 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-pills .tournament-compact-pill {
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(9, 12, 22, 0.34) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(16px) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-button {
  min-width: min(100%, 210px) !important;
  min-height: 54px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .tournament-hub-stats .stat-card {
  min-height: 96px !important;
  border-radius: 24px !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section {
  display: grid !important;
  gap: 18px !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: clamp(6px, 1.8vw, 16px) 0 0 !important;
}

.view-section[data-view="tournaments"] .events-list-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.view-section[data-view="tournaments"] .events-list-heading h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font: 1000 clamp(30px, 5vw, 52px) / 0.92 "Manrope", sans-serif !important;
  letter-spacing: -0.075em !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  display: grid !important;
  gap: 14px !important;
  margin-top: clamp(10px, 2vw, 18px) !important;
}

.view-section[data-view="tournaments"] .events-history-block[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child {
  min-height: 178px !important;
  padding: 20px !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(145deg, rgba(31, 33, 40, 0.96), rgba(16, 17, 22, 0.96)) !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-status {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-copy p {
  color: rgba(255, 255, 255, 0.56) !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history .events-event-copy h3 {
  max-width: 18ch !important;
  font-size: clamp(22px, 3.2vw, 34px) !important;
}

.view-section[data-view="tournaments"] .tournament-grid-history .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid-history .events-event-actions {
  display: none !important;
}

@media (max-width: 760px) {
  .view-section[data-view="tournaments"] .tournament-hub-copy {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-copy .eyebrow,
  .view-section[data-view="tournaments"] .tournament-hub-copy h2,
  .view-section[data-view="tournaments"] .tournament-hub-copy .hero-text,
  .view-section[data-view="tournaments"] .tournament-hub-guides,
  .view-section[data-view="tournaments"] .tournament-hub-actions {
    grid-column: 1 !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-card {
    min-height: 510px !important;
    border-radius: 34px !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-image {
    inset: auto -24% 16% auto !important;
    width: 118% !important;
    max-height: 70% !important;
    opacity: 0.84 !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-overlay {
    inset: auto 22px 24px 22px !important;
    max-width: none !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-overlay h3 {
    max-width: 10.5ch !important;
    font-size: clamp(48px, 13vw, 64px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-button {
    width: 100% !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="tournaments"] .events-list-heading {
    align-items: start !important;
    flex-direction: column !important;
  }
}

/* v20260520-events-bank5: reference order - hero banner first, then tournaments/news switcher. */
.view-section[data-view="tournaments"] .events-hero-section {
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel {
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-copy,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-stats {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side {
  display: block !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
  min-height: clamp(520px, 58vw, 680px) !important;
  border-radius: clamp(34px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(118, 90, 255, 0.9), transparent 38%),
    linear-gradient(160deg, #6848ff 0%, #327cff 48%, #101116 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card::before {
  background:
    linear-gradient(180deg, rgba(3, 4, 8, 0.04) 0%, rgba(3, 4, 8, 0.18) 43%, rgba(3, 4, 8, 0.82) 100%),
    radial-gradient(circle at 52% 48%, transparent 0 24%, rgba(0, 0, 0, 0.18) 62%, rgba(0, 0, 0, 0.52) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0.98 !important;
  filter: saturate(1.06) contrast(1.04) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-top {
  top: clamp(18px, 3.4vw, 34px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay {
  inset: auto clamp(22px, 5vw, 56px) clamp(28px, 5vw, 58px) clamp(22px, 5vw, 56px) !important;
  max-width: min(650px, 86%) !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay h3 {
  max-width: 11ch !important;
  font-size: clamp(48px, 9vw, 96px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay p {
  max-width: 34ch !important;
  color: rgba(255, 255, 255, 0.86) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  width: min(100%, 640px) !important;
  margin: clamp(14px, 2.6vw, 24px) auto 0 !important;
  padding: 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 999px !important;
  background: rgba(245, 246, 249, 0.94) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(22px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #202126 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #1d1e23 !important;
  color: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
  margin-top: clamp(18px, 3vw, 30px) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
    min-height: 570px !important;
    border-radius: 34px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-image {
    object-position: center !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay {
    inset: auto 20px 24px 20px !important;
    max-width: none !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay h3 {
    font-size: clamp(44px, 13vw, 60px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: 100% !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 54px !important;
  }
}

/* v20260520-events-bank6: centered hero banner with attached tournaments/news content. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
  min-height: clamp(500px, 54vw, 660px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(62, 132, 255, 0.58), transparent 42%),
    linear-gradient(180deg, #121826 0%, #07080b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 28px 90px rgba(0, 0, 0, 0.36) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card::before {
  background:
    linear-gradient(180deg, rgba(3, 5, 10, 0.06) 0%, rgba(3, 5, 10, 0.2) 48%, rgba(3, 5, 10, 0.86) 100%),
    radial-gradient(circle at 50% 76%, rgba(44, 126, 255, 0.48), transparent 34%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-top,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-pills,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay p {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0.96 !important;
  filter: saturate(1.04) contrast(1.04) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  position: absolute !important;
  inset: auto auto clamp(28px, 5vw, 58px) 50% !important;
  display: grid !important;
  width: min(760px, calc(100% - clamp(42px, 8vw, 96px))) !important;
  max-width: none !important;
  justify-items: center !important;
  gap: clamp(16px, 2.2vw, 24px) !important;
  text-align: center !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font: 1000 clamp(44px, 8vw, 92px) / 0.86 "Manrope", sans-serif !important;
  letter-spacing: -0.085em !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-button {
  width: min(100%, 270px) !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  box-shadow: 0 18px 46px rgba(32, 116, 255, 0.38) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  width: 100% !important;
  max-width: none !important;
  margin: clamp(18px, 3vw, 30px) 0 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 0 !important;
  border-radius: clamp(26px, 4vw, 36px) clamp(26px, 4vw, 36px) 0 0 !important;
  background:
    linear-gradient(180deg, rgba(22, 24, 31, 0.98), rgba(14, 16, 22, 0.98)) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: clamp(14px, 2.5vw, 17px) !important;
  font-weight: 1000 !important;
  letter-spacing: -0.035em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #15161b !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
  margin-top: 0 !important;
  padding: clamp(18px, 3vw, 28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 0 !important;
  border-radius: 0 0 clamp(26px, 4vw, 36px) clamp(26px, 4vw, 36px) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(49, 130, 255, 0.14), transparent 35%),
    linear-gradient(180deg, rgba(14, 16, 22, 0.98), rgba(8, 9, 13, 0.98)) !important;
}

.view-section[data-view="tournaments"] .events-section-pane > .section-block {
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-news-block {
  gap: 18px !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  margin: 0 !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
    min-height: 520px !important;
    border-radius: 34px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    inset: auto auto 26px 50% !important;
    width: calc(100% - 40px) !important;
    gap: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    max-width: 11ch !important;
    font-size: clamp(44px, 12.4vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-button {
    width: min(100%, 240px) !important;
    min-height: 54px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    margin-top: 18px !important;
    padding: 7px !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 52px !important;
    border-radius: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
    padding: 16px !important;
    border-radius: 0 0 28px 28px !important;
  }
}

/* v20260520-events-bank8: final main tournament artwork placement. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  background:
    radial-gradient(circle at 50% 32%, rgba(112, 76, 255, 0.98), rgba(99, 74, 255, 0.97) 52%, rgba(18, 20, 32, 0.98) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(102, 75, 255, 0.04) 0%, rgba(102, 75, 255, 0.02) 44%, rgba(5, 6, 12, 0.34) 70%, rgba(5, 6, 12, 0.92) 100%),
    radial-gradient(circle at 50% 20%, transparent 0 38%, rgba(0, 0, 0, 0.12) 78%, rgba(0, 0, 0, 0.34) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: clamp(10px, 2.2vw, 22px) clamp(10px, 3vw, 30px) clamp(86px, 13vw, 142px) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.02) drop-shadow(0 28px 44px rgba(0, 0, 0, 0.38)) !important;
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(22px, 4.5vw, 48px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 13ch !important;
  font-size: clamp(38px, 7vw, 76px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-button {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #13151d !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    padding: 8px 6px 126px !important;
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }
}

/* v20260520-events-bank9-final-eof: keep the main event artwork frameless. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card::after,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  border: 0 !important;
  box-shadow: none !important;
}

/* v20260520-events-bank10-final-eof: overlap events tabs with the hero banner. */
.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(560px, 60vw, 740px) !important;
  border-radius: clamp(34px, 5vw, 56px) !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  padding-bottom: clamp(132px, 15vw, 176px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(100px, 10vw, 132px) !important;
  z-index: 4 !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 8 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: clamp(-82px, -7vw, -52px) auto 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: rgba(10, 11, 16, 0.9) !important;
  box-shadow:
    0 -18px 54px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-height: 56px !important;
  border-radius: 22px !important;
  font-size: clamp(15px, 2.5vw, 18px) !important;
}

.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
  position: relative !important;
  z-index: 7 !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(52, 128, 255, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(10, 11, 16, 0.94), rgba(8, 9, 13, 0.98)) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card,
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: 568px !important;
    border-radius: 0 0 38px 38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    padding: 8px 6px 154px !important;
    object-position: center top !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100% - 28px) !important;
    margin-top: -72px !important;
    padding: 7px !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
  .view-section[data-view="tournaments"] .events-section-pane[data-events-pane="news"].is-active {
    width: calc(100% - 28px) !important;
    padding: 16px !important;
    border-radius: 0 0 28px 28px !important;
  }
}
 
/* v20260520-events-bank11-real-eof: final safe area guard for fixed bottom navigation. */
.view-section[data-view="tournaments"] {
  padding-bottom: max(148px, calc(148px + env(safe-area-inset-bottom, 0px))) !important;
}

.view-section[data-view="tournaments"] .events-section-pane.is-active {
  margin-bottom: max(112px, calc(112px + env(safe-area-inset-bottom, 0px))) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] {
    padding-bottom: max(170px, calc(170px + env(safe-area-inset-bottom, 0px))) !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane.is-active {
    margin-bottom: max(126px, calc(126px + env(safe-area-inset-bottom, 0px))) !important;
  }
}

/* v20260520-events-bank12-real-eof: full-section organic tournament banner override. */
.view-section[data-view="tournaments"] .events-hero-section {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  width: 100% !important;
  max-width: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(600px, 66vw, 820px) !important;
  border: 0 !important;
  border-radius: 0 0 clamp(34px, 5vw, 58px) clamp(34px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(112, 76, 255, 0.98), rgba(101, 73, 255, 0.96) 48%, rgba(16, 17, 25, 0.98) 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
  transform: none !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0.02) 0%, rgba(5, 6, 12, 0) 38%, rgba(5, 6, 12, 0.36) 70%, rgba(5, 6, 12, 0.9) 100%),
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(90deg, rgba(5, 6, 12, 0.22) 0%, transparent 22%, transparent 78%, rgba(5, 6, 12, 0.22) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 38% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.34) 42%, rgba(5, 6, 12, 0.94) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(108px, 10vw, 150px) !important;
  z-index: 5 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.62) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  margin-top: clamp(-92px, -7vw, -58px) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 42px 42px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 104px !important;
    width: calc(100% - 34px) !important;
  }
}

/* v20260520-events-bank13-actual-eof: keep the Gazan hero artwork edge-to-edge without side cropping. */
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
  min-height: clamp(560px, 62vw, 780px) !important;
  background:
    linear-gradient(180deg, #684cff 0%, #6648f2 52%, #171821 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: fill !important;
  object-position: center center !important;
  transform: none !important;
  filter: saturate(1.06) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::before {
  background:
    linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0) 46%, rgba(5, 6, 12, 0.38) 73%, rgba(5, 6, 12, 0.94) 100%),
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.08), transparent 45%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image::after {
  height: 44% !important;
  background: linear-gradient(180deg, rgba(5, 6, 12, 0) 0%, rgba(5, 6, 12, 0.42) 42%, rgba(5, 6, 12, 0.96) 100%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
  bottom: clamp(108px, 10vw, 148px) !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
  max-width: 12ch !important;
  font-size: clamp(38px, 7.4vw, 78px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  text-align: center !important;
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.66) !important;
}

.view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
  display: block !important;
  max-width: 28ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.62) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image {
    min-height: min(76vh, 628px) !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-image {
    object-fit: fill !important;
    object-position: center center !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered {
    bottom: 96px !important;
    width: calc(100% - 34px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.has-image .tournament-hub-banner-overlay.tournament-hub-banner-overlay-centered h3 {
    max-width: 11ch !important;
    font-size: clamp(34px, 10.6vw, 48px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-hub-banner-subtitle {
    max-width: 24ch !important;
    font-size: 15px !important;
  }
}

/* v20260521-events-bank17-real-final: isolated full-bleed Gazan banner override with wider title composition. */
.view-section[data-view="tournaments"] .events-hero-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: relative !important;
  min-height: clamp(560px, 72vw, 820px) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 clamp(36px, 5vw, 58px) clamp(36px, 5vw, 58px) !important;
  background: radial-gradient(circle at 50% 18%, #876bff 0%, #684cff 46%, #120f2a 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  min-width: 100vw !important;
  height: auto !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.03) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(105, 76, 255, 0) 0%, rgba(105, 76, 255, 0) 42%, rgba(7, 8, 13, 0.3) 68%, rgba(7, 8, 13, 0.95) 100%),
    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.1), transparent 42%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(100px, 9vw, 142px) !important;
  z-index: 3 !important;
  width: min(calc(100vw - 24px), 820px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
  margin: 0 !important;
  width: 100% !important;
  max-width: min(92vw, 820px) !important;
  color: #fff !important;
  font-size: clamp(40px, 8.4vw, 88px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.075em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 54px rgba(0, 0, 0, 0.68) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
  display: block !important;
  max-width: min(86vw, 560px) !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.3vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.64) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
  width: min(100%, 242px) !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ff3a2f 0%, #ec2218 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 50px rgba(255, 45, 32, 0.34) !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
    min-height: min(78vh, 650px) !important;
    border-radius: 0 0 40px 40px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-content {
    bottom: 96px !important;
    width: calc(100vw - 24px) !important;
    gap: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan h3 {
    max-width: calc(100vw - 30px) !important;
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-subtitle {
    max-width: 25ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card-gazan .tournament-gazan-button {
    width: 220px !important;
    min-height: 54px !important;
  }
}

/* v20260521-events-bank18-eof-final: exact reference-style events page, with Friday content. */
.view-section[data-view="tournaments"].is-active {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 0 calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
  color: #202124 !important;
}

.view-section[data-view="tournaments"].is-active::before,
.view-section[data-view="tournaments"].is-active::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: min(83vh, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #684cff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-copy,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-stats {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #704dff 0%, #684cff 70%, #704dff 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::before,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  position: absolute !important;
  z-index: 1 !important;
  top: clamp(70px, 8vh, 108px) !important;
  left: 50% !important;
  width: min(99vw, 724px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center top !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.04) !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(104, 76, 255, 0) 0%, rgba(104, 76, 255, 0) 52%, rgba(104, 76, 255, 0.16) 68%, rgba(104, 76, 255, 0.54) 100%),
    radial-gradient(circle at 50% 42%, rgba(0, 0, 0, 0.08), transparent 58%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  bottom: clamp(84px, 10vh, 132px) !important;
  width: min(calc(100vw - 44px), 760px) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  text-align: center !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  width: 100% !important;
  max-width: 13ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--font-display, var(--font-sans)) !important;
  font-size: clamp(42px, 10.2vw, 86px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.065em !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 16px 46px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  display: block !important;
  max-width: 24ch !important;
  margin: -4px 0 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(16px, 2.5vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  width: 186px !important;
  min-height: 62px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f52b22 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 18px 42px rgba(245, 43, 34, 0.3) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 5 !important;
  width: min(calc(100vw - 28px), 760px) !important;
  min-height: 82px !important;
  margin: -40px auto 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -26px !important;
  z-index: -1 !important;
  width: 100vw !important;
  height: 126px !important;
  transform: translateX(-50%) !important;
  border-radius: clamp(34px, 10vw, 58px) clamp(34px, 10vw, 58px) 0 0 !important;
  background: #fff !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #242529 !important;
  font-size: clamp(19px, 5.3vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 24px 16px calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-section-pane[hidden] {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: min(calc(100vw - 32px), 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.view-section[data-view="tournaments"] .events-list-kicker {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-list-heading h3,
.view-section[data-view="tournaments"] .events-news-list-head h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(32px, 8.5vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.06em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-card {
  min-height: 0 !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .events-news-card::before,
.view-section[data-view="tournaments"] .events-news-card::after {
  content: none !important;
}

.view-section[data-view="tournaments"] .events-event-status-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status {
  min-width: 0 !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(32, 33, 36, 0.08) !important;
  color: #202124 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-status.open,
.view-section[data-view="tournaments"] .events-event-status.approved {
  background: rgba(34, 197, 94, 0.13) !important;
  color: #17753a !important;
}

.view-section[data-view="tournaments"] .events-event-copy {
  display: grid !important;
  gap: 6px !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(24px, 6.7vw, 34px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-copy p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-event-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="tournaments"] .events-event-meta span {
  min-width: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #747780 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: #202124 !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .events-event-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button {
  min-height: 50px !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button:only-child {
  grid-column: 1 / -1 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="tournaments"] .events-news-head {
  margin: 0 0 18px !important;
}

.view-section[data-view="tournaments"] .events-news-head .eyebrow {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-head h2 {
  margin: 0 0 12px !important;
  max-width: 10ch !important;
  color: #202124 !important;
  font-size: clamp(44px, 12vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-head p {
  margin: 0 !important;
  color: #62646d !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.view-section[data-view="tournaments"] .events-news-categories {
  width: 100% !important;
  margin: 0 0 26px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  display: flex !important;
  gap: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-categories::-webkit-scrollbar,
.view-section[data-view="tournaments"] .events-news-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .events-news-category {
  flex: 0 0 auto !important;
  min-width: 126px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #202124 !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-category.is-active {
  background: #202126 !important;
  color: #fff !important;
}

.view-section[data-view="tournaments"] .events-news-rail {
  width: calc(100vw - 16px) !important;
  max-width: none !important;
  margin: 0 0 30px !important;
  padding: 0 0 4px !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(260px, 70vw) !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.view-section[data-view="tournaments"] .events-news-card {
  min-height: 420px !important;
  padding: 28px !important;
  border: 0 !important;
  border-radius: 34px !important;
  background: #e7ecff !important;
  color: #202124 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(2) {
  background: #ffe8ee !important;
}

.view-section[data-view="tournaments"] .events-news-card:nth-child(3) {
  background: #e4f7ef !important;
}

.view-section[data-view="tournaments"] .events-news-tag,
.view-section[data-view="tournaments"] .events-news-date {
  color: #62646d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.view-section[data-view="tournaments"] .events-news-card h3 {
  margin: 0 !important;
  color: #202124 !important;
  font-size: clamp(30px, 8vw, 44px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.07em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-card p {
  margin: 0 !important;
  color: #303137 !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
}

.view-section[data-view="tournaments"] .events-news-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
}

.view-section[data-view="tournaments"] .events-news-list-head span {
  color: #8a8d96 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.view-section[data-view="tournaments"] .events-news-list {
  display: grid !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-news-row {
  min-height: 118px !important;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-news-row h3 {
  margin: 0 0 6px !important;
  color: #202124 !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.05em !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-news-row p {
  margin: 0 !important;
  color: #747780 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.view-section[data-view="tournaments"] .events-news-row-mark {
  width: 58px !important;
  height: 58px !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #202124 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(77vh, 690px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    top: 86px !important;
    width: min(112vw, 724px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 80px !important;
    width: calc(100vw - 34px) !important;
    gap: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 11.6ch !important;
    font-size: clamp(38px, 11.5vw, 54px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 24ch !important;
    font-size: 16px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
    width: 172px !important;
    min-height: 58px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    width: calc(100vw - 28px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 60px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 900px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: 760px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    width: 724px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    font-size: 82px !important;
  }
}

/* v20260521-events-bank19-eof-final: make events hero match the Alfa-style reference with Friday content. */
.view-section[data-view="tournaments"].is-active {
  padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  min-height: min(82vh, 790px) !important;
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  background: #684cff !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  inset: 0 auto auto 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 32% !important;
  filter: saturate(1.06) contrast(1.02) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  background:
    linear-gradient(180deg, rgba(104, 76, 255, 0) 0%, rgba(104, 76, 255, 0) 48%, rgba(104, 76, 255, 0.22) 64%, rgba(104, 76, 255, 0.7) 100%),
    radial-gradient(circle at 50% 57%, rgba(0, 0, 0, 0.05), transparent 46%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  bottom: clamp(86px, 10.5vh, 136px) !important;
  width: min(calc(100vw - 34px), 820px) !important;
  gap: 16px !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  max-width: 15.5ch !important;
  font-size: clamp(44px, 11.2vw, 88px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  max-width: 25ch !important;
  font-size: clamp(15px, 2.8vw, 20px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  margin-top: 2px !important;
  width: 176px !important;
  min-height: 58px !important;
  border-radius: 16px !important;
  background: #ff2b22 !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  width: min(calc(100vw - 28px), 760px) !important;
  margin-top: -40px !important;
  min-height: 78px !important;
  padding: 7px !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  top: -32px !important;
  height: 154px !important;
  border-radius: 46px 46px 0 0 !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  padding-top: 28px !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section {
  padding-top: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-card {
  margin-inline: auto !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(78vh, 704px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center 24% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 86px !important;
    width: calc(100vw - 30px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 14.6ch !important;
    font-size: clamp(40px, 12.4vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    font-size: 15px !important;
  }
}

/* v20260521-events-bank20-eof-winning: final events page pass. */
html,
body,
#app,
.app-shell,
.app-main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"].is-active {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"].is-active *,
.view-section[data-view="tournaments"].is-active *::before,
.view-section[data-view="tournaments"].is-active *::after {
  box-sizing: border-box !important;
}

.view-section[data-view="tournaments"] .events-hero-section,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-panel,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-side,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner,
.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-hero-section {
  min-height: min(82svh, 790px) !important;
  border-radius: 0 !important;
  background: #684cff !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-hub-banner-card.tournament-hub-banner-card-gazan {
  min-height: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #684cff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-shade {
  background:
    linear-gradient(180deg, rgba(23, 14, 95, 0.08) 0%, rgba(23, 14, 95, 0.04) 34%, rgba(23, 14, 95, 0.2) 55%, rgba(104, 76, 255, 0.72) 100%),
    radial-gradient(ellipse at 50% 70%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.28) 32%, rgba(0, 0, 0, 0) 68%) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
  left: 50% !important;
  bottom: clamp(86px, 10.5svh, 136px) !important;
  width: min(calc(100% - 32px), 820px) !important;
  max-width: min(calc(100% - 32px), 820px) !important;
  transform: translateX(-50%) !important;
  align-items: center !important;
  text-align: center !important;
  gap: 14px !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 44% !important;
  width: min(96vw, 720px) !important;
  height: 148% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0) 76%) !important;
  filter: blur(18px) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  max-width: 15.5ch !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  font-size: clamp(42px, 11vw, 86px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.07em !important;
  text-align: center !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
  max-width: 28ch !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(15px, 2.8vw, 20px) !important;
  line-height: 1.16 !important;
  text-align: center !important;
  text-shadow: 0 5px 22px rgba(0, 0, 0, 0.44) !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button {
  margin-top: 2px !important;
  width: 176px !important;
  min-height: 58px !important;
  border-radius: 18px !important;
  background: #ff2f27 !important;
  color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(255, 47, 39, 0.34) !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
  position: relative !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  min-height: 78px !important;
  margin: -40px auto 0 !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eceef2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 34px rgba(19, 20, 25, 0.07) !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: -36px !important;
  width: min(100vw, calc(100% + 56px)) !important;
  height: 158px !important;
  transform: translateX(-50%) !important;
  border-radius: 54px 54px 0 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
  min-width: 0 !important;
  min-height: 64px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #232428 !important;
  font-size: clamp(18px, 5vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab.is-active {
  background: #1f2024 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(17, 18, 22, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="tournaments"] .events-section-pane {
  width: 100% !important;
  max-width: 100% !important;
  padding: 30px 0 0 !important;
  background: #ffffff !important;
}

.view-section[data-view="tournaments"] .events-list-heading {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section,
.view-section[data-view="tournaments"] .events-news-block {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0 26px !important;
  background: #ffffff !important;
  overflow-x: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-grid {
  display: grid !important;
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 auto !important;
  gap: 14px !important;
}

.view-section[data-view="tournaments"] .events-event-card,
.view-section[data-view="tournaments"] .tournament-card.events-event-card,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) 22px !important;
  column-gap: 16px !important;
  row-gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 128px !important;
  margin: 0 !important;
  padding: 22px 22px 20px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f1f2f4 !important;
  color: #202124 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .events-event-card::before,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 19px !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92) 0 13px, transparent 14px),
    linear-gradient(135deg, #2578ff 0%, #6b4cff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 12px 24px rgba(40, 101, 244, 0.18) !important;
}

.view-section[data-view="tournaments"] .events-event-card::after,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 5 !important;
  align-self: center !important;
  justify-self: end !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #b6bac3 !important;
  font-size: 46px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.view-section[data-view="tournaments"] .events-event-status-row,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status-row {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 0 2px !important;
}

.view-section[data-view="tournaments"] .events-event-chip,
.view-section[data-view="tournaments"] .events-event-status,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-chip,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-status {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #747780 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-status::before {
  content: "•" !important;
  margin-right: 7px !important;
  color: #22c55e !important;
}

.view-section[data-view="tournaments"] .events-event-copy,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  margin: 0 !important;
  color: #1d1e22 !important;
  font-size: clamp(22px, 6vw, 30px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  font-weight: 1000 !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  max-width: 34ch !important;
  margin: 6px 0 0 !important;
  color: #6d7079 !important;
  font-size: clamp(15px, 4.2vw, 18px) !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
  letter-spacing: -0.035em !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #737680 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #222328 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.view-section[data-view="tournaments"] .events-event-actions,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions {
  grid-column: 2 / 4 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
}

.view-section[data-view="tournaments"] .events-event-actions .events-event-button,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
  width: auto !important;
  min-width: 112px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.view-section[data-view="tournaments"] .events-event-card-finished {
  opacity: 0.74 !important;
  background: #f5f6f8 !important;
}

.view-section[data-view="tournaments"] .events-history-block {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin: 24px auto 0 !important;
}

.view-section[data-view="tournaments"] .events-news-head,
.view-section[data-view="tournaments"] .events-news-list-head {
  width: 760px !important;
  max-width: calc(100% - 28px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-section[data-view="tournaments"] .events-news-categories,
.view-section[data-view="tournaments"] .events-news-rail {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
}

@media (max-width: 540px) {
  .view-section[data-view="tournaments"] .events-hero-section {
    min-height: min(79svh, 710px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-image {
    object-position: center 24% !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content {
    bottom: 84px !important;
    width: calc(100% - 30px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
    max-width: 14.4ch !important;
    font-size: clamp(39px, 12.2vw, 56px) !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle {
    max-width: 23ch !important;
    font-size: 15px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs {
    max-width: calc(100% - 24px) !important;
    min-height: 76px !important;
    margin-top: -38px !important;
    padding: 6px !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs::before {
    width: min(100vw, calc(100% + 42px)) !important;
    top: -34px !important;
    height: 148px !important;
    border-radius: 44px 44px 0 0 !important;
  }

  .view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab {
    min-height: 62px !important;
    font-size: 20px !important;
  }

  .view-section[data-view="tournaments"] .events-section-pane {
    padding-top: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid,
  .view-section[data-view="tournaments"] .events-history-block {
    max-width: calc(100% - 24px) !important;
  }

  .view-section[data-view="tournaments"] .events-event-card,
  .view-section[data-view="tournaments"] .tournament-card.events-event-card,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child {
    grid-template-columns: 54px minmax(0, 1fr) 16px !important;
    column-gap: 12px !important;
    min-height: 120px !important;
    padding: 18px 16px !important;
    border-radius: 28px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::before,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::before {
    width: 50px !important;
    height: 50px !important;
    border-radius: 17px !important;
  }

  .view-section[data-view="tournaments"] .events-event-card::after,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child::after {
    font-size: 34px !important;
  }

  .view-section[data-view="tournaments"] .events-event-actions .events-event-button,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-actions .events-event-button {
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
}

/* v20260523-tournament-meta-serious-eof: sharper tournament info blocks. */
.view-section[data-view="tournaments"] .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
  grid-column: 2 / 4 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 12px !important;
  overflow: visible !important;
}

.view-section[data-view="tournaments"] .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
  display: flex !important;
  min-width: 0 !important;
  min-height: 54px !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(31, 32, 36, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #70747c !important;
  box-shadow: none !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta small,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta small {
  display: block !important;
  max-width: 100% !important;
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.04em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.view-section[data-view="tournaments"] .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong,
.view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta strong {
  display: block !important;
  max-width: 100% !important;
  color: #202228 !important;
  font-size: clamp(13px, 1.2vw, 15px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  white-space: normal !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.64) !important;
}

.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta strong {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .view-section[data-view="tournaments"] .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: 10px !important;
  }

  .view-section[data-view="tournaments"] .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-meta span,
  .view-section[data-view="tournaments"] .tournament-grid-history > .events-event-card:first-child .events-event-meta span {
    min-height: 0 !important;
    padding: 10px 11px !important;
    border-radius: 8px !important;
  }
}

/* v20260523-home-market01: Alfa-Investor inspired home market summary. */
.view-section[data-view="home"] .home-market-section {
  overflow: visible !important;
}

.view-section[data-view="home"] .home-market-section .section-head {
  margin-bottom: 12px !important;
}

.quote-strip-home.home-market-board-shell {
  display: block !important;
  width: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

.home-market-board,
.quote-strip-home.home-market-board-shell .home-market-board {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(202, 255, 74, 0.08), transparent 34%),
    linear-gradient(180deg, #111214 0%, #0c0d0f 100%) !important;
  box-shadow: 0 18px 42px rgba(2, 7, 16, 0.3) !important;
  color: #f4f5f6 !important;
  overflow: hidden !important;
}

.home-market-hero {
  display: flex !important;
  min-width: 0 !important;
  min-height: 206px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  padding: 22px !important;
  border-radius: 18px !important;
  background: #1a1b1f !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.home-market-hero-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.home-market-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 2px solid #b9f348 !important;
  border-radius: 999px !important;
  color: #c8ff5b !important;
  background: rgba(185, 243, 72, 0.06) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.home-market-live {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #9ca3af !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.home-market-live.positive,
.home-market-tile-copy strong.positive,
.home-market-story-visual.positive + *,
.home-market-story .positive {
  color: #4fbd66 !important;
}

.home-market-live.negative,
.home-market-tile-copy strong.negative,
.home-market-story .negative {
  color: #ff6b6b !important;
}

.home-market-hero-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.home-market-hero h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #f7f7f8 !important;
  font-family: var(--font-display-premium, "Public Sans", "Manrope", sans-serif) !important;
  font-size: 37px !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

.home-market-hero p {
  margin: 0 !important;
  color: #9ca0aa !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.home-market-tile-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.home-market-tile {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 13px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: #1b1c20 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.home-market-tile-icon,
.home-market-story-visual {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.home-market-tile .asset-glyph,
.home-market-story .asset-glyph {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
}

.home-market-tile .asset-glyph-mark,
.home-market-story .asset-glyph-mark {
  font-size: 12px !important;
}

.home-market-tile-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.home-market-tile-copy strong {
  display: block !important;
  color: #b5b8c2 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.home-market-tile-copy span {
  display: block !important;
  min-width: 0 !important;
  color: #a2a5ae !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-market-story-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.home-market-story {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 58px !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 118px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: #1b1c20 !important;
  overflow: hidden !important;
}

.home-market-story-copy {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.home-market-story-copy span {
  color: #8c909a !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

.home-market-story-copy strong {
  color: #f4f5f6 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.home-market-story-copy small {
  color: #8f949e !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

.home-market-story-visual {
  width: 58px !important;
  height: 58px !important;
  justify-self: end !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

@media (max-width: 920px) {
  .home-market-board,
  .quote-strip-home.home-market-board-shell .home-market-board {
    grid-template-columns: 1fr !important;
  }

  .home-market-tile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .home-market-story-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .view-section[data-view="home"] .home-market-section .section-head {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .home-market-board,
  .quote-strip-home.home-market-board-shell .home-market-board {
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .home-market-hero {
    min-height: 178px !important;
    padding: 17px !important;
    border-radius: 16px !important;
  }

  .home-market-hero-top {
    align-items: flex-start !important;
  }

  .home-market-badge {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .home-market-live {
    min-height: 30px !important;
    font-size: 13px !important;
  }

  .home-market-hero h3 {
    max-width: 11ch !important;
    font-size: 28px !important;
    line-height: 1 !important;
  }

  .home-market-tile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .home-market-tile {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 76px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  .home-market-tile .asset-glyph {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .home-market-tile-copy strong {
    font-size: 16px !important;
  }

  .home-market-story {
    min-height: 104px !important;
    padding: 13px !important;
    border-radius: 14px !important;
  }

  .home-market-story-copy strong {
    font-size: 15px !important;
  }
}

@media (max-width: 380px) {
  .home-market-hero-top {
    flex-direction: column !important;
  }

  .home-market-live {
    width: fit-content !important;
  }

  .home-market-story {
    grid-template-columns: minmax(0, 1fr) 48px !important;
  }

  .home-market-story-visual {
    width: 48px !important;
    height: 48px !important;
  }

  .home-market-story .asset-glyph {
    width: 36px !important;
    height: 36px !important;
  }
}

/* v20260523-home-palette02: unified Friday home palette. */
.view-section[data-view="home"] {
  --home-surface: #101820;
  --home-surface-strong: #121c28;
  --home-surface-soft: #162335;
  --home-surface-muted: #19273a;
  --home-border: rgba(142, 163, 190, 0.18);
  --home-border-soft: rgba(142, 163, 190, 0.12);
  --home-text: #f4f7fb;
  --home-muted: #94a3b8;
  --home-muted-strong: #b8c5d8;
  --home-accent: #7aa7ff;
  --home-accent-soft: rgba(122, 167, 255, 0.14);
  --home-positive: #56d98b;
  --home-negative: #ff7b7b;
}

.view-section[data-view="home"].is-active {
  color: var(--home-text) !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border-color: var(--home-border) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(122, 167, 255, 0.12), transparent 32%),
    radial-gradient(circle at 88% 100%, rgba(86, 217, 139, 0.055), transparent 34%),
    linear-gradient(180deg, var(--home-surface-strong), #0c141f) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 16px 38px rgba(2, 7, 16, 0.22) !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .quote-card-home::before {
  background: linear-gradient(90deg, rgba(122, 167, 255, 0.48), rgba(86, 217, 139, 0.14), transparent) !important;
  opacity: 0.7 !important;
}

.view-section[data-view="home"] > .hero-panel::after,
.view-section[data-view="home"] .home-utility-button::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 18%) !important;
  opacity: 0.7 !important;
}

.view-section[data-view="home"] .section-head h3,
.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-market-hero h3,
.view-section[data-view="home"] .home-market-story-copy strong,
.view-section[data-view="home"] .home-utility-copy strong {
  color: var(--home-text) !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .home-market-story-copy span,
.view-section[data-view="home"] .account-overview-label {
  color: var(--home-accent) !important;
}

.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .home-market-hero p,
.view-section[data-view="home"] .home-market-story-copy small,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: rgba(218, 226, 238, 0.72) !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-hero,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-story {
  border-color: var(--home-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.008)),
    var(--home-surface-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
}

.view-section[data-view="home"] .home-market-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(122, 167, 255, 0.13), transparent 42%),
    linear-gradient(180deg, #182536, #121d2b) !important;
}

.view-section[data-view="home"] .home-market-badge {
  border-color: rgba(122, 167, 255, 0.72) !important;
  background: var(--home-accent-soft) !important;
  color: #d5e4ff !important;
}

.view-section[data-view="home"] .home-market-live,
.view-section[data-view="home"] .quote-change,
.view-section[data-view="home"] .plan-badge,
.view-section[data-view="home"] .label-pill {
  border-color: rgba(142, 163, 190, 0.18) !important;
  background: rgba(12, 20, 31, 0.78) !important;
}

.view-section[data-view="home"] .home-market-live.positive,
.view-section[data-view="home"] .home-market-tile-copy strong.positive,
.view-section[data-view="home"] .quote-change.positive,
.view-section[data-view="home"] strong.positive {
  color: var(--home-positive) !important;
}

.view-section[data-view="home"] .home-market-live.negative,
.view-section[data-view="home"] .home-market-tile-copy strong.negative,
.view-section[data-view="home"] .quote-change.negative,
.view-section[data-view="home"] strong.negative {
  color: var(--home-negative) !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  color: var(--home-muted-strong) !important;
}

.view-section[data-view="home"] .home-market-story-visual {
  background: rgba(122, 167, 255, 0.09) !important;
  border: 1px solid rgba(122, 167, 255, 0.12) !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: linear-gradient(180deg, #8db8ff, #6f9cef) !important;
  color: #07111d !important;
  border-color: rgba(122, 167, 255, 0.36) !important;
  box-shadow: 0 12px 26px rgba(54, 102, 190, 0.2) !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    rgba(15, 25, 38, 0.96) !important;
  color: #dce8ff !important;
  border-color: rgba(142, 163, 190, 0.18) !important;
}

.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  color: #d5e4ff !important;
  background: rgba(122, 167, 255, 0.13) !important;
  border-color: rgba(122, 167, 255, 0.2) !important;
}

.view-section[data-view="home"] .asset-glyph {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 18px rgba(2, 7, 16, 0.16) !important;
}

@media (max-width: 640px) {
  .view-section[data-view="home"] > .hero-panel,
  .view-section[data-view="home"] .home-cta-panel,
  .view-section[data-view="home"] .home-market-board,
  .view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
    border-radius: 18px !important;
  }
}

/* v20260523-home-palette03: neutral graphite home palette. */
.view-section[data-view="home"] {
  --home-surface: #101113;
  --home-surface-strong: #15171b;
  --home-surface-soft: #1b1d22;
  --home-surface-muted: #24272e;
  --home-border: rgba(255, 255, 255, 0.105);
  --home-border-soft: rgba(255, 255, 255, 0.075);
  --home-text: #f6f6f7;
  --home-muted: #9ca1aa;
  --home-muted-strong: #c7cbd2;
  --home-accent: #ef4438;
  --home-accent-soft: rgba(239, 68, 56, 0.12);
  --home-positive: #4fbd66;
  --home-negative: #ef5b58;
}

.view-section[data-view="home"].is-active {
  color: var(--home-text) !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border-color: var(--home-border) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.05), transparent 34%),
    linear-gradient(180deg, #17191d 0%, #101113 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .quote-card-home::before {
  background: linear-gradient(90deg, rgba(239, 68, 56, 0.42), rgba(255, 255, 255, 0.08), transparent) !important;
  opacity: 0.62 !important;
}

.view-section[data-view="home"] > .hero-panel::after,
.view-section[data-view="home"] .home-utility-button::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), transparent 18%) !important;
  opacity: 0.72 !important;
}

.view-section[data-view="home"] .section-head h3,
.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-market-hero h3,
.view-section[data-view="home"] .home-market-story-copy strong,
.view-section[data-view="home"] .home-utility-copy strong {
  color: var(--home-text) !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label,
.view-section[data-view="home"] .home-market-story-copy span {
  color: var(--home-muted-strong) !important;
}

.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .home-market-hero p,
.view-section[data-view="home"] .home-market-story-copy small,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: rgba(222, 225, 230, 0.72) !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-hero,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-story {
  border-color: var(--home-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01)),
    var(--home-surface-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.view-section[data-view="home"] .home-market-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(239, 68, 56, 0.09), transparent 40%),
    linear-gradient(180deg, #202227, #181a1f) !important;
}

.view-section[data-view="home"] .home-market-badge {
  border-color: rgba(239, 68, 56, 0.62) !important;
  background: var(--home-accent-soft) !important;
  color: #ffd7d3 !important;
}

.view-section[data-view="home"] .home-market-live,
.view-section[data-view="home"] .quote-change,
.view-section[data-view="home"] .plan-badge,
.view-section[data-view="home"] .label-pill {
  border-color: rgba(255, 255, 255, 0.095) !important;
  background: rgba(15, 16, 19, 0.82) !important;
}

.view-section[data-view="home"] .home-market-live.positive,
.view-section[data-view="home"] .home-market-tile-copy strong.positive,
.view-section[data-view="home"] .quote-change.positive,
.view-section[data-view="home"] strong.positive {
  color: var(--home-positive) !important;
}

.view-section[data-view="home"] .home-market-live.negative,
.view-section[data-view="home"] .home-market-tile-copy strong.negative,
.view-section[data-view="home"] .quote-change.negative,
.view-section[data-view="home"] strong.negative {
  color: var(--home-negative) !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  color: var(--home-muted-strong) !important;
}

.view-section[data-view="home"] .home-market-story-visual {
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: linear-gradient(180deg, #ef554a, #dc3f36) !important;
  color: #ffffff !important;
  border-color: rgba(239, 68, 56, 0.44) !important;
  box-shadow: 0 12px 26px rgba(220, 63, 54, 0.2) !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.01)),
    rgba(25, 27, 32, 0.96) !important;
  color: #f2f4f7 !important;
  border-color: rgba(255, 255, 255, 0.095) !important;
}

.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  color: #ffd7d3 !important;
  background: rgba(239, 68, 56, 0.12) !important;
  border-color: rgba(239, 68, 56, 0.2) !important;
}

.view-section[data-view="home"] .asset-glyph {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

/* v20260523-dark-theme01: plain unified dark theme. */
:root {
  --bg: #07080a;
  --bg-elevated: rgba(17, 18, 21, 0.985);
  --bg-soft: rgba(24, 25, 29, 0.965);
  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.16);
  --text: #f4f4f5;
  --muted: #9a9da5;
  --gold: #d2d4d8;
  --blue: #f4f4f5;
  --blue-strong: #d2d4d8;
  --emerald: #4fbd66;
  --danger: #ef5b58;
  --surface-shadow: 0 22px 54px rgba(0, 0, 0, 0.44);
}

html,
body {
  background: var(--bg) !important;
}

body::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.014), rgba(255, 255, 255, 0)) !important;
}

body::after {
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px) !important;
  opacity: 0.08 !important;
}

.ambient {
  opacity: 0 !important;
}

.topbar,
.panel,
.modal-sheet,
.auth-card,
.bottom-nav,
.quote-card-home,
.account-card,
.tournament-card,
.purchase-rules-card,
.purchase-program-card,
.purchase-plan-card,
.purchase-selection-card,
.purchase-addon-card,
.purchase-promo-card,
.rules-doc-hero,
.rules-doc-card,
.terminal-market-picker,
.terminal-ticket-shell,
.terminal-price-card,
.terminal-chart-toolbar,
.market-panel,
.chart-panel,
.order-panel {
  border-color: var(--border) !important;
  background:
    linear-gradient(180deg, rgba(23, 24, 28, 0.985), rgba(13, 14, 17, 0.985)),
    rgba(12, 13, 16, 0.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.024),
    0 12px 26px rgba(0, 0, 0, 0.24) !important;
}

.bottom-nav {
  background:
    linear-gradient(180deg, rgba(18, 19, 23, 0.988), rgba(8, 9, 12, 0.982)),
    rgba(255, 255, 255, 0.01) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.button-secondary,
.segment,
.toggle-button,
.nav-button,
.icon-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.01)),
    rgba(18, 19, 23, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.105) !important;
  color: #f2f3f5 !important;
}

.button:hover,
.segment:hover,
.toggle-button:hover,
.nav-button:hover,
.icon-button:hover,
.home-utility-button:hover,
.asset-select-card:hover,
.asset-category-tab:hover {
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.button-primary {
  background: linear-gradient(180deg, #f4f4f5, #d7d9dd) !important;
  color: #08090b !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

.segment.is-active,
.nav-button.is-active,
.asset-category-tab.is-active,
.asset-select-card.is-active,
.purchase-program-card.is-active,
.purchase-plan-card.is-selected,
.purchase-addon-card.is-active,
.purchase-referral-card.is-active,
#timeframeTabs .terminal-timeframe-chip.is-active,
#chartTypeTabs .terminal-timeframe-chip.is-active {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045)),
    rgba(18, 19, 23, 0.94) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

.nav-button::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(145, 149, 158, 0.5)) !important;
}

.nav-button.is-active .nav-icon {
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

.field input,
.field select,
.select-input,
textarea,
.terminal-search-field input,
.purchase-code-input-row {
  background: rgba(12, 13, 16, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.field input:focus,
.field select:focus,
.select-input:focus,
.terminal-search-field input:focus,
.purchase-code-input-row:focus-within {
  border-color: rgba(255, 255, 255, 0.26) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.07) !important;
}

.progress-bar {
  background: linear-gradient(90deg, #f4f4f5, #aeb2bb) !important;
}

.terminal-market-switch-pill,
.hero-cta-icon,
.home-utility-button .hero-cta-icon,
.tournament-info-icon,
.tournament-section-icon,
.tournament-objective-icon,
.leaderboard-prize-icon {
  background: rgba(18, 19, 23, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f4f4f5 !important;
}

.view-section[data-view="home"] {
  --home-surface: #08090b;
  --home-surface-strong: #111216;
  --home-surface-soft: #18191d;
  --home-surface-muted: #202226;
  --home-border: rgba(255, 255, 255, 0.11);
  --home-border-soft: rgba(255, 255, 255, 0.075);
  --home-text: #f5f5f6;
  --home-muted: #9b9ea6;
  --home-muted-strong: #c8cbd0;
  --home-accent: #f4f4f5;
  --home-accent-soft: rgba(255, 255, 255, 0.08);
  --home-positive: #4fbd66;
  --home-negative: #ef5b58;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border-color: var(--home-border) !important;
  background:
    linear-gradient(180deg, #17181c 0%, #090a0c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 16px 34px rgba(0, 0, 0, 0.3) !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .quote-card-home::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent) !important;
  opacity: 0.42 !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-hero,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-story {
  border-color: var(--home-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01)),
    var(--home-surface-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

.view-section[data-view="home"] .home-market-hero {
  background: linear-gradient(180deg, #202126, #18191d) !important;
}

.view-section[data-view="home"] .home-market-badge {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  color: #f4f4f5 !important;
}

.view-section[data-view="home"] .home-market-story-visual {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: linear-gradient(180deg, #f4f4f5, #d7d9dd) !important;
  color: #08090b !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.01)),
    rgba(18, 19, 23, 0.96) !important;
  color: #f2f3f5 !important;
  border-color: rgba(255, 255, 255, 0.105) !important;
}

.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  color: #f4f4f5 !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* v20260523-alfa-style01: brokerage-grade dark UI inspired by Alfa Investments. */
:root {
  --bg: #07080a;
  --bg-elevated: rgba(18, 18, 20, 0.985);
  --bg-soft: rgba(27, 28, 31, 0.965);
  --border: rgba(17, 18, 22, 0.08);
  --border-strong: rgba(255, 255, 255, 0.12);
  --text: #f7f7f8;
  --muted: #9b9da3;
  --blue: #ef3124;
  --blue-strong: #df2d22;
  --gold: #d9c083;
  --emerald: #52b866;
  --danger: #ee5d57;
  --surface-shadow: 0 20px 50px rgba(18, 20, 24, 0.16);
}

html,
body {
  background: #07080a !important;
}

body::before,
body::after {
  display: none !important;
}

.app-shell {
  color: #f7f7f8 !important;
}

.topbar {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(25, 26, 30, 0.96), rgba(12, 13, 16, 0.94)),
    #111214 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 12px 26px rgba(0, 0, 0, 0.18) !important;
}

.language-switch,
.user-pill {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f7f7f8 !important;
}

.language-switch-button {
  color: #aeb1b8 !important;
}

.language-switch-button.is-active {
  background: #ef3124 !important;
  color: #ffffff !important;
}

.user-pill strong {
  color: #ffffff !important;
}

.user-pill span {
  color: #aeb1b8 !important;
}

.bottom-nav {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(24, 25, 28, 0.97), rgba(8, 9, 12, 0.98)),
    #111214 !important;
  box-shadow:
    0 22px 44px rgba(5, 7, 11, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.nav-button {
  color: #9b9da3 !important;
  border-color: transparent !important;
  background: transparent !important;
}

.nav-button::before {
  background: #ef3124 !important;
}

.nav-button.is-active {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.nav-button.is-active .nav-icon {
  background: rgba(239, 49, 36, 0.16) !important;
  border-color: rgba(239, 49, 36, 0.2) !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] {
  --home-surface: #111214;
  --home-surface-strong: #17181c;
  --home-surface-soft: #202126;
  --home-surface-muted: #292b31;
  --home-border: rgba(255, 255, 255, 0.08);
  --home-border-soft: rgba(255, 255, 255, 0.065);
  --home-text: #f8f8f9;
  --home-muted: #9c9fa7;
  --home-muted-strong: #c6c8ce;
  --home-accent: #ef3124;
  --home-accent-soft: rgba(239, 49, 36, 0.12);
  --home-positive: #52b866;
  --home-negative: #ee5d57;
}

.view-section[data-view="home"].is-active {
  gap: 16px !important;
  color: var(--home-text) !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border: 1px solid var(--home-border) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.06), transparent 28%),
    linear-gradient(180deg, #191a1e 0%, #101113 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 18px 44px rgba(15, 17, 22, 0.18) !important;
}

.view-section[data-view="home"] > .hero-panel {
  padding: clamp(22px, 4vw, 34px) !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .quote-card-home::before {
  background: linear-gradient(90deg, rgba(239, 49, 36, 0.72), rgba(255, 255, 255, 0.08), transparent) !important;
  opacity: 0.68 !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label,
.view-section[data-view="home"] .home-market-story-copy span {
  color: #b1b4bc !important;
}

.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-market-hero h3,
.view-section[data-view="home"] .home-market-story-copy strong,
.view-section[data-view="home"] .home-utility-copy strong {
  color: #ffffff !important;
}

.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-market-hero h3 {
  font-family: "Public Sans", "Manrope", sans-serif !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .home-market-hero p,
.view-section[data-view="home"] .home-market-story-copy small,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: rgba(231, 232, 235, 0.66) !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-hero,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-story {
  border-color: var(--home-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    #202126 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.026) !important;
}

.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  gap: 12px !important;
  padding: clamp(14px, 3.6vw, 20px) !important;
}

.view-section[data-view="home"] .home-market-hero {
  min-height: 220px !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(239, 49, 36, 0.1), transparent 42%),
    linear-gradient(180deg, #24252a, #1a1b1f) !important;
}

.view-section[data-view="home"] .home-market-live,
.view-section[data-view="home"] .quote-change,
.view-section[data-view="home"] .plan-badge,
.view-section[data-view="home"] .label-pill {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(14, 15, 18, 0.78) !important;
}

.view-section[data-view="home"] .home-market-live.positive,
.view-section[data-view="home"] .home-market-tile-copy strong.positive,
.view-section[data-view="home"] .quote-change.positive,
.view-section[data-view="home"] strong.positive {
  color: var(--home-positive) !important;
}

.view-section[data-view="home"] .home-market-live.negative,
.view-section[data-view="home"] .home-market-tile-copy strong.negative,
.view-section[data-view="home"] .quote-change.negative,
.view-section[data-view="home"] strong.negative {
  color: var(--home-negative) !important;
}

.view-section[data-view="home"] .home-market-story-visual,
.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button,
.button-primary {
  background: linear-gradient(180deg, #ff4a3d, #ef3124) !important;
  color: #ffffff !important;
  border-color: rgba(239, 49, 36, 0.46) !important;
  box-shadow: 0 12px 24px rgba(239, 49, 36, 0.2) !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    #202126 !important;
  color: #f4f4f5 !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

@media (max-width: 640px) {
  .topbar {
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
  }

  .view-section[data-view="home"] > .hero-panel,
  .view-section[data-view="home"] .home-cta-panel,
  .view-section[data-view="home"] .home-market-board,
  .view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
    border-radius: 24px !important;
  }

  .view-section[data-view="home"] .home-market-hero {
    min-height: 190px !important;
  }
}

/* v20260523-alfa-mobile02: mobile Alfa Investments style surface. */
:root {
  --bg: #f4f5f7;
  --bg-elevated: #ffffff;
  --bg-soft: #f0f1f3;
  --border: rgba(23, 24, 28, 0.08);
  --border-strong: rgba(23, 24, 28, 0.14);
  --text: #17181c;
  --muted: #7a7f89;
  --blue: #17181c;
  --blue-strong: #000000;
  --gold: #8f9096;
  --emerald: #21a857;
  --danger: #ef4438;
  --surface-shadow: 0 16px 36px rgba(20, 22, 28, 0.08);
}

html,
body {
  background: #f4f5f7 !important;
  color: #17181c !important;
}

body::before,
body::after {
  display: none !important;
}

.ambient {
  opacity: 0 !important;
}

.app-shell {
  color: #17181c !important;
}

.topbar {
  border: 0 !important;
  background: rgba(244, 245, 247, 0.92) !important;
  box-shadow: none !important;
}

.language-switch,
.user-pill {
  border-color: rgba(23, 24, 28, 0.08) !important;
  background: #ffffff !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.language-switch-button {
  color: #7a7f89 !important;
}

.language-switch-button.is-active {
  background: #17181c !important;
  color: #ffffff !important;
}

.user-pill strong {
  color: #17181c !important;
}

.user-pill span {
  color: #7a7f89 !important;
}

.bottom-nav {
  border: 1px solid rgba(23, 24, 28, 0.08) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 18px 40px rgba(23, 24, 28, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.nav-button {
  color: #8b909a !important;
  border-color: transparent !important;
  background: transparent !important;
}

.nav-button::before {
  background: #ef3124 !important;
}

.nav-icon {
  background: #f0f1f3 !important;
  border-color: rgba(23, 24, 28, 0.06) !important;
  color: #7a7f89 !important;
}

.nav-button.is-active {
  background: #f0f1f3 !important;
  color: #17181c !important;
  border-color: rgba(23, 24, 28, 0.08) !important;
  box-shadow: none !important;
}

.nav-button.is-active .nav-icon {
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
}

.button-primary {
  background: #17181c !important;
  color: #ffffff !important;
  border-color: #17181c !important;
  box-shadow: none !important;
}

.button-secondary,
.segment,
.toggle-button,
.icon-button {
  background: #f0f1f3 !important;
  border-color: rgba(23, 24, 28, 0.06) !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] {
  --home-surface: #ffffff;
  --home-surface-strong: #ffffff;
  --home-surface-soft: #f0f1f3;
  --home-surface-muted: #e9eaed;
  --home-border: rgba(23, 24, 28, 0.08);
  --home-border-soft: rgba(23, 24, 28, 0.06);
  --home-text: #17181c;
  --home-muted: #7a7f89;
  --home-muted-strong: #555b66;
  --home-accent: #ef3124;
  --home-accent-soft: rgba(239, 49, 36, 0.1);
  --home-positive: #1da85b;
  --home-negative: #ef4438;
  color: #17181c !important;
}

.view-section[data-view="home"].is-active {
  gap: 14px !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel {
  border: 1px solid var(--home-border) !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(23, 24, 28, 0.06) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .quote-card-home::before,
.view-section[data-view="home"] > .hero-panel::after,
.view-section[data-view="home"] .home-utility-button::after {
  display: none !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label {
  color: #7a7f89 !important;
}

.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-utility-copy strong {
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: #7a7f89 !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button {
  border-color: rgba(23, 24, 28, 0.06) !important;
  background: #f0f1f3 !important;
  box-shadow: none !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-trust-icon,
.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  background: #ffffff !important;
  border-color: rgba(23, 24, 28, 0.06) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-cta-button .hero-cta-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: #17181c !important;
  color: #ffffff !important;
  border-color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background: #f0f1f3 !important;
  color: #17181c !important;
  border-color: rgba(23, 24, 28, 0.06) !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-market-section {
  margin-top: 0 !important;
}

.view-section[data-view="home"] .quote-strip-home.home-market-board-shell {
  display: block !important;
  overflow: visible !important;
}

.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(14px, 4vw, 20px) !important;
  border: 1px solid rgba(23, 24, 28, 0.08) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(23, 24, 28, 0.06) !important;
  color: #17181c !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-market-date {
  color: #17181c !important;
  font-size: clamp(21px, 5.8vw, 27px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-market-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-market-hero {
  display: flex !important;
  min-width: 0 !important;
  min-height: 180px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.28), transparent 42%),
    linear-gradient(145deg, #2b91ff 0%, #2487f2 55%, #1e7be2 100%) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-market-hero-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.view-section[data-view="home"] .home-market-hero-kicker {
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

.view-section[data-view="home"] .home-market-live {
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #686d76 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-live.positive {
  color: #178d4f !important;
}

.view-section[data-view="home"] .home-market-live.negative {
  color: #ef4438 !important;
}

.view-section[data-view="home"] .home-market-hero-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-market-hero h3 {
  margin: 0 !important;
  max-width: 9ch !important;
  color: #ffffff !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: clamp(25px, 7vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-market-hero p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
}

.view-section[data-view="home"] .home-market-hero small {
  display: block !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
}

.view-section[data-view="home"] .home-market-tile-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-market-tile {
  display: block !important;
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 11px 8px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f0f1f3 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-market-tile-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  text-align: center !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  max-width: 100% !important;
  color: #17181c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-tile-copy strong {
  display: block !important;
  max-width: 100% !important;
  color: #686d76 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-tile-copy em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 7px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.positive {
  background: rgba(29, 168, 91, 0.16) !important;
  color: #178d4f !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.negative {
  background: rgba(239, 68, 56, 0.14) !important;
  color: #ef4438 !important;
}

.view-section[data-view="home"] .home-market-analytics-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 22px !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 10px 13px !important;
  border-radius: 18px !important;
  background: #f0f1f3 !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-market-analytics-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  background:
    linear-gradient(135deg, #ef3124 0 48%, #ff7a70 48% 62%, #c92a20 62% 100%) !important;
  box-shadow: 0 2px 0 rgba(23, 24, 28, 0.08) !important;
}

.view-section[data-view="home"] .home-market-analytics-row strong {
  min-width: 0 !important;
  color: #17181c !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-market-analytics-arrow {
  color: #a1a5ad !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 0.75 !important;
}

@media (min-width: 921px) {
  .view-section[data-view="home"] .home-market-content {
    grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr) !important;
  }
}

@media (max-width: 380px) {
  .view-section[data-view="home"] .home-market-board,
  .view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  .view-section[data-view="home"] .home-market-content {
    gap: 6px !important;
  }

  .view-section[data-view="home"] .home-market-hero {
    min-height: 168px !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }

  .view-section[data-view="home"] .home-market-tile-grid {
    gap: 6px !important;
  }

  .view-section[data-view="home"] .home-market-tile {
    min-height: 81px !important;
    padding: 9px 6px !important;
    border-radius: 14px !important;
  }

  .view-section[data-view="home"] .home-market-tile-copy strong {
    font-size: 13px !important;
  }
}

.terminal-form .button-primary.button-buy {
  background: linear-gradient(135deg, rgba(45, 211, 155, 0.95), rgba(18, 167, 118, 0.92)) !important;
  color: #04120d !important;
  border-color: rgba(45, 211, 155, 0.34) !important;
}

.terminal-form .button-primary.button-sell {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.96), rgba(216, 77, 77, 0.92)) !important;
  color: #180606 !important;
  border-color: rgba(255, 107, 107, 0.34) !important;
}

.view-section[data-view="terminal"] {
  --text: #f4f7fb;
  --muted: #90a1b6;
  --border: rgba(124, 152, 184, 0.14);
  --border-strong: rgba(124, 152, 184, 0.24);
  color: #f4f7fb !important;
}

/* v20260528-home-analytics01: premium analytics promo on the home screen. */
.view-section[data-view="home"] .home-analytics-section {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}

.view-section[data-view="home"] .home-analytics-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(260px, 1.18fr) !important;
  align-items: center !important;
  gap: clamp(18px, 4vw, 34px) !important;
  min-height: clamp(330px, 39vw, 430px) !important;
  padding: clamp(24px, 5vw, 44px) clamp(18px, 5vw, 46px) 0 !important;
  border: 1px solid rgba(30, 124, 231, 0.13) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(255, 255, 255, 0.96), transparent 31%),
    radial-gradient(circle at 89% 100%, rgba(37, 139, 255, 0.34), transparent 38%),
    linear-gradient(180deg, #effbff 0%, #dfefff 48%, #c9e2ff 100%) !important;
  box-shadow: 0 18px 38px rgba(23, 94, 172, 0.13) !important;
  color: #141820 !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-analytics-panel::before {
  content: "" !important;
  position: absolute !important;
  right: -64px !important;
  top: -84px !important;
  width: 190px !important;
  height: 190px !important;
  border: 28px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 999px !important;
  filter: blur(0.2px) !important;
  pointer-events: none !important;
}

.view-section[data-view="home"] .home-analytics-panel::after {
  content: "$" !important;
  position: absolute !important;
  right: 8% !important;
  bottom: 10% !important;
  display: grid !important;
  place-items: center !important;
  width: clamp(68px, 12vw, 112px) !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #ffffff, #d9dde3) !important;
  color: rgba(92, 98, 108, 0.33) !important;
  font-size: clamp(36px, 7vw, 66px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: inset -10px -14px 22px rgba(107, 114, 128, 0.16), inset 8px 8px 18px rgba(255, 255, 255, 0.86) !important;
  transform: rotate(-18deg) !important;
  pointer-events: none !important;
}

.view-section[data-view="home"] .home-analytics-copy {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: 420px !important;
  padding-bottom: clamp(24px, 5vw, 44px) !important;
}

.view-section[data-view="home"] .home-analytics-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #246bb8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-analytics-copy h3 {
  margin: 0 !important;
  color: #12161d !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: clamp(34px, 6vw, 58px) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

.view-section[data-view="home"] .home-analytics-copy p {
  margin: 0 !important;
  max-width: 28ch !important;
  color: #4d5562 !important;
  font-size: clamp(15px, 2.4vw, 18px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
}

.view-section[data-view="home"] .home-analytics-button {
  min-height: 48px !important;
  margin-top: 8px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(23, 24, 28, 0.16) !important;
}

.view-section[data-view="home"] .home-analytics-visual {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  align-self: end !important;
  justify-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  padding-top: 12px !important;
}

.view-section[data-view="home"] .home-analytics-device {
  position: relative !important;
  width: min(100%, 470px) !important;
  min-height: 330px !important;
  padding: 18px 14px 0 !important;
  border: 5px solid #51a9ff !important;
  border-bottom: 0 !important;
  border-radius: 34px 34px 0 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 252, 0.98)),
    #ffffff !important;
  box-shadow: 0 20px 44px rgba(25, 108, 210, 0.2) !important;
  overflow: visible !important;
}

.view-section[data-view="home"] .home-analytics-device-top {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-avatars {
  display: flex !important;
  align-items: center !important;
  min-width: 56px !important;
}

.view-section[data-view="home"] .home-analytics-avatars span {
  width: 26px !important;
  height: 26px !important;
  margin-left: -8px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2f8dff, #77d4ff) !important;
}

.view-section[data-view="home"] .home-analytics-avatars span:first-child {
  margin-left: 0 !important;
}

.view-section[data-view="home"] .home-analytics-avatars span:nth-child(2) {
  background: linear-gradient(135deg, #f5d36a, #f27b43) !important;
}

.view-section[data-view="home"] .home-analytics-avatars span:nth-child(3) {
  background: linear-gradient(135deg, #111827, #6b7280) !important;
}

.view-section[data-view="home"] .home-analytics-device-top strong {
  min-width: 0 !important;
  color: #17181c !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-device-top em {
  color: #15965b !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 14px !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-analytics-tabs span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #6a717e !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-tabs span.is-active {
  background: #17181c !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-analytics-card {
  position: absolute !important;
  display: grid !important;
  gap: 11px !important;
  width: min(290px, 68%) !important;
  padding: 16px !important;
  border: 1px solid rgba(31, 41, 55, 0.06) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 34px rgba(38, 64, 105, 0.16) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-card-left {
  left: -5% !important;
  top: 106px !important;
}

.view-section[data-view="home"] .home-analytics-card-right {
  right: -10% !important;
  top: 128px !important;
  width: min(250px, 58%) !important;
}

.view-section[data-view="home"] .home-analytics-card-head,
.view-section[data-view="home"] .home-analytics-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.view-section[data-view="home"] .home-analytics-card-head strong {
  color: #17181c !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.view-section[data-view="home"] .home-analytics-card-head span {
  color: #246bb8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="home"] .home-analytics-row {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-analytics-row.compact {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
}

.view-section[data-view="home"] .home-analytics-row div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-analytics-row strong,
.view-section[data-view="home"] .home-analytics-row small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-row strong {
  color: #17181c !important;
  font-size: 13px !important;
  font-weight: 920 !important;
  line-height: 1.05 !important;
}

.view-section[data-view="home"] .home-analytics-row small {
  color: #8b929e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.view-section[data-view="home"] .home-analytics-row em {
  color: #15965b !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-logo {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.view-section[data-view="home"] .home-analytics-logo-blue {
  background: linear-gradient(135deg, #236dff, #55c7ff) !important;
}

.view-section[data-view="home"] .home-analytics-logo-red {
  background: linear-gradient(135deg, #ef3124, #ff6b5f) !important;
}

.view-section[data-view="home"] .home-analytics-logo-green {
  background: linear-gradient(135deg, #1fb866, #72d879) !important;
}

.view-section[data-view="home"] .home-analytics-logo-cyan {
  background: linear-gradient(135deg, #178fd7, #52d8ed) !important;
}

.view-section[data-view="home"] .home-analytics-logo-gold {
  background: linear-gradient(135deg, #c89217, #f7d96d) !important;
}

.view-section[data-view="home"] .home-analytics-logo-dark {
  background: linear-gradient(135deg, #111827, #4b5563) !important;
}

@media (max-width: 720px) {
  .view-section[data-view="home"] .home-analytics-panel {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 6px !important;
    min-height: 570px !important;
    padding: 28px 16px 0 !important;
    border-radius: 28px !important;
  }

  .view-section[data-view="home"] .home-analytics-copy {
    justify-items: center !important;
    max-width: 340px !important;
    padding-bottom: 4px !important;
    text-align: center !important;
  }

  .view-section[data-view="home"] .home-analytics-copy h3 {
    font-size: clamp(30px, 9.8vw, 44px) !important;
  }

  .view-section[data-view="home"] .home-analytics-copy p {
    max-width: 30ch !important;
  }

  .view-section[data-view="home"] .home-analytics-visual {
    width: 100% !important;
    margin-top: 8px !important;
  }

  .view-section[data-view="home"] .home-analytics-device {
    width: min(100%, 342px) !important;
    min-height: 350px !important;
    border-radius: 32px 32px 0 0 !important;
  }

  .view-section[data-view="home"] .home-analytics-card-left {
    left: -2px !important;
    top: 108px !important;
    width: min(260px, 76%) !important;
  }

  .view-section[data-view="home"] .home-analytics-card-right {
    right: -38px !important;
    top: 148px !important;
    width: 210px !important;
  }
}

@media (max-width: 390px) {
  .view-section[data-view="home"] .home-analytics-panel {
    min-height: 540px !important;
    padding-inline: 12px !important;
  }

  .view-section[data-view="home"] .home-analytics-button {
    width: 100% !important;
    max-width: 250px !important;
  }

  .view-section[data-view="home"] .home-analytics-card {
    padding: 13px !important;
    border-radius: 18px !important;
  }

  .view-section[data-view="home"] .home-analytics-row {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .view-section[data-view="home"] .home-analytics-logo {
    width: 29px !important;
    height: 29px !important;
    font-size: 9px !important;
  }

  .view-section[data-view="home"] .home-analytics-card-right {
    right: -54px !important;
    width: 200px !important;
  }
}

.view-section[data-view="terminal"] .market-panel,
.view-section[data-view="terminal"] .chart-panel,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-market-picker,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-price-card,
.view-section[data-view="terminal"] .terminal-chart-toolbar {
  background:
    linear-gradient(180deg, rgba(16, 24, 36, 0.985), rgba(10, 16, 26, 0.985)),
    rgba(9, 15, 24, 0.94) !important;
  border-color: rgba(124, 152, 184, 0.16) !important;
  color: #f4f7fb !important;
}

.view-section[data-view="terminal"] .button-secondary,
.view-section[data-view="terminal"] .segment,
.view-section[data-view="terminal"] .toggle-button,
.view-section[data-view="terminal"] .icon-button,
.view-section[data-view="terminal"] .terminal-timeframe-chip {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.012)),
    rgba(10, 18, 29, 0.86) !important;
  border-color: rgba(124, 152, 184, 0.16) !important;
  color: #f4f7fb !important;
}

.view-section[data-view="terminal"] .segment.is-active,
.view-section[data-view="terminal"] .toggle-button.is-active,
.view-section[data-view="terminal"] .asset-category-tab.is-active,
.view-section[data-view="terminal"] .asset-select-card.is-active,
.view-section[data-view="terminal"] #timeframeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"] #chartTypeTabs .terminal-timeframe-chip.is-active {
  border-color: rgba(110, 168, 255, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.18), rgba(110, 168, 255, 0.08)),
    rgba(10, 18, 29, 0.92) !important;
  color: #deebff !important;
}

/* v20260523-alfa-mobile03: corrected neutral mobile palette. */
:root {
  --bg: #f5f6f8;
  --bg-elevated: #ffffff;
  --bg-soft: #f1f2f4;
  --border: rgba(18, 19, 23, 0.08);
  --border-strong: rgba(18, 19, 23, 0.14);
  --text: #17181c;
  --muted: #777c86;
  --blue: #17181c;
  --blue-strong: #000000;
  --gold: #8e929a;
  --emerald: #1fa45a;
  --danger: #ef4438;
}

html,
body {
  background: #f5f6f8 !important;
  color: #17181c !important;
}

.app-shell {
  color: #17181c !important;
}

.topbar {
  border: 0 !important;
  background: #f5f6f8 !important;
  box-shadow: none !important;
}

.language-switch,
.user-pill {
  border: 1px solid rgba(18, 19, 23, 0.08) !important;
  background: #ffffff !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.language-switch-button.is-active {
  background: #17181c !important;
  color: #ffffff !important;
}

.user-pill strong {
  color: #17181c !important;
}

.user-pill span,
.language-switch-button {
  color: #777c86 !important;
}

.bottom-nav {
  border: 1px solid rgba(18, 19, 23, 0.08) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 16px 34px rgba(18, 19, 23, 0.14) !important;
}

.nav-button {
  color: #8a8f98 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nav-button::before {
  background: #ef3124 !important;
}

.nav-icon {
  background: #f1f2f4 !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  color: #777c86 !important;
}

.nav-button.is-active {
  background: #f1f2f4 !important;
  color: #17181c !important;
  border-color: rgba(18, 19, 23, 0.08) !important;
  box-shadow: none !important;
}

.nav-button.is-active .nav-icon {
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
}

.button-primary {
  background: #17181c !important;
  color: #ffffff !important;
  border-color: #17181c !important;
  box-shadow: none !important;
}

.button-secondary,
.segment,
.toggle-button,
.icon-button {
  background: #f1f2f4 !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] {
  --home-surface: #ffffff;
  --home-surface-soft: #f1f2f4;
  --home-surface-muted: #e7e9ed;
  --home-border: rgba(18, 19, 23, 0.08);
  --home-border-soft: rgba(18, 19, 23, 0.06);
  --home-text: #17181c;
  --home-muted: #777c86;
  --home-muted-strong: #515761;
  --home-accent: #ef3124;
  --home-accent-soft: rgba(239, 49, 36, 0.1);
  --home-positive: #1fa45a;
  --home-negative: #ef4438;
  color: #17181c !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border: 1px solid rgba(18, 19, 23, 0.08) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(18, 19, 23, 0.055) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] > .hero-panel::after,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .home-utility-button::after,
.view-section[data-view="home"] .quote-card-home::before {
  display: none !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: #777c86 !important;
}

.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-utility-copy strong {
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button {
  border-color: rgba(18, 19, 23, 0.06) !important;
  background: #f1f2f4 !important;
  box-shadow: none !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-trust-icon,
.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  background: #ffffff !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-cta-button .hero-cta-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: #17181c !important;
  color: #ffffff !important;
  border-color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background: #f1f2f4 !important;
  color: #17181c !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  gap: 12px !important;
  padding: clamp(14px, 4vw, 18px) !important;
  overflow: hidden !important;
}

.view-section[data-view="home"] .home-market-date {
  color: #17181c !important;
  font-size: clamp(21px, 5.7vw, 26px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

.view-section[data-view="home"] .home-market-content {
  display: grid !important;
  grid-template-columns: minmax(150px, 1.06fr) minmax(132px, 0.94fr) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-market-hero {
  display: flex !important;
  min-height: 172px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 15px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(239, 49, 36, 0.22), transparent 34%),
    linear-gradient(145deg, #24262b 0%, #17181c 100%) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-market-hero-kicker {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
}

.view-section[data-view="home"] .home-market-live {
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.view-section[data-view="home"] .home-market-live.positive {
  color: #7fe39b !important;
}

.view-section[data-view="home"] .home-market-live.negative {
  color: #ff8b84 !important;
}

.view-section[data-view="home"] .home-market-hero h3 {
  max-width: 9ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(24px, 6.5vw, 33px) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
}

.view-section[data-view="home"] .home-market-hero p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.16 !important;
}

.view-section[data-view="home"] .home-market-hero small {
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
}

.view-section[data-view="home"] .home-market-tile-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.view-section[data-view="home"] .home-market-tile {
  min-height: 82px !important;
  padding: 10px 7px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f1f2f4 !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-market-tile-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  text-align: center !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  color: #17181c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="home"] .home-market-tile-copy strong {
  color: #676d76 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em {
  min-height: 22px !important;
  padding: 0 7px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.positive {
  background: rgba(31, 164, 90, 0.14) !important;
  color: #178d4f !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.negative {
  background: rgba(239, 68, 56, 0.12) !important;
  color: #ef4438 !important;
}

.view-section[data-view="home"] .home-market-analytics-row {
  min-height: 56px !important;
  border-radius: 18px !important;
  background: #f1f2f4 !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-market-analytics-icon {
  background:
    linear-gradient(135deg, #ef3124 0 48%, #ff8a82 48% 62%, #c92a20 62% 100%) !important;
}

@media (max-width: 380px) {
  .view-section[data-view="home"] .home-market-content {
    grid-template-columns: minmax(138px, 1.05fr) minmax(122px, 0.95fr) !important;
    gap: 7px !important;
  }

  .view-section[data-view="home"] .home-market-hero {
    min-height: 162px !important;
    padding: 13px !important;
  }

  .view-section[data-view="home"] .home-market-tile-grid {
    gap: 7px !important;
  }

  .view-section[data-view="home"] .home-market-tile {
    min-height: 78px !important;
    padding: 9px 6px !important;
  }

  .view-section[data-view="home"] .home-market-tile-copy strong,
  .view-section[data-view="home"] .home-market-tile-copy em {
    font-size: 11px !important;
  }
}

/* v20260523-alfa-font01: system mobile typography pass. */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
  --font-display-premium: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
}

.app-shell,
.topbar,
.bottom-nav,
.button,
.language-switch,
.user-pill,
.view-section[data-view="home"] {
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] h1,
.view-section[data-view="home"] h2,
.view-section[data-view="home"] h3,
.view-section[data-view="home"] strong,
.view-section[data-view="home"] span,
.view-section[data-view="home"] p,
.view-section[data-view="home"] small,
.view-section[data-view="home"] em,
.view-section[data-view="home"] button,
.nav-button,
.nav-label,
.user-pill strong,
.user-pill span {
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label {
  text-transform: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.view-section[data-view="home"] .hero-panel h2 {
  font-family: var(--font-display) !important;
  font-size: clamp(32px, 8.4vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
}

.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.34 !important;
}

.view-section[data-view="home"] .hero-trust-label,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-copy span {
  font-weight: 500 !important;
}

.view-section[data-view="home"] .hero-stats .stat-card strong {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

.view-section[data-view="home"] .button,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button,
.view-section[data-view="home"] .hero-alt-button {
  font-size: 15px !important;
  font-weight: 700 !important;
}

.nav-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-market-date {
  font-family: var(--font-display) !important;
  font-size: clamp(22px, 5.8vw, 26px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}

.view-section[data-view="home"] .home-market-hero-kicker,
.view-section[data-view="home"] .home-market-live {
  font-weight: 700 !important;
}

.view-section[data-view="home"] .home-market-hero h3 {
  font-family: var(--font-display) !important;
  font-size: clamp(25px, 6.4vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
}

.view-section[data-view="home"] .home-market-hero p {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
}

.view-section[data-view="home"] .home-market-hero small {
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.view-section[data-view="home"] .home-market-tile-copy strong {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.view-section[data-view="home"] .home-market-analytics-row strong {
  font-size: 15px !important;
  font-weight: 600 !important;
}

.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-utility-copy strong {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

/* v20260523-neutral-ui01: remove decorative color from the app chrome. */
:root {
  --bg: #f6f7f8;
  --bg-elevated: #ffffff;
  --bg-soft: #f0f1f3;
  --border: rgba(18, 19, 23, 0.08);
  --border-strong: rgba(18, 19, 23, 0.14);
  --text: #17181c;
  --muted: #777c86;
  --blue: #17181c;
  --blue-strong: #000000;
  --gold: #8a8e96;
  --emerald: #1f9d57;
  --danger: #df4a42;
}

html,
body {
  background: #f6f7f8 !important;
  color: #17181c !important;
}

.topbar {
  background: #f6f7f8 !important;
}

.language-switch-button.is-active,
.nav-button.is-active .nav-icon,
.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button,
.button-primary {
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.nav-button::before {
  background: #17181c !important;
}

.bottom-nav,
.language-switch,
.user-pill,
.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border-color: rgba(18, 19, 23, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(18, 19, 23, 0.05) !important;
}

.nav-button.is-active,
.nav-icon,
.button-secondary,
.segment,
.toggle-button,
.icon-button,
.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-analytics-row {
  background: #f0f1f3 !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] {
  --home-accent: #17181c;
  --home-accent-soft: rgba(18, 19, 23, 0.08);
  --home-positive: #1f9d57;
  --home-negative: #df4a42;
}

.view-section[data-view="home"] .home-market-hero {
  background: linear-gradient(145deg, #24262b 0%, #17181c 100%) !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-market-live {
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.86) !important;
}

.view-section[data-view="home"] .home-market-live.positive,
.view-section[data-view="home"] .home-market-tile-copy em.positive {
  color: #1f8f50 !important;
}

.view-section[data-view="home"] .home-market-live.negative,
.view-section[data-view="home"] .home-market-tile-copy em.negative {
  color: #df4a42 !important;
}

.view-section[data-view="home"] .home-market-live.positive {
  color: #7fdc9b !important;
}

.view-section[data-view="home"] .home-market-live.negative {
  color: #ffaaa4 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.positive {
  background: rgba(31, 157, 87, 0.12) !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.negative {
  background: rgba(223, 74, 66, 0.1) !important;
}

.view-section[data-view="home"] .home-market-analytics-icon {
  background:
    linear-gradient(135deg, #2a2c31 0 48%, #737780 48% 62%, #17181c 62% 100%) !important;
}

.view-section[data-view="home"] .hero-trust-icon,
.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  background: #ffffff !important;
  border-color: rgba(18, 19, 23, 0.06) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .hero-cta-button .hero-cta-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"] .button-primary.button-buy,
.terminal-form .button-primary.button-buy {
  background: linear-gradient(135deg, rgba(45, 211, 155, 0.95), rgba(18, 167, 118, 0.92)) !important;
  color: #04120d !important;
  border-color: rgba(45, 211, 155, 0.34) !important;
}

.view-section[data-view="terminal"] .button-primary.button-sell,
.terminal-form .button-primary.button-sell {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.96), rgba(216, 77, 77, 0.92)) !important;
  color: #180606 !important;
  border-color: rgba(255, 107, 107, 0.34) !important;
}

/* v20260523-premium-dark01: premium app shell, not document-like. */
:root {
  --bg: #08090c;
  --bg-elevated: #111216;
  --bg-soft: #181a20;
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);
  --text: #f6f7f8;
  --muted: #a0a4ad;
  --blue: #f6f7f8;
  --blue-strong: #ffffff;
  --gold: #c9c3b2;
  --emerald: #5fca7a;
  --danger: #ee6a62;
}

html,
body {
  background: #08090c !important;
  color: #f6f7f8 !important;
}

body::before,
body::after {
  display: none !important;
}

.ambient {
  opacity: 0 !important;
}

.app-shell {
  color: #f6f7f8 !important;
}

.topbar {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(22, 23, 28, 0.94), rgba(12, 13, 17, 0.94)),
    #111216 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

.language-switch,
.user-pill {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f6f7f8 !important;
  box-shadow: none !important;
}

.language-switch-button,
.user-pill span {
  color: #a0a4ad !important;
}

.language-switch-button.is-active {
  background: #f6f7f8 !important;
  border-color: #f6f7f8 !important;
  color: #090a0d !important;
}

.user-pill strong {
  color: #f6f7f8 !important;
}

.bottom-nav {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(20, 22, 27, 0.98), rgba(8, 9, 12, 0.98)),
    #0d0f13 !important;
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

.nav-button {
  background: transparent !important;
  border-color: transparent !important;
  color: #8d929c !important;
  box-shadow: none !important;
}

.nav-button::before {
  background: #f6f7f8 !important;
}

.nav-icon {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  color: #a0a4ad !important;
}

.nav-button.is-active {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.nav-button.is-active .nav-icon {
  background: #f6f7f8 !important;
  border-color: #f6f7f8 !important;
  color: #090a0d !important;
}

.button-primary,
.view-section[data-view="home"] .button-primary,
.view-section[data-view="home"] .hero-cta-button,
.view-section[data-view="home"] .home-cta-button {
  background: #f6f7f8 !important;
  border-color: #f6f7f8 !important;
  color: #090a0d !important;
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.08) !important;
}

.button-secondary,
.segment,
.toggle-button,
.icon-button,
.view-section[data-view="home"] .button-secondary,
.view-section[data-view="home"] .hero-alt-button,
.view-section[data-view="home"] .home-utility-button {
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.085) !important;
  color: #f6f7f8 !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] {
  --home-surface: #111216;
  --home-surface-soft: #181a20;
  --home-surface-muted: #20232a;
  --home-border: rgba(255, 255, 255, 0.09);
  --home-border-soft: rgba(255, 255, 255, 0.07);
  --home-text: #f6f7f8;
  --home-muted: #a0a4ad;
  --home-muted-strong: #c9ccd2;
  --home-accent: #f6f7f8;
  --home-accent-soft: rgba(255, 255, 255, 0.08);
  --home-positive: #5fca7a;
  --home-negative: #ee6a62;
  color: #f6f7f8 !important;
}

.view-section[data-view="home"] > .hero-panel,
.view-section[data-view="home"] .home-cta-panel,
.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  border: 1px solid var(--home-border) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.055), transparent 34%),
    linear-gradient(180deg, #17191e 0%, #101115 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.042),
    0 18px 42px rgba(0, 0, 0, 0.32) !important;
  color: #f6f7f8 !important;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] > .hero-panel::after,
.view-section[data-view="home"] .home-utility-button::before,
.view-section[data-view="home"] .home-utility-button::after,
.view-section[data-view="home"] .quote-card-home::before {
  display: none !important;
}

.view-section[data-view="home"] .eyebrow,
.view-section[data-view="home"] .stat-label,
.view-section[data-view="home"] .account-overview-label,
.view-section[data-view="home"] .hero-text,
.view-section[data-view="home"] .muted-copy,
.view-section[data-view="home"] .home-utility-copy span,
.view-section[data-view="home"] .stat-sub,
.view-section[data-view="home"] .hero-stats-note {
  color: #a0a4ad !important;
}

.view-section[data-view="home"] .hero-panel h2,
.view-section[data-view="home"] .home-cta-copy h3,
.view-section[data-view="home"] .home-utility-copy strong,
.view-section[data-view="home"] .home-market-date,
.view-section[data-view="home"] .home-market-analytics-row strong {
  color: #f6f7f8 !important;
}

.view-section[data-view="home"] .hero-trust-pill,
.view-section[data-view="home"] .status-chip,
.view-section[data-view="home"] .hero-stats .stat-card,
.view-section[data-view="home"] .hero-stats-note,
.view-section[data-view="home"] .home-utility-button,
.view-section[data-view="home"] .home-market-tile,
.view-section[data-view="home"] .home-market-analytics-row {
  border-color: var(--home-border-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.014)),
    #1a1c22 !important;
  color: #f6f7f8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

.view-section[data-view="home"] .hero-trust-icon,
.view-section[data-view="home"] .hero-cta-icon,
.view-section[data-view="home"] .home-utility-button .hero-cta-icon {
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: #f6f7f8 !important;
}

.view-section[data-view="home"] .hero-cta-button .hero-cta-icon {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #090a0d !important;
}

.view-section[data-view="home"] .home-market-board,
.view-section[data-view="home"] .quote-strip-home.home-market-board-shell .home-market-board {
  gap: 12px !important;
  padding: clamp(15px, 4vw, 20px) !important;
}

.view-section[data-view="home"] .home-market-content {
  grid-template-columns: minmax(150px, 1.08fr) minmax(132px, 0.92fr) !important;
  gap: 10px !important;
}

.view-section[data-view="home"] .home-market-hero {
  min-height: 178px !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.075), transparent 36%),
    linear-gradient(145deg, #22252c 0%, #14161b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.032) !important;
}

.view-section[data-view="home"] .home-market-hero-kicker {
  color: rgba(246, 247, 248, 0.72) !important;
}

.view-section[data-view="home"] .home-market-live {
  background: rgba(255, 255, 255, 0.09) !important;
  color: rgba(246, 247, 248, 0.86) !important;
}

.view-section[data-view="home"] .home-market-live.positive {
  color: #80dda0 !important;
}

.view-section[data-view="home"] .home-market-live.negative {
  color: #ff9d96 !important;
}

.view-section[data-view="home"] .home-market-hero h3 {
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-market-hero p {
  color: rgba(246, 247, 248, 0.74) !important;
}

.view-section[data-view="home"] .home-market-hero small {
  color: rgba(246, 247, 248, 0.52) !important;
}

.view-section[data-view="home"] .home-market-tile-copy span {
  color: #f6f7f8 !important;
}

.view-section[data-view="home"] .home-market-tile-copy strong {
  color: #a7abb4 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.positive {
  background: rgba(95, 202, 122, 0.12) !important;
  color: #80dda0 !important;
}

.view-section[data-view="home"] .home-market-tile-copy em.negative {
  background: rgba(238, 106, 98, 0.11) !important;
  color: #ff9d96 !important;
}

.view-section[data-view="home"] .home-market-analytics-icon {
  background:
    linear-gradient(135deg, #f6f7f8 0 48%, #777c86 48% 62%, #30333a 62% 100%) !important;
}

.view-section[data-view="terminal"] .button-primary.button-buy,
.terminal-form .button-primary.button-buy {
  background: linear-gradient(135deg, rgba(45, 211, 155, 0.95), rgba(18, 167, 118, 0.92)) !important;
  color: #04120d !important;
  border-color: rgba(45, 211, 155, 0.34) !important;
}

.view-section[data-view="terminal"] .button-primary.button-sell,
.terminal-form .button-primary.button-sell {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.96), rgba(216, 77, 77, 0.92)) !important;
  color: #180606 !important;
  border-color: rgba(255, 107, 107, 0.34) !important;
}

@media (max-width: 380px) {
  .view-section[data-view="home"] .home-market-content {
    grid-template-columns: minmax(138px, 1.06fr) minmax(122px, 0.94fr) !important;
    gap: 8px !important;
  }
}

/* v20260523-home-stories01: story cards between hero and market summary. */
.view-section[data-view="home"] .home-stories-section {
  width: 100% !important;
  margin: 12px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.view-section[data-view="home"] .home-stories-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 2px 10px !important;
  padding: 0 !important;
}

.view-section[data-view="home"] .home-stories-head h3 {
  margin: 0 !important;
  color: #f6f7f8 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-stories-head span {
  color: #8d929c !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-stories-rail {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 16px 2px 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.view-section[data-view="home"] .home-stories-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="home"] .home-story-card {
  position: relative !important;
  display: block !important;
  flex: 0 0 clamp(112px, 31vw, 142px) !important;
  width: clamp(112px, 31vw, 142px) !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 112px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #17191e !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24) !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  transform: translateZ(0) !important;
}

.view-section[data-view="home"] .home-story-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

.view-section[data-view="home"] .home-story-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
}

.view-section[data-view="home"] .home-story-card:active {
  transform: scale(0.985) !important;
}

.view-section[data-view="home"] .home-market-section {
  margin-top: 10px !important;
}

@media (max-width: 380px) {
  .view-section[data-view="home"] .home-story-card {
    flex-basis: 108px !important;
    width: 108px !important;
    min-width: 108px !important;
    border-radius: 24px !important;
  }
}

/* v20260523-home-stories02: keep source story image corners untouched. */
.view-section[data-view="home"] .home-story-card {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.view-section[data-view="home"] .home-story-card::after {
  content: none !important;
  display: none !important;
}

.view-section[data-view="home"] .home-story-card img {
  border-radius: 0 !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 380px) {
  .view-section[data-view="home"] .home-story-card {
    border-radius: 0 !important;
  }
}

/* v20260523-home-stories03: hide awkward stories heading. */
.view-section[data-view="home"] .home-stories-head {
  display: none !important;
}

.view-section[data-view="home"] .home-stories-section {
  margin-top: 10px !important;
}

/* v20260526-home-stories-live01: make the story rail visibly swipeable with a live indicator. */
.view-section[data-view="home"] .home-stories-section {
  position: relative !important;
  padding-bottom: 13px !important;
}

.view-section[data-view="home"] .home-stories-rail {
  gap: 12px !important;
  padding-right: max(42px, calc(100% - clamp(112px, 31vw, 142px))) !important;
  cursor: grab !important;
}

.view-section[data-view="home"] .home-stories-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -1px !important;
  z-index: 3 !important;
  width: 52px !important;
  height: min(142px, 31vw) !important;
  min-height: 112px !important;
  max-height: 142px !important;
  background: linear-gradient(90deg, rgba(8, 9, 13, 0), rgba(8, 9, 13, 0.84) 72%, #08090d) !important;
  pointer-events: none !important;
}

.view-section[data-view="home"] .home-stories-section.is-at-end::before {
  opacity: 0.3 !important;
}

.view-section[data-view="home"] .home-stories-next {
  position: absolute !important;
  top: clamp(38px, 14vw, 58px) !important;
  right: 6px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(18, 20, 26, 0.78) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
  cursor: pointer !important;
}

.view-section[data-view="home"] .home-stories-next[hidden] {
  display: none !important;
}

.view-section[data-view="home"] .home-stories-next span {
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: -2px !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
}

.view-section[data-view="home"] .home-stories-section.is-at-end .home-stories-next span {
  margin-left: 2px !important;
  transform: rotate(-135deg) !important;
}

.view-section[data-view="home"] .home-stories-affordance {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 9px !important;
  margin: 8px 0 0 !important;
  pointer-events: none !important;
}

.view-section[data-view="home"] .home-stories-affordance span {
  display: block !important;
  width: 6px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.24) !important;
}

.view-section[data-view="home"] .home-stories-affordance span.is-active {
  width: 18px !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

/* v20260527-story-viewer01: full-screen stories opened from the home story rail. */
.home-story-viewer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 14000 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.78) !important;
}

.home-story-viewer.hidden {
  display: none !important;
}

.home-story-viewer-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.home-story-viewer-sheet {
  position: relative !important;
  z-index: 1 !important;
  width: min(100vw, 430px) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: #f1f2f4 !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45) !important;
  touch-action: pan-y !important;
  -webkit-tap-highlight-color: transparent !important;
}

.home-story-viewer-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

.home-story-progress {
  position: absolute !important;
  top: calc(10px + env(safe-area-inset-top, 0px)) !important;
  left: 12px !important;
  right: 56px !important;
  z-index: 5 !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  gap: 5px !important;
}

.home-story-progress span {
  display: block !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: rgba(17, 19, 24, 0.2) !important;
}

.home-story-progress span.is-active {
  background: rgba(17, 19, 24, 0.82) !important;
}

.home-story-close {
  position: absolute !important;
  top: calc(21px + env(safe-area-inset-top, 0px)) !important;
  right: 12px !important;
  z-index: 6 !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(17, 19, 24, 0.22) !important;
  color: #ffffff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  backdrop-filter: blur(12px) !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.home-story-tap-zone {
  position: absolute !important;
  top: calc(52px + env(safe-area-inset-top, 0px)) !important;
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 3 !important;
  width: 50% !important;
  border: 0 !important;
  background: transparent !important;
  appearance: none !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.home-story-tap-zone-prev {
  left: 0 !important;
}

.home-story-tap-zone-next {
  right: 0 !important;
}

.home-story-cta {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 7 !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #111318 !important;
  color: #ffffff !important;
  font: 850 17px/1.1 var(--font-ui) !important;
  letter-spacing: 0 !important;
  box-shadow: 0 18px 42px rgba(17, 19, 24, 0.24) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

@media (min-width: 520px) {
  .home-story-viewer {
    align-items: center !important;
    padding: 20px !important;
  }

  .home-story-viewer-sheet {
    height: min(860px, calc(100dvh - 40px)) !important;
    border-radius: 28px !important;
  }
}

/* v20260524-scalper-closed01: terminal sale paused and market summary CTA goes to the terminal. */
.view-section[data-view="home"] .home-market-analytics-row {
  width: 100% !important;
  border: 0 !important;
  appearance: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font: inherit !important;
}

.view-section[data-view="home"] .home-market-analytics-row:active {
  transform: translateY(1px) !important;
}

#purchaseBody .purchase-payout-card-scalper.is-unavailable {
  opacity: 0.66 !important;
  filter: grayscale(0.55) !important;
}

#purchaseBody .purchase-payout-card-scalper.is-unavailable .purchase-upgrade-price {
  background: rgba(148, 163, 184, 0.14) !important;
  color: rgba(226, 232, 240, 0.6) !important;
}

#purchaseBody .purchase-payout-card-scalper.is-unavailable .purchase-addon-disabled-button,
#purchaseBody .purchase-payout-card-scalper.is-unavailable button:disabled {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background: rgba(148, 163, 184, 0.16) !important;
  color: rgba(226, 232, 240, 0.58) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

/* v20260526-hero-stat-help02: tappable metric explanations without shifting metric text. */
.view-section[data-view="home"] .hero-stats .stat-card {
  position: relative !important;
  padding-right: 12px !important;
}

.view-section[data-view="home"] .hero-stats .stat-label {
  max-width: calc(100% - 26px) !important;
}

.view-section[data-view="home"] .hero-stats .stat-info-button {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(246, 247, 248, 0.82) !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.view-section[data-view="home"] .hero-stats .stat-info-button:active {
  transform: scale(0.94) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

/* v20260604-home-currency-split01: keep USD and RUB home metrics separate. */
.view-section[data-view="home"] .hero-stats .stat-currency-values {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px 9px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

.view-section[data-view="home"] .hero-stats .stat-currency-value {
  display: inline-flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="home"] .hero-stats .stat-currency-value.is-negative {
  color: var(--danger) !important;
}

.view-section[data-view="home"] .hero-stats .stat-currency-value.is-positive {
  color: var(--success) !important;
}

/* v20260526-home-banner03: promo banner that tucks under the first dashboard card. */
.view-section[data-view="home"] .home-funding-banner {
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 1469 / 420;
  height: clamp(102px, 28.6vw, 142px);
  margin: 0 0 -30px;
  border-radius: 24px 24px 0 0;
  background: #2678f2;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26);
}

.view-section[data-view="home"] .home-funding-banner img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: 42% center;
  user-select: none;
  -webkit-user-drag: none;
}

.view-section[data-view="home"] .home-funding-banner-animation {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: #bf3026;
  pointer-events: none;
}

.view-section[data-view="home"] .home-funding-banner-animation img {
  width: 100%;
  height: 100%;
}

.view-section[data-view="home"] .home-funding-banner-static {
  display: none;
}

body.backtest-mode .view-section[data-view="home"] .home-funding-banner-animation {
  display: none;
}

body.backtest-mode .view-section[data-view="home"] .home-funding-banner-static {
  display: block;
}

.view-section[data-view="home"] > .hero-panel {
  position: relative;
  z-index: 2;
}

@media (min-width: 720px) {
  .view-section[data-view="home"] .home-funding-banner {
    height: 142px;
  }

  .view-section[data-view="home"] .home-funding-banner img {
    object-position: center;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="home"] .home-funding-banner {
    height: clamp(104px, 28.6vw, 124px);
    margin-bottom: -28px;
    border-radius: 22px 22px 0 0;
  }

  .view-section[data-view="home"] .home-funding-banner img {
    object-position: 38% center;
  }
}

/* v20260526-no-text-select01: prevent accidental text selection in the Telegram mini app UI. */
html,
body,
.app-shell,
.dashboard-auth-gate,
.modal,
.toast-stack {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

input,
textarea,
select,
[contenteditable="true"] {
  -webkit-touch-callout: default !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

/* v20260527-market-picker-flat01: make asset selection feel like one clean sheet, not nested windows. */
.view-section[data-view="terminal"] .market-panel {
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-market-picker {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-sheet-head {
  padding: 2px 2px 4px !important;
  border-bottom: 0 !important;
}

.view-section[data-view="terminal"] .terminal-search-field input {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .asset-category-tabs {
  padding: 2px 0 0 !important;
}

.view-section[data-view="terminal"] .asset-section-list {
  gap: 0 !important;
}

.view-section[data-view="terminal"] .asset-card-grid {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .asset-select-card {
  border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .asset-select-card:hover,
.view-section[data-view="terminal"] .asset-select-card.is-active {
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"] .market-panel {
    inset: 10px 10px 82px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background:
      linear-gradient(180deg, rgba(18, 19, 23, 0.992), rgba(8, 9, 12, 0.992)),
      #101114 !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.44) !important;
  }

  .view-section[data-view="terminal"] .terminal-sheet-head {
    padding-top: 0 !important;
  }

  .view-section[data-view="terminal"] .asset-select-card {
    min-height: 58px !important;
  }
}

/* v20260527-terminal-unified01: one restrained graphite theme across the whole terminal. */
.view-section[data-view="terminal"] {
  --terminal-bg: #07080b;
  --terminal-panel: #111217;
  --terminal-panel-raised: #15161c;
  --terminal-panel-soft: #1a1b21;
  --terminal-line: rgba(255, 255, 255, 0.105);
  --terminal-line-soft: rgba(255, 255, 255, 0.065);
  --terminal-hover: rgba(255, 255, 255, 0.07);
  --terminal-active: rgba(255, 255, 255, 0.125);
  --terminal-text: #f3f4f6;
  --terminal-muted: #8f949d;
  --terminal-muted-strong: #bcc0c7;
  --terminal-green: #34c981;
  --terminal-red: #f26164;
  --text: var(--terminal-text);
  --muted: var(--terminal-muted);
  --border: var(--terminal-line);
  --border-strong: rgba(255, 255, 255, 0.16);
  color: var(--terminal-text) !important;
}

.view-section[data-view="terminal"],
.view-section[data-view="terminal"] .terminal-grid,
.view-section[data-view="terminal"] .terminal-top-strip {
  background: transparent !important;
}

.view-section[data-view="terminal"] .market-panel,
.view-section[data-view="terminal"] .chart-panel,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-history-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-price-card,
.view-section[data-view="terminal"] .terminal-chart-toolbar,
.view-section[data-view="terminal"] .terminal-scalper-shell,
.view-section[data-view="terminal"] .terminal-scalper-mtf-shell,
.view-section[data-view="terminal"] .terminal-scalper-mtf-card,
.view-section[data-view="terminal"] .terminal-scalper-presets-shell,
.view-section[data-view="terminal"] .terminal-market-shell,
.view-section[data-view="terminal"] .terminal-account-cluster,
.view-section[data-view="terminal"] .terminal-mode-switch-shell,
.view-section[data-view="terminal"] .terminal-order-summary,
.view-section[data-view="terminal"] .terminal-risk-preview,
.view-section[data-view="terminal"] .trade-group-card,
.view-section[data-view="terminal"] .terminal-mini-card {
  border-color: var(--terminal-line) !important;
  background:
    linear-gradient(180deg, rgba(21, 22, 28, 0.985), rgba(13, 14, 18, 0.992)),
    var(--terminal-panel) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.026),
    0 14px 34px rgba(0, 0, 0, 0.22) !important;
  color: var(--terminal-text) !important;
}

.view-section[data-view="terminal"] .terminal-market-picker {
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .chart-container {
  border-color: var(--terminal-line-soft) !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
    linear-gradient(180deg, #0b0c10, #07080b) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

.view-section[data-view="terminal"] .terminal-market-overview,
.view-section[data-view="terminal"] .terminal-market-status,
.view-section[data-view="terminal"] .terminal-market-strip span,
.view-section[data-view="terminal"] .terminal-market-meta-row span,
.view-section[data-view="terminal"] .terminal-market-compact-strip span,
.view-section[data-view="terminal"] .terminal-quote-strip span,
.view-section[data-view="terminal"] .terminal-quote-strip-compact span,
.view-section[data-view="terminal"] .terminal-account-chip,
.view-section[data-view="terminal"] .terminal-order-mode,
.view-section[data-view="terminal"] .terminal-risk-chip,
.view-section[data-view="terminal"] .terminal-risk-hint,
.view-section[data-view="terminal"] .terminal-market-tag,
.view-section[data-view="terminal"] .terminal-pro-badge,
.view-section[data-view="terminal"] .terminal-scalper-stat,
.view-section[data-view="terminal"] .terminal-scalper-compact-prices span {
  border-color: var(--terminal-line-soft) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--terminal-muted-strong) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-tag.is-live,
.view-section[data-view="terminal"] .terminal-market-status:not(.is-closed) {
  border-color: rgba(52, 201, 129, 0.22) !important;
  background: rgba(52, 201, 129, 0.09) !important;
  color: #abf0cf !important;
}

.view-section[data-view="terminal"] .terminal-market-status.is-closed,
.view-section[data-view="terminal"] .asset-select-badge.is-closed {
  border-color: rgba(242, 97, 100, 0.22) !important;
  background: rgba(242, 97, 100, 0.09) !important;
  color: #ffb8ba !important;
}

.view-section[data-view="terminal"] .button-secondary,
.view-section[data-view="terminal"] .segment,
.view-section[data-view="terminal"] .toggle-button,
.view-section[data-view="terminal"] .icon-button,
.view-section[data-view="terminal"] .terminal-timeframe-chip,
.view-section[data-view="terminal"] .asset-category-tab,
.view-section[data-view="terminal"] .terminal-scalper-preset,
.view-section[data-view="terminal"] .terminal-mode-segment,
.view-section[data-view="terminal"] .terminal-history-tab,
.view-section[data-view="terminal"] .terminal-side-submit,
.view-section[data-view="terminal"] .terminal-volume-stepper-button {
  border-color: var(--terminal-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    var(--terminal-panel-raised) !important;
  color: var(--terminal-text) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .button-secondary:hover,
.view-section[data-view="terminal"] .segment:hover,
.view-section[data-view="terminal"] .toggle-button:hover,
.view-section[data-view="terminal"] .icon-button:hover,
.view-section[data-view="terminal"] .terminal-timeframe-chip:hover,
.view-section[data-view="terminal"] .asset-category-tab:hover,
.view-section[data-view="terminal"] .asset-select-card:hover,
.view-section[data-view="terminal"] .terminal-history-tab:hover,
.view-section[data-view="terminal"] .terminal-scalper-preset:hover {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: var(--terminal-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}

.view-section[data-view="terminal"] .segment.is-active,
.view-section[data-view="terminal"] .toggle-button.is-active,
.view-section[data-view="terminal"] .asset-category-tab.is-active,
.view-section[data-view="terminal"] .asset-select-card.is-active,
.view-section[data-view="terminal"] .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"] .terminal-history-tab.is-active,
.view-section[data-view="terminal"] .terminal-scalper-preset.is-active,
.view-section[data-view="terminal"] .terminal-side-submit.is-selected,
.view-section[data-view="terminal"] #timeframeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"] #chartTypeTabs .terminal-timeframe-chip.is-active {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: var(--terminal-active) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="terminal"] .terminal-search-field input,
.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input,
.view-section[data-view="terminal"] .terminal-volume-stepper,
.view-section[data-view="terminal"] #terminalAccountSelect,
.view-section[data-view="terminal"] .select-input {
  border-color: var(--terminal-line) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--terminal-text) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-search-field input:focus,
.view-section[data-view="terminal"] .terminal-order-inline input:focus,
.view-section[data-view="terminal"] .terminal-field-volume input:focus,
.view-section[data-view="terminal"] #terminalAccountSelect:focus {
  border-color: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}

.view-section[data-view="terminal"] .terminal-market-symbol,
.view-section[data-view="terminal"] .terminal-market-price,
.view-section[data-view="terminal"] .terminal-quote-price,
.view-section[data-view="terminal"] .asset-select-symbol,
.view-section[data-view="terminal"] .asset-select-price,
.view-section[data-view="terminal"] .terminal-account-balance-value,
.view-section[data-view="terminal"] .terminal-scalper-brand-copy strong,
.view-section[data-view="terminal"] .trade-symbol-link-text {
  color: var(--terminal-text) !important;
}

.view-section[data-view="terminal"] .micro-copy,
.view-section[data-view="terminal"] .micro-label,
.view-section[data-view="terminal"] .asset-select-label,
.view-section[data-view="terminal"] .terminal-market-trigger-copy .micro-copy,
.view-section[data-view="terminal"] .terminal-account-summary-kicker,
.view-section[data-view="terminal"] .terminal-mode-copy span,
.view-section[data-view="terminal"] .terminal-risk-preview p {
  color: var(--terminal-muted) !important;
}

.view-section[data-view="terminal"] .asset-category-count,
.view-section[data-view="terminal"] .terminal-history-tab-badge,
.view-section[data-view="terminal"] .asset-favorite-toggle {
  border-color: var(--terminal-line-soft) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--terminal-muted-strong) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .asset-favorite-toggle.is-active {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.11) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"] .asset-glyph,
.view-section[data-view="terminal"] .terminal-mode-logo,
.view-section[data-view="terminal"] .terminal-scalper-brand-logo {
  box-shadow: none !important;
  filter: saturate(0.45) contrast(1.02) !important;
}

.view-section[data-view="terminal"] .quote-change,
.view-section[data-view="terminal"] .asset-select-side .quote-change,
.view-section[data-view="terminal"] .terminal-scalper-mtf-card-change {
  border: 0 !important;
  color: #07100c !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .quote-change.positive,
.view-section[data-view="terminal"] .asset-select-side .quote-change.positive,
.view-section[data-view="terminal"] .terminal-scalper-mtf-card-change.is-positive,
.view-section[data-view="terminal"] .terminal-risk-chip.positive {
  background: rgba(52, 201, 129, 0.9) !important;
  color: #06120d !important;
}

.view-section[data-view="terminal"] .quote-change.negative,
.view-section[data-view="terminal"] .asset-select-side .quote-change.negative,
.view-section[data-view="terminal"] .terminal-scalper-mtf-card-change.is-negative,
.view-section[data-view="terminal"] .terminal-risk-chip.negative {
  background: rgba(242, 97, 100, 0.9) !important;
  color: #180708 !important;
}

.view-section[data-view="terminal"] .button-primary,
.view-section[data-view="terminal"] .terminal-submit-primary {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: linear-gradient(180deg, #f2f3f5, #cfd2d8) !important;
  color: #090a0d !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24) !important;
}

.view-section[data-view="terminal"] .button-primary.button-buy,
.view-section[data-view="terminal"] .terminal-form .button-primary.button-buy,
.view-section[data-view="terminal"] .terminal-side-submit.is-buy.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action-buy {
  border-color: rgba(52, 201, 129, 0.26) !important;
  background: linear-gradient(180deg, rgba(52, 201, 129, 0.95), rgba(35, 151, 98, 0.95)) !important;
  color: #06120d !important;
}

.view-section[data-view="terminal"] .button-primary.button-sell,
.view-section[data-view="terminal"] .terminal-form .button-primary.button-sell,
.view-section[data-view="terminal"] .terminal-side-submit.is-sell.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action-sell {
  border-color: rgba(242, 97, 100, 0.28) !important;
  background: linear-gradient(180deg, rgba(242, 97, 100, 0.96), rgba(189, 65, 68, 0.95)) !important;
  color: #180708 !important;
}

.view-section[data-view="terminal"] .sparkline-line,
.view-section[data-view="terminal"] .terminal-scalper-mtf-mini-line {
  filter: none !important;
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"] .market-panel {
    background:
      linear-gradient(180deg, rgba(21, 22, 28, 0.992), rgba(9, 10, 13, 0.995)),
      var(--terminal-bg) !important;
  }
}

/* v20260527-terminal-sides01: Long/Short keep their trading colors even when not selected. */
.view-section[data-view="terminal"] .terminal-side-submit.is-buy,
.view-section[data-view="terminal"] .terminal-side-submit.is-buy.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action-buy,
.view-section[data-view="terminal"] .scalper-dock-action-buy.is-selected {
  border-color: rgba(52, 201, 129, 0.3) !important;
  background: linear-gradient(180deg, rgba(52, 201, 129, 0.95), rgba(35, 151, 98, 0.95)) !important;
  color: #06120d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-sell,
.view-section[data-view="terminal"] .terminal-side-submit.is-sell.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action-sell,
.view-section[data-view="terminal"] .scalper-dock-action-sell.is-selected {
  border-color: rgba(242, 97, 100, 0.32) !important;
  background: linear-gradient(180deg, rgba(242, 97, 100, 0.96), rgba(189, 65, 68, 0.95)) !important;
  color: #180708 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action.is-selected {
  filter: saturate(1.08) brightness(1.04) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.3),
    0 12px 24px rgba(0, 0, 0, 0.24) !important;
}

/* v20260528-home-market-menu-base: neutral market menu scaffold. */
.view-section[data-view="home"] .home-analytics-menu-section {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

.view-section[data-view="home"] .home-analytics-menu {
  display: grid !important;
  gap: 14px !important;
  padding: clamp(16px, 4vw, 22px) !important;
  border: 1px solid rgba(18, 19, 23, 0.08) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(23, 24, 28, 0.06) !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-menu-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
}

.view-section[data-view="home"] .home-analytics-menu-head .eyebrow {
  margin: 0 0 4px !important;
  color: #7a7f89 !important;
}

.view-section[data-view="home"] .home-analytics-menu-head h3 {
  margin: 0 !important;
  color: #17181c !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: clamp(22px, 5vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="home"] .home-analytics-menu-head p {
  margin: 5px 0 0 !important;
  max-width: 34ch !important;
  color: #7a7f89 !important;
  font-size: 14px !important;
  font-weight: 740 !important;
  line-height: 1.22 !important;
}

.view-section[data-view="home"] .home-analytics-menu-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(23, 24, 28, 0.08) !important;
  border-radius: 13px !important;
  background: #f0f1f3 !important;
  color: #17181c !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding-bottom: 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs button {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(23, 24, 28, 0.07) !important;
  border-radius: 999px !important;
  background: #f0f1f3 !important;
  color: #69707b !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs button.is-active {
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-analytics-menu-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.8fr) minmax(180px, 0.55fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-analytics-menu-card {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 172px !important;
  padding: 14px !important;
  border: 1px solid rgba(23, 24, 28, 0.07) !important;
  border-radius: 22px !important;
  background: #f5f6f8 !important;
  color: #17181c !important;
  font: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 141, 255, 0.16), transparent 42%),
    #f5f6f8 !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top strong,
.view-section[data-view="home"] .home-analytics-menu-card-compact strong {
  min-width: 0 !important;
  color: #17181c !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top em {
  color: #2f79d5 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 920 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-list,
.view-section[data-view="home"] .home-analytics-menu-mini {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-analytics-menu-list span,
.view-section[data-view="home"] .home-analytics-menu-mini span {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 9px !important;
  min-width: 0 !important;
}

.view-section[data-view="home"] .home-analytics-menu-list small,
.view-section[data-view="home"] .home-analytics-menu-mini small {
  grid-column: 2 !important;
  min-width: 0 !important;
  color: #8b929e !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-list b,
.view-section[data-view="home"] .home-analytics-menu-mini b {
  min-width: 0 !important;
  color: #17181c !important;
  font-size: 13px !important;
  font-weight: 930 !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-list em {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  color: #15965b !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-compact {
  align-content: center !important;
  justify-items: start !important;
  gap: 12px !important;
  min-height: 172px !important;
  background:
    linear-gradient(180deg, #edf7ff, #f5f6f8) !important;
}

.view-section[data-view="home"] .home-analytics-menu-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #2f79d5 !important;
  box-shadow: 0 8px 18px rgba(47, 121, 213, 0.12) !important;
}

.view-section[data-view="home"] .home-analytics-menu-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-compact small {
  display: block !important;
  margin-top: 4px !important;
  color: #7a7f89 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  line-height: 1.16 !important;
}

@media (max-width: 920px) {
  .view-section[data-view="home"] .home-analytics-menu-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .view-section[data-view="home"] .home-analytics-menu-card,
  .view-section[data-view="home"] .home-analytics-menu-card-compact {
    min-height: 0 !important;
  }

  .view-section[data-view="home"] .home-analytics-menu-card-compact {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
  }
}

@media (max-width: 520px) {
  .view-section[data-view="home"] .home-analytics-menu {
    padding: 15px !important;
    border-radius: 24px !important;
  }

  .view-section[data-view="home"] .home-analytics-menu-head {
    grid-template-columns: 1fr !important;
  }

  .view-section[data-view="home"] .home-analytics-menu-action {
    width: 100% !important;
  }
}

/* v20260528-market-summary-menu01: neutral market-summary version of the home menu. */
.view-section[data-view="home"] .home-analytics-menu {
  gap: 12px !important;
  border-color: rgba(23, 24, 28, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(23, 24, 28, 0.06) !important;
}

.view-section[data-view="home"] .home-analytics-menu-head h3 {
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-menu-action,
.view-section[data-view="home"] .home-analytics-menu-tabs button,
.view-section[data-view="home"] .home-analytics-menu-card {
  border-color: rgba(23, 24, 28, 0.07) !important;
  background: #f0f1f3 !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs button.is-active {
  background: #17181c !important;
  border-color: #17181c !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-featured,
.view-section[data-view="home"] .home-analytics-menu-card-compact {
  background: #f0f1f3 !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top em,
.view-section[data-view="home"] .home-analytics-menu-card-compact small {
  color: #7a7f89 !important;
}

.view-section[data-view="home"] .home-analytics-menu-list em {
  color: #1fa45a !important;
}

.view-section[data-view="home"] .home-analytics-menu-list em.is-negative {
  color: #ef4438 !important;
}

.view-section[data-view="home"] .home-analytics-logo {
  border: 1px solid rgba(23, 24, 28, 0.07) !important;
  background: #ffffff !important;
  color: #17181c !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-analytics-logo-blue,
.view-section[data-view="home"] .home-analytics-logo-red,
.view-section[data-view="home"] .home-analytics-logo-green,
.view-section[data-view="home"] .home-analytics-logo-cyan,
.view-section[data-view="home"] .home-analytics-logo-gold,
.view-section[data-view="home"] .home-analytics-logo-dark {
  background: #ffffff !important;
  color: #17181c !important;
}

.view-section[data-view="home"] .home-analytics-menu-icon {
  background: #ffffff !important;
  color: #17181c !important;
  box-shadow: none !important;
}

/* v20260528-dark-market-tabs01: dark summary with in-place asset switching. */
.view-section[data-view="home"] .home-analytics-menu {
  gap: 13px !important;
  border-color: rgba(255, 255, 255, 0.105) !important;
  background:
    radial-gradient(circle at 14% -8%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #181a1f 0%, #0d0e11 100%) !important;
  color: #f6f7f9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 16px 38px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="home"] .home-analytics-menu-head h3 {
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-analytics-menu-head .eyebrow {
  color: rgba(231, 233, 238, 0.72) !important;
}

.view-section[data-view="home"] .home-analytics-menu-head p {
  color: rgba(231, 233, 238, 0.64) !important;
}

.view-section[data-view="home"] .home-analytics-menu-action {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045)),
    #202228 !important;
  color: #f8f9fb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs {
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(9, 10, 13, 0.72) !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs button {
  min-height: 34px !important;
  border-color: transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(231, 233, 238, 0.64) !important;
}

.view-section[data-view="home"] .home-analytics-menu-tabs button.is-active {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: #f5f6f8 !important;
  color: #111318 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

.view-section[data-view="home"] .home-analytics-menu-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.78fr) minmax(176px, 0.54fr) !important;
}

.view-section[data-view="home"] .home-analytics-menu-card {
  border-color: rgba(255, 255, 255, 0.095) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    #17191e !important;
  color: #f6f7f9 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 68, 56, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
    #17191e !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-compact {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.08), transparent 48%),
    #16181d !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top strong,
.view-section[data-view="home"] .home-analytics-menu-card-compact strong,
.view-section[data-view="home"] .home-analytics-menu-list b,
.view-section[data-view="home"] .home-analytics-menu-mini b {
  color: #ffffff !important;
}

.view-section[data-view="home"] .home-analytics-menu-card-top em,
.view-section[data-view="home"] .home-analytics-menu-card-compact small,
.view-section[data-view="home"] .home-analytics-menu-list small,
.view-section[data-view="home"] .home-analytics-menu-mini small,
.view-section[data-view="home"] .home-analytics-menu-empty {
  color: rgba(231, 233, 238, 0.62) !important;
}

.view-section[data-view="home"] .home-analytics-menu-list em {
  color: #4fbd66 !important;
}

.view-section[data-view="home"] .home-analytics-menu-list em.is-negative {
  color: #ef5b58 !important;
}

.view-section[data-view="home"] .home-analytics-logo {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] .home-analytics-logo .asset-glyph {
  width: 32px !important;
  height: 32px !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 8px 18px rgba(0, 0, 0, 0.26) !important;
}

.view-section[data-view="home"] .home-analytics-logo .asset-flag-badge {
  width: 19px !important;
  height: 19px !important;
  font-size: 11px !important;
}

.view-section[data-view="home"] .home-analytics-logo .asset-flag-badge-primary {
  left: 3px !important;
  top: 7px !important;
}

.view-section[data-view="home"] .home-analytics-logo .asset-flag-badge-secondary {
  right: 3px !important;
  top: 7px !important;
}

.view-section[data-view="home"] .home-analytics-menu-icon {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)),
    #202228 !important;
  color: #f5f6f8 !important;
  box-shadow: none !important;
}

@media (max-width: 920px) {
  .view-section[data-view="home"] .home-analytics-menu-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v20260528-asset-selector01: make the terminal asset selector read as a control. */
.view-section[data-view="terminal"] .terminal-market-selector {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)),
    rgba(255, 255, 255, 0.035) !important;
  color: #f7f9fc !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.view-section[data-view="terminal"] .terminal-market-selector:hover,
.view-section[data-view="terminal"] .terminal-market-selector:focus-visible {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.042)),
    rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .asset-glyph {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
  border-radius: 10px !important;
}

.view-section[data-view="terminal"] .terminal-market-select-label {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(235, 241, 248, 0.58) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-symbol-row {
  gap: 7px !important;
  align-items: center !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-symbol {
  font-size: 18px !important;
  font-weight: 950 !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-switch-pill {
  display: inline-flex !important;
  min-height: 20px !important;
  max-width: 142px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(235, 241, 248, 0.78) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-trigger-copy {
  gap: 3px !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-chevron {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.052) !important;
  color: rgba(235, 241, 248, 0.9) !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-chevron svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-market-selector {
    grid-template-columns: 30px minmax(0, 1fr) 28px !important;
    min-height: 52px !important;
    padding: 8px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector .asset-glyph {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector .terminal-market-symbol {
    font-size: 17px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector .terminal-market-switch-pill {
    max-width: 108px !important;
    padding: 0 7px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger-chevron {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
  }
}

/* v20260528-terminal-market-first01: open Terminal as a dark markets list first. */
.view-section[data-view="terminal"].is-market-picker-open > .section-block:first-child,
.view-section[data-view="terminal"].is-market-picker-open .terminal-top-strip,
.view-section[data-view="terminal"].is-market-picker-open .chart-panel,
.view-section[data-view="terminal"].is-market-picker-open .order-panel {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-grid {
  display: grid !important;
  grid-template-areas: "markets" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .market-panel {
  grid-area: markets !important;
  width: min(100%, 560px) !important;
  min-height: min(720px, calc(100dvh - 118px)) !important;
  margin: 0 auto !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(255, 255, 255, 0.07), transparent 34%),
    linear-gradient(180deg, #17191e 0%, #0a0b0e 100%) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  display: grid !important;
  gap: 14px !important;
  min-height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head > div {
  grid-column: 2 !important;
  min-width: 0 !important;
  text-align: center !important;
}

.view-section[data-view="terminal"].is-market-picker-open #terminalMarketsEyebrow,
.view-section[data-view="terminal"].is-market-picker-open #terminalMarketsCopy {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open #terminalMarketsTitle {
  margin: 0 !important;
  color: #f7f8fa !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-close {
  display: inline-grid !important;
  grid-column: 3 !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(244, 246, 249, 0.88) !important;
  font-size: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-close::before {
  content: "\00d7";
  font-size: 22px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-search-field input {
  min-height: 42px !important;
  padding: 10px 14px 10px 38px !important;
  border-radius: 12px !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #f6f7f9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-search-field::before {
  left: 14px !important;
  color: rgba(235, 238, 244, 0.5) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  display: flex !important;
  gap: 0 !important;
  padding: 0 0 1px !important;
  overflow-x: auto !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  scrollbar-width: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(235, 238, 244, 0.58) !important;
  font-size: 13px !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab.is-active {
  background: transparent !important;
  box-shadow: inset 0 -2px 0 #ef4438 !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-count {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  overflow: visible !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card {
  min-height: 68px !important;
  padding: 9px 0 !important;
  border-bottom-color: rgba(255, 255, 255, 0.07) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card:hover,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-card.is-active {
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: inset 2px 0 0 rgba(239, 68, 56, 0.9) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
  grid-template-columns: minmax(0, 1fr) minmax(78px, 96px) !important;
  gap: 10px !important;
  padding: 0 4px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-chart {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-glyph {
  display: inline-flex !important;
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  border-radius: 12px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-left {
  gap: 11px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol {
  color: #f8f9fb !important;
  font-size: 16px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-label {
  color: rgba(235, 238, 244, 0.52) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-price {
  color: #f8f9fb !important;
  font-size: 15px !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change {
  min-width: 0 !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change.positive {
  color: var(--terminal-green) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change.negative {
  color: var(--terminal-red) !important;
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"].is-market-picker-open .market-panel.is-open {
    inset: 0 0 76px !important;
    width: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: max(14px, env(safe-area-inset-top)) 14px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: auto !important;
    box-shadow: none !important;
  }
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
    grid-template-columns: minmax(0, 1fr) minmax(72px, 86px) !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-glyph {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }
}

/* v20260528-moex-visible-selector01: cleaner asset switcher and MOEX preview access. */
.view-section[data-view="terminal"] .terminal-market-selector {
  grid-template-columns: 34px minmax(0, 1fr) auto 24px !important;
  min-height: 50px !important;
  gap: 10px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  border-radius: 14px !important;
  background: #111217 !important;
  color: #f5f6f8 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-selector:hover,
.view-section[data-view="terminal"] .terminal-market-selector:focus-visible {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: #15161c !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .asset-glyph {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  border-radius: 11px !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-trigger-copy {
  gap: 3px !important;
}

.view-section[data-view="terminal"] .terminal-market-select-label {
  color: rgba(235, 238, 244, 0.54) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-symbol {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 930 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-market-selector .terminal-market-trigger-copy .micro-copy {
  color: rgba(235, 238, 244, 0.58) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.095) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(246, 247, 249, 0.86) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-chevron {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(246, 247, 249, 0.72) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-chevron svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.4 !important;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-market-selector {
    grid-template-columns: 32px minmax(0, 1fr) auto 22px !important;
    min-height: 48px !important;
    gap: 8px !important;
    padding: 7px 8px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector .asset-glyph {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector .terminal-market-symbol {
    font-size: 17px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger-action {
    min-height: 24px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-trigger-chevron {
    width: 22px !important;
    height: 22px !important;
  }
}

@media (max-width: 370px) {
  .view-section[data-view="terminal"] .terminal-market-trigger-action {
    display: none !important;
  }

  .view-section[data-view="terminal"] .terminal-market-selector {
    grid-template-columns: 32px minmax(0, 1fr) 22px !important;
  }
}

/* v20260528-market-tabs-visible01: keep asset categories visible when Terminal opens. */
.view-section[data-view="terminal"].is-market-picker-open .market-panel {
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  min-height: 40px !important;
  align-items: center !important;
  margin: 0 !important;
  background: linear-gradient(180deg, #13151a 0%, #0d0e12 100%) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-bottom: 12px !important;
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"].is-market-picker-open .market-panel.is-open {
    display: block !important;
    overflow: hidden !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
    display: grid !important;
    height: 100% !important;
    max-height: none !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head {
    min-height: 30px !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .terminal-search-field input {
    min-height: 40px !important;
  }
}

/* v20260528-market-reference01: dark market list closer to the mobile investing reference. */
.view-section[data-view="terminal"].is-market-picker-open .market-panel {
  width: min(100%, 430px) !important;
  padding: 14px 16px 16px !important;
  border-radius: 22px !important;
  background: #08090d !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head {
  min-height: 28px !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
}

.view-section[data-view="terminal"].is-market-picker-open #terminalMarketsTitle {
  font-size: 15px !important;
  font-weight: 900 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-close {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-search-field input {
  min-height: 38px !important;
  padding: 9px 12px 9px 34px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: #1a1b20 !important;
  color: #f6f7fa !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-search-field::before {
  left: 12px !important;
  color: rgba(245, 247, 250, 0.46) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  min-height: 38px !important;
  gap: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #08090d !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
  min-height: 38px !important;
  padding: 0 14px !important;
  color: rgba(246, 247, 250, 0.56) !important;
  font-size: 14px !important;
  font-weight: 780 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="Favorites"] {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="Favorites"] span:first-child {
  font-size: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="Favorites"] span:first-child::before {
  content: "\2605";
  font-size: 15px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab.is-active {
  color: #ffffff !important;
  box-shadow: inset 0 -2px 0 #ef3f35 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-row {
  display: flex !important;
  gap: 8px !important;
  min-height: 34px !important;
  overflow-x: auto !important;
  padding: 0 0 1px !important;
  scrollbar-width: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-row::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #17191f !important;
  color: rgba(246, 247, 250, 0.86) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background 140ms ease, color 140ms ease, transform 140ms ease !important;
}

.view-section[data-view="terminal"].is-market-picker-open button.asset-filter-control:active {
  transform: translateY(1px) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-control.is-active {
  background: #2a2d35 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-icon.is-active {
  background: rgba(239, 63, 53, 0.18) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-icon {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-control.is-primary {
  background: #f1f2f4 !important;
  color: #111216 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-code {
  margin-right: 6px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  margin-top: 2px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card {
  min-height: 72px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
  grid-template-columns: minmax(0, 1fr) minmax(84px, auto) !important;
  gap: 12px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-chart,
.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-left {
  gap: 13px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-glyph {
  width: 42px !important;
  height: 42px !important;
  flex-basis: 42px !important;
  border-radius: 12px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-copy {
  gap: 4px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol {
  color: #f8f9fb !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 1.12 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-label {
  color: rgba(245, 247, 250, 0.48) !important;
  font-size: 12px !important;
  font-weight: 620 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side {
  align-items: end !important;
  gap: 6px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-price {
  color: #f8f9fb !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change {
  min-width: 0 !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

@media (max-width: 879px) {
  .view-section[data-view="terminal"].is-market-picker-open .market-panel.is-open {
    padding: max(12px, env(safe-area-inset-top)) 16px 16px !important;
    background: #08090d !important;
  }
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
    padding: 0 11px !important;
    font-size: 13px !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
    grid-template-columns: minmax(0, 1fr) minmax(76px, auto) !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-glyph {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}

/* v20260528-asset-switch-clean01: remove competing badges near the asset switcher. */
.view-section[data-view="terminal"] .terminal-market-shell-top {
  justify-content: stretch !important;
}

.view-section[data-view="terminal"] .terminal-market-selector {
  width: 100% !important;
}

/* v20260528-asset-logos-align01: real asset marks and rigid market rows. */
.asset-glyph.asset-glyph-logo {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.asset-glyph.asset-glyph-logo svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.asset-glyph.asset-glyph-logo text {
  fill: #ffffff !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.asset-logo-flag-base,
.asset-logo-flag-quote {
  stroke: rgba(8, 9, 13, 0.9) !important;
  stroke-width: 2 !important;
}

.asset-logo-flag-eu { fill: #2346a1 !important; }
.asset-logo-flag-us { fill: #2f5aa8 !important; }
.asset-logo-flag-gb { fill: #1b3f8b !important; }
.asset-logo-flag-jp { fill: #f5f6f8 !important; }
.asset-logo-flag-nz { fill: #244780 !important; }
.asset-logo-flag-ru { fill: #d63b36 !important; }
.asset-logo-flag-cn { fill: #de2910 !important; }
.asset-logo-flag-hk { fill: #d6222a !important; }
.asset-logo-flag-tr { fill: #e30a17 !important; }
.asset-logo-flag-by { fill: #2f9e63 !important; }

.asset-glyph.asset-glyph-logo text.asset-logo-flag-text-jp {
  fill: #111318 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  align-items: end !important;
  min-height: 40px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
  position: relative !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab.is-active {
  box-shadow: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: #ef3f35;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="Favorites"].is-active::after {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="Favorites"].is-active {
  background: #17191f !important;
  border-radius: 8px !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card {
  height: 66px !important;
  min-height: 66px !important;
  padding: 0 !important;
  display: grid !important;
  align-items: center !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card:hover,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-card.is-active {
  background: rgba(255, 255, 255, 0.042) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card.is-market-closed::after {
  display: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
  height: 66px !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  align-items: center !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-left,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-copy,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol-row {
  min-width: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-label,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-price {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol {
  font-size: 15px !important;
  line-height: 18px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-label {
  font-size: 11px !important;
  line-height: 14px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-price {
  text-align: right !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change {
  width: 100% !important;
  text-align: right !important;
  line-height: 14px !important;
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 82px !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-select-side {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  .asset-glyph.asset-glyph-logo {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}

/* v20260528-chart-asset-switch-flat01: one clean layer above the chart. */
.view-section[data-view="terminal"] .terminal-market-header {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector {
  grid-template-columns: 38px minmax(0, 1fr) auto 20px !important;
  min-height: 52px !important;
  padding: 6px 0 !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector:hover,
.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector .asset-glyph {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 12px !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-copy {
  min-width: 0 !important;
  gap: 3px !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-symbol {
  font-size: 20px !important;
  font-weight: 840 !important;
  line-height: 1.05 !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-copy .micro-copy {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(235, 238, 244, 0.56) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-action {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(246, 247, 249, 0.62) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-chevron {
  width: 20px !important;
  height: 20px !important;
  color: rgba(246, 247, 249, 0.52) !important;
}

@media (max-width: 370px) {
  .view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector {
    grid-template-columns: 36px minmax(0, 1fr) 20px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-action {
    display: none !important;
  }
}

/* v20260528-forex-moex-order01: Forex upfront and MOEX assets clearly marked. */
.view-section[data-view="terminal"].is-market-picker-open .asset-market-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  height: 18px !important;
  max-width: 74px !important;
  padding: 0 6px 0 4px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(239, 63, 53, 0.34) !important;
  background: rgba(239, 63, 53, 0.12) !important;
  color: #ffbbb6 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-market-chip span {
  display: inline-grid !important;
  place-items: center !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #ef3f35 !important;
  color: #ffffff !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card.is-moex-asset .asset-select-symbol-row {
  gap: 6px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="MOEX FX"] {
  color: rgba(255, 196, 190, 0.78) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="MOEX FX"].is-active {
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab[data-category="MOEX FX"].is-active::after {
  background: #ef3f35 !important;
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .asset-market-chip {
    max-width: 48px !important;
    padding-right: 4px !important;
    font-size: 0 !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-market-chip::after {
    content: "MOEX";
    font-size: 8px !important;
  }
}

/* v20260528-category-pan-x01: category tabs scroll only sideways. */
.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  height: 40px !important;
  max-height: 40px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: none !important;
  touch-action: pan-x !important;
  -webkit-overflow-scrolling: touch !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
  flex: 0 0 auto !important;
  touch-action: pan-x !important;
}

/* v20260528-market-rows-table01: make asset rows a strict, even watchlist. */
.view-section[data-view="terminal"].is-market-picker-open .asset-category-block,
.view-section[data-view="terminal"].is-market-picker-open .asset-card-grid {
  display: block !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-card-grid {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card {
  box-sizing: border-box !important;
  display: block !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-card:last-child {
  border-bottom: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 90px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-left {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  height: 64px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-copy {
  display: grid !important;
  grid-template-rows: 18px 14px !important;
  align-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  height: 64px !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  height: 18px !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 18px !important;
  font-size: 15px !important;
  line-height: 18px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-label {
  height: 14px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-market-chip {
  height: 16px !important;
  max-width: 56px !important;
  padding: 0 5px 0 3px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-market-chip span {
  width: 11px !important;
  height: 11px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side {
  display: grid !important;
  grid-template-rows: 18px 14px !important;
  align-content: center !important;
  justify-items: end !important;
  gap: 3px !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  height: 64px !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-price {
  height: 18px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-side .quote-change {
  height: 14px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-bottom,
.view-section[data-view="terminal"].is-market-picker-open .asset-select-chart,
.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle {
  display: none !important;
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .asset-select-main {
    grid-template-columns: minmax(0, 1fr) 82px !important;
  }

  .view-section[data-view="terminal"].is-market-picker-open .asset-select-side {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }
}

/* v20260528-market-row-favorites01: restore per-asset favorites in the dark market list. */
.view-section[data-view="terminal"].is-market-picker-open .asset-select-copy {
  grid-template-rows: 23px 14px !important;
  gap: 2px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol-row {
  height: 23px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-select-symbol {
  height: 18px !important;
  line-height: 18px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin-left: 2px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(246, 247, 250, 0.55) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle:hover,
.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle:focus-visible {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.085) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle.is-active {
  border-color: rgba(239, 63, 53, 0.36) !important;
  background: rgba(239, 63, 53, 0.17) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-favorite-toggle:active {
  transform: scale(0.96) !important;
}

/* v20260528-moex-brand-logos01: keep Russian stock logos colorful and crisp. */
.asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="terminal"] .asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="home"] .asset-glyph.asset-glyph-logo.asset-glyph-brand {
  filter: none !important;
  background: transparent !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand svg {
  filter: saturate(1.06) contrast(1.03) !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand {
  padding: 0 !important;
  border: 0 !important;
  background: #ffffff !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand .asset-glyph-brand-image {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: inherit !important;
  background: transparent !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand-sber .asset-glyph-brand-image {
  padding: 6px !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand-ydex {
  background: #fc3f1d !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand-ydex .asset-glyph-brand-image {
  object-fit: cover !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-glyph.asset-glyph-logo.asset-glyph-brand {
  border-radius: 12px !important;
}

/* v20260528-moex-png-frame01: one shared frame and corner radius for MOEX brand PNG/SVG marks. */
.asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="terminal"] .asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="home"] .asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="terminal"].is-market-picker-open .asset-glyph.asset-glyph-logo.asset-glyph-brand,
.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector .asset-glyph.asset-glyph-brand {
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 8px 18px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand .asset-glyph-brand-image {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: inherit !important;
  object-fit: contain !important;
  object-position: center !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand svg {
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
}

/* v20260528-admin-scroll01: keep the standalone admin dashboard scrollable outside the Mini App shell. */
html:has(body.admin-page),
body.admin-page {
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

body.admin-page .admin-shell,
body.admin-page .admin-dashboard,
body.admin-page .admin-tab-panel,
body.admin-page .panel {
  height: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
}

body.admin-page .admin-shell {
  min-height: 100dvh !important;
  padding-bottom: max(48px, env(safe-area-inset-bottom)) !important;
}

body.admin-page .admin-tabbar,
body.admin-page .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

body.admin-page .admin-tabbar {
  flex-wrap: nowrap !important;
}

body.admin-page.admin-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/* v20260528-lot-control-polish01: make volume/lot controls feel native to the terminal. */
.view-section[data-view="terminal"] .terminal-field-volume {
  width: 100% !important;
  max-width: 312px !important;
}

.view-section[data-view="terminal"] .terminal-field-volume > span {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
  color: rgba(239, 242, 247, 0.58) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper {
  display: grid !important;
  grid-template-columns: 36px minmax(76px, 1fr) 36px !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 48px !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  border-radius: 13px !important;
  background: #0b0c10 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 20px rgba(0, 0, 0, 0.16) !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper:focus-within {
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 3px rgba(255, 255, 255, 0.055) !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell,
.scalper-dock-volume-center {
  display: grid !important;
  grid-template-rows: 21px 10px !important;
  align-content: center !important;
  justify-items: center !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 3px 5px 2px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="terminal"] .terminal-field-volume input,
.scalper-dock-volume-center input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 21px !important;
  height: 21px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 21px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

.view-section[data-view="terminal"] .terminal-volume-unit,
.scalper-dock-volume-unit {
  display: block !important;
  height: 10px !important;
  color: rgba(239, 242, 247, 0.45) !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 10px !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button,
.scalper-dock-volume-step {
  display: grid !important;
  place-items: center !important;
  min-height: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(247, 249, 252, 0.88) !important;
  box-shadow: none !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button:hover,
.view-section[data-view="terminal"] .terminal-volume-stepper-button:focus-visible,
.scalper-dock-volume-step:hover,
.scalper-dock-volume-step:focus-visible {
  background: rgba(255, 255, 255, 0.11) !important;
  color: #ffffff !important;
}

.scalper-execution-dock {
  grid-template-columns: minmax(0, 1fr) minmax(118px, 136px) minmax(0, 1fr) !important;
  align-items: center !important;
}

.scalper-dock-volume {
  grid-template-columns: 27px minmax(0, 1fr) 27px !important;
  gap: 4px !important;
  min-height: 48px !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 11px !important;
  background: #0b0c10 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.scalper-dock-volume-center {
  min-height: 38px !important;
}

.scalper-dock-volume-center input {
  font-size: 14px !important;
}

@media (max-width: 768px) {
  .scalper-execution-dock {
    grid-template-columns: minmax(0, 1fr) 116px minmax(0, 1fr) !important;
  }

  .scalper-dock-volume {
    grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  }
}

/* v20260528-forex-country-flags01: use country flags for FX pairs instead of text codes. */
.asset-glyph.asset-glyph-logo.asset-glyph-flags {
  position: relative !important;
  background: transparent !important;
  filter: none !important;
}

.asset-glyph-flags .asset-flag-badge {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #111318 !important;
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.26),
    inset 0 0 0 1.5px rgba(255, 255, 255, 0.18) !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateZ(0) !important;
}

.asset-glyph-flags .asset-flag-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.asset-glyph-flags .asset-flag-badge:not(.asset-flag-badge-fallback) {
  font-size: 0 !important;
}

.asset-glyph-flags .asset-flag-badge-primary {
  left: 2px !important;
  top: 5px !important;
  z-index: 2 !important;
}

.asset-glyph-flags .asset-flag-badge-secondary {
  right: 2px !important;
  top: auto !important;
  bottom: 5px !important;
  z-index: 1 !important;
}

/* v20260528-natural-account-values01: keep account metrics aligned without promo-only value overrides. */
.account-card .account-metrics {
  align-items: stretch !important;
}

.account-card .account-metrics > div {
  display: grid !important;
  grid-template-rows: minmax(14px, auto) minmax(20px, auto) !important;
  align-content: start !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.account-card .account-metrics .micro-label {
  min-height: 14px !important;
  margin-bottom: 0 !important;
  line-height: 1.15 !important;
}

.account-card .account-metrics strong {
  display: block !important;
  min-width: 0 !important;
  min-height: 20px !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-glyph-flags .asset-flag-badge {
  width: 27px !important;
  height: 27px !important;
  font-size: 18px !important;
}

.trade-symbol-link .asset-glyph-flags .asset-flag-badge {
  width: 14px !important;
  height: 14px !important;
  font-size: 10px !important;
}

/* v20260528-terminal-field-help01: compact tappable help icons in order fields. */
.view-section[data-view="terminal"] .terminal-order-inline .terminal-field-label-line,
.view-section[data-view="terminal"] .terminal-field-volume > .terminal-field-label-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 18px !important;
  margin: 0 0 6px !important;
  color: rgba(239, 242, 247, 0.62) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-field-help-button {
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035)),
    #17191f !important;
  color: rgba(247, 249, 252, 0.86) !important;
  box-shadow: none !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.view-section[data-view="terminal"] .terminal-field-help-button:hover,
.view-section[data-view="terminal"] .terminal-field-help-button:focus-visible {
  border-color: rgba(255, 255, 255, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07)),
    #20232a !important;
  color: #ffffff !important;
  outline: none !important;
}

.view-section[data-view="terminal"] .terminal-field-help-button:active {
  transform: scale(0.94) !important;
}

/* v20260528-risk-preview-readable01: keep projected profit/loss cards readable on dark UI. */
.view-section[data-view="terminal"] .terminal-risk-preview {
  gap: 7px !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip,
.view-section[data-view="terminal"] .terminal-risk-hint {
  border: 1px solid rgba(255, 255, 255, 0.095) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.022)),
    #12141a !important;
  color: #f4f6f9 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip.positive {
  border-color: rgba(52, 201, 129, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(52, 201, 129, 0.12), rgba(52, 201, 129, 0.045)),
    #10151a !important;
  color: #f4f6f9 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip.negative {
  border-color: rgba(242, 97, 100, 0.25) !important;
  background:
    linear-gradient(180deg, rgba(242, 97, 100, 0.12), rgba(242, 97, 100, 0.045)),
    #151113 !important;
  color: #f4f6f9 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip .micro-label {
  color: rgba(244, 246, 249, 0.66) !important;
  font-size: 9px !important;
  letter-spacing: 0.07em !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip strong {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip.positive strong {
  color: #70e4a5 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip.negative strong {
  color: #ff8f92 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip .micro-copy,
.view-section[data-view="terminal"] .terminal-risk-hint .micro-copy {
  color: rgba(244, 246, 249, 0.58) !important;
}

/* v20260528-ru-text-fit01: let Russian UI labels wrap cleanly instead of sliding out of compact controls. */
html[lang="ru"] .button,
html[lang="ru"] .toggle-button,
html[lang="ru"] .status-badge,
html[lang="ru"] .purchase-chip,
html[lang="ru"] .account-history-pill,
html[lang="ru"] .tournament-compact-pill,
html[lang="ru"] .account-competition-pill,
html[lang="ru"] .account-risk-pill,
html[lang="ru"] .trade-action-row .button,
html[lang="ru"] .purchase-code-actions .button,
html[lang="ru"] .purchase-addon-card .button,
html[lang="ru"] .modal-actions .button {
  min-width: 0 !important;
  min-height: 34px !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.12 !important;
}

html[lang="ru"] .bottom-nav {
  min-height: calc(76px + env(safe-area-inset-bottom)) !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
}

html[lang="ru"] .nav-button {
  min-width: 0 !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 7px 4px !important;
  white-space: normal !important;
  overflow: visible !important;
}

html[lang="ru"] .nav-label {
  display: block !important;
  max-width: 100% !important;
  min-height: 20px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

html[lang="ru"] .user-pill,
html[lang="ru"] .user-pill span,
html[lang="ru"] .brand-lockup,
html[lang="ru"] .brand-lockup > div,
html[lang="ru"] .section-head,
html[lang="ru"] .section-head > div,
html[lang="ru"] .compact-head,
html[lang="ru"] .compact-head > div {
  min-width: 0 !important;
}

html[lang="ru"] .user-pill span,
html[lang="ru"] .section-head .eyebrow,
html[lang="ru"] .compact-head .eyebrow,
html[lang="ru"] .micro-label,
html[lang="ru"] .micro-copy {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html[lang="ru"] .hero-cta-copy strong,
html[lang="ru"] .hero-cta-copy span,
html[lang="ru"] .home-cta-button span,
html[lang="ru"] .home-market-tile-copy span,
html[lang="ru"] .home-market-analytics-row strong,
html[lang="ru"] .tournament-card-copy h3,
html[lang="ru"] .tournament-card-summary,
html[lang="ru"] .tournament-section-title h4 {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

html[lang="ru"] .home-market-tile {
  min-height: 96px !important;
}

html[lang="ru"] .home-market-tile-copy {
  align-content: center !important;
}

html[lang="ru"] .home-market-tile-copy span {
  line-height: 1.08 !important;
}

html[lang="ru"] .asset-category-tabs,
html[lang="ru"] .asset-filter-row {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

html[lang="ru"] .asset-category-tab,
html[lang="ru"] .asset-filter-pill {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

html[lang="ru"] .asset-select-symbol,
html[lang="ru"] .asset-select-label,
html[lang="ru"] .terminal-market-symbol,
html[lang="ru"] .terminal-market-trigger-copy .micro-copy {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[lang="ru"] .terminal-history-tab {
  min-width: 0 !important;
  min-height: 48px !important;
  align-items: center !important;
}

html[lang="ru"] .terminal-history-tab-label {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html[lang="ru"] .account-metrics,
html[lang="ru"] .account-history-metrics {
  align-items: stretch !important;
}

html[lang="ru"] .account-metrics > div,
html[lang="ru"] .account-history-metrics > div {
  min-width: 0 !important;
}

html[lang="ru"] .account-metrics .micro-label,
html[lang="ru"] .account-history-metrics .micro-label {
  min-height: 24px !important;
  line-height: 1.12 !important;
}

@media (max-width: 640px) {
  html[lang="ru"] .topbar,
  html[lang="ru"] .section-head,
  html[lang="ru"] .compact-head {
    gap: 8px !important;
  }

  html[lang="ru"] .user-pill {
    max-width: min(170px, 44vw) !important;
  }

  html[lang="ru"] .button,
  html[lang="ru"] .toggle-button,
  html[lang="ru"] .status-badge {
    font-size: 11px !important;
  }

  html[lang="ru"] .home-market-analytics-row {
    grid-template-columns: 30px minmax(0, 1fr) 18px !important;
    gap: 9px !important;
  }

  html[lang="ru"] .view-section[data-view="terminal"].is-market-picker-open .asset-category-tab {
    padding-inline: 11px !important;
    font-size: 12px !important;
  }
}

/* v20260528-scroll-paint-stability01: avoid WebView paint dropouts during fast vertical scroll. */
html,
body,
#app,
.app-shell,
.app-main {
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: auto !important;
}

.view-section,
.dashboard-grid,
.terminal-layout,
.accounts-grid,
.trades-list,
.tournament-grid,
.tournament-grid-history,
.events-news-list,
.events-calendar-list {
  isolation: isolate !important;
}

.account-card,
.trade-mobile-card,
.terminal-panel,
.terminal-order-panel,
.terminal-chart-shell,
.asset-select-card,
.quote-card,
.tournament-list-card,
.events-news-card,
.events-calendar-row,
.dashboard-auth-card,
.modal-sheet {
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  contain: layout paint !important;
}

.view-section.is-active {
  min-height: 100dvh !important;
}

@media (hover: none), (pointer: coarse) {
  body::before,
  body::after,
  .ambient {
    display: none !important;
  }

  .bottom-nav,
  .modal,
  .modal-sheet,
  .terminal-sticky-quote,
  .terminal-position-drawer,
  .terminal-market-drawer,
  .view-section[data-view="terminal"] .terminal-sidebar,
  .view-section[data-view="terminal"] .terminal-panel,
  .view-section[data-view="terminal"] .terminal-order-panel,
  .view-section[data-view="terminal"] .terminal-chart-shell {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .terminal-chart-shell,
  .terminal-panel,
  .terminal-order-panel,
  .account-card,
  .trade-mobile-card,
  .tournament-list-card,
  .events-news-card {
    filter: none !important;
  }
}

/* v20260528-terminal-account-switch03: modernize the terminal account selector. */
.view-section[data-view="terminal"] .terminal-account-cluster {
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px !important;
  padding: 8px !important;
  border: 1px solid rgba(116, 139, 174, 0.18) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(20, 23, 31, 0.98), rgba(10, 12, 18, 0.995)),
    #0b0d13 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 36px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="terminal"] .terminal-account-switch {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  cursor: pointer !important;
}

.view-section[data-view="terminal"] .terminal-account-switch::after {
  content: "" !important;
  position: static !important;
  justify-self: center !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid rgba(237, 243, 252, 0.72) !important;
  border-bottom: 2px solid rgba(237, 243, 252, 0.72) !important;
  transform: translateY(-2px) rotate(45deg) !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.22), rgba(110, 168, 255, 0.09)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow: inset 0 0 0 1px rgba(157, 190, 239, 0.16) !important;
  color: transparent !important;
  font-size: 0 !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  content: "\21c4" !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #dfeaff !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f8fbff !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  outline: none !important;
}

.view-section[data-view="terminal"] .terminal-account-switch:hover,
.view-section[data-view="terminal"] .terminal-account-switch:focus-within {
  border-color: rgba(110, 168, 255, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(110, 168, 255, 0.105), rgba(255, 255, 255, 0.028)),
    rgba(255, 255, 255, 0.045) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 3px rgba(110, 168, 255, 0.08) !important;
}

.view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
  min-width: 118px !important;
  padding-left: 8px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="terminal"] .terminal-account-summary-shell {
  min-width: 0 !important;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"] .terminal-account-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto) !important;
    min-height: 52px !important;
    padding: 7px !important;
    border-radius: 14px !important;
  }

  .view-section[data-view="terminal"] .terminal-account-switch {
    grid-template-columns: 26px minmax(0, 1fr) 20px !important;
    min-height: 38px !important;
    gap: 7px !important;
    padding: 5px 7px !important;
  }

  .view-section[data-view="terminal"] #terminalAccountLabel {
    width: 26px !important;
    height: 26px !important;
    border-radius: 9px !important;
  }

  .view-section[data-view="terminal"] #terminalAccountSelect {
    font-size: 12px !important;
  }

  .view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
    min-width: 92px !important;
    padding-left: 6px !important;
  }
}

/* v20260528-trade-card-refresh01: clearer active/history trade cards. */
.trade-card-list {
  gap: 14px !important;
  padding: 8px 0 6px !important;
}

.trade-group-recent .trade-card-list {
  gap: 18px !important;
}

.trade-mobile-card {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(24, 29, 39, 0.99), rgba(8, 11, 18, 0.995)),
    #0b0e16 !important;
  border-color: rgba(133, 156, 189, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 34px rgba(0, 0, 0, 0.3) !important;
}

.trade-mobile-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: rgba(132, 156, 188, 0.55) !important;
}

.trade-mobile-card-open::after {
  background: linear-gradient(180deg, #2dd39b, #6ea8ff) !important;
}

.trade-mobile-card-pending::after {
  background: linear-gradient(180deg, #f8c64e, #ff9f43) !important;
}

.trade-mobile-card-closed::after {
  background: linear-gradient(180deg, rgba(170, 186, 207, 0.72), rgba(93, 112, 139, 0.7)) !important;
}

.trade-mobile-topline {
  gap: 12px !important;
}

.trade-mobile-context-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: rgba(181, 197, 217, 0.78) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.trade-mobile-status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(150, 167, 190, 0.86) !important;
  box-shadow: 0 0 0 3px rgba(150, 167, 190, 0.12) !important;
  flex: 0 0 auto !important;
}

.trade-mobile-status-dot.positive {
  background: #2dd39b !important;
  box-shadow: 0 0 0 3px rgba(45, 211, 155, 0.13) !important;
}

.trade-mobile-status-dot.negative {
  background: #ff6b6b !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.13) !important;
}

.trade-mobile-title-row {
  justify-content: flex-start !important;
  gap: 8px !important;
}

.trade-symbol-link-text {
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.trade-side-pill {
  padding: 5px 8px !important;
  border-radius: 10px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

.trade-mobile-meta-chip {
  min-height: 22px !important;
  padding: 4px 8px !important;
  border-color: rgba(153, 175, 205, 0.14) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(229, 236, 246, 0.82) !important;
  font-size: 9px !important;
}

.trade-mobile-right {
  gap: 4px !important;
}

.trade-mobile-pnl-label {
  color: rgba(181, 197, 217, 0.72) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.trade-mobile-pnl {
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.trade-mobile-card .status-badge {
  padding: 5px 8px !important;
  border-radius: 10px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}

.trade-mobile-route {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 7px !important;
  padding: 8px !important;
  border: 1px solid rgba(132, 156, 188, 0.13) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.026) !important;
}

.trade-mobile-route > span:not(.trade-mobile-route-arrow) {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  color: rgba(245, 248, 252, 0.96) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

.trade-mobile-route strong {
  color: rgba(181, 197, 217, 0.72) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.trade-mobile-route-arrow {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  min-width: 24px !important;
  border-radius: 10px !important;
  background: rgba(110, 168, 255, 0.1) !important;
  color: rgba(203, 224, 255, 0.9) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.trade-mobile-info-grid {
  gap: 7px !important;
}

.trade-mobile-info-cell {
  min-height: 44px !important;
  padding: 9px !important;
  border-radius: 13px !important;
  border-color: rgba(132, 156, 188, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.016)),
    rgba(7, 11, 18, 0.62) !important;
}

.trade-mobile-info-cell strong {
  font-size: 8px !important;
  letter-spacing: 0 !important;
}

.trade-mobile-info-cell span {
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
}

.trade-mobile-footer {
  padding-top: 2px !important;
  border-top-color: rgba(132, 156, 188, 0.1) !important;
}

.trade-action-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
  gap: 7px !important;
}

.trade-mobile-card .button {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

@media (max-width: 390px) {
  .trade-mobile-card {
    padding: 11px !important;
    border-radius: 16px !important;
  }

  .trade-mobile-topline {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .trade-mobile-right {
    justify-items: start !important;
    text-align: left !important;
  }

  .trade-symbol-link-text {
    max-width: 128px !important;
    font-size: 14px !important;
  }

  .trade-mobile-route {
    grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  .trade-mobile-info-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v20260528-terminal-layer-fix01: keep trade history below terminal overlays. */
.view-section:not(.is-active) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.view-section[data-view="terminal"].is-active {
  position: relative !important;
  z-index: 1 !important;
}

.view-section[data-view="terminal"] .terminal-grid {
  position: relative !important;
  z-index: 2 !important;
}

.view-section[data-view="terminal"] .terminal-history-panel,
.view-section[data-view="terminal"] .terminal-trade-groups,
.view-section[data-view="terminal"] .trade-group,
.view-section[data-view="terminal"] .trade-mobile-card {
  position: relative !important;
  z-index: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-history-panel,
.view-section[data-view="terminal"].is-market-picker-open .terminal-trade-groups {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-grid,
.view-section[data-view="terminal"].is-market-picker-open .market-panel,
.view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  position: relative !important;
  z-index: 40 !important;
}

/* v20260528-asset-terminal-compact01: PNG asset marks, stable picker header, tighter trade cards. */
.asset-glyph.asset-glyph-logo.asset-glyph-png {
  background: #0b0d13 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: translateZ(0) !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-png .asset-glyph-image,
.asset-glyph.asset-glyph-logo.asset-glyph-brand .asset-glyph-brand-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-png-btcusd,
.asset-glyph.asset-glyph-logo.asset-glyph-png-ethusd {
  border-radius: 50% !important;
}

.view-section[data-view="terminal"].is-market-picker-open .market-panel {
  height: min(720px, calc(100dvh - 96px)) !important;
  min-height: min(620px, calc(100dvh - 96px)) !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head,
.view-section[data-view="terminal"].is-market-picker-open .terminal-search-field,
.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs,
.view-section[data-view="terminal"].is-market-picker-open .asset-filter-row {
  position: relative !important;
  z-index: 22 !important;
  flex: 0 0 auto !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  top: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  background: #08090d !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-filter-row {
  min-height: 32px !important;
  background: #08090d !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.trade-card-list {
  gap: 8px !important;
  padding: 4px 0 !important;
}

.trade-group-recent .trade-card-list {
  gap: 10px !important;
}

.trade-mobile-card {
  gap: 7px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  border-color: rgba(126, 145, 173, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(18, 22, 30, 0.99), rgba(8, 10, 15, 0.995)),
    #0a0d13 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

.trade-mobile-card::after {
  width: 2px !important;
}

.trade-mobile-topline {
  gap: 8px !important;
}

.trade-mobile-left,
.trade-mobile-right {
  gap: 3px !important;
}

.trade-mobile-context-row {
  gap: 5px !important;
  font-size: 8px !important;
  font-weight: 850 !important;
}

.trade-mobile-status-dot {
  width: 6px !important;
  height: 6px !important;
  box-shadow: none !important;
}

.trade-mobile-title-row {
  gap: 6px !important;
}

.trade-symbol-link .asset-glyph {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
  border-radius: 7px !important;
}

.trade-symbol-link-text {
  max-width: 136px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.trade-symbol-link-icon {
  display: none !important;
}

.trade-side-pill {
  padding: 3px 6px !important;
  border-radius: 7px !important;
  font-size: 8px !important;
}

.trade-mobile-meta-chips {
  gap: 4px !important;
}

.trade-mobile-meta-chip {
  min-height: 18px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

.trade-mobile-pnl-label {
  font-size: 7px !important;
}

.trade-mobile-pnl {
  font-size: 14px !important;
  font-weight: 900 !important;
}

.trade-mobile-card .status-badge {
  padding: 3px 6px !important;
  border-radius: 7px !important;
  font-size: 7px !important;
}

.trade-mobile-route {
  grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) !important;
  gap: 5px !important;
  padding: 6px !important;
  border-radius: 9px !important;
}

.trade-mobile-route > span:not(.trade-mobile-route-arrow) {
  gap: 2px !important;
  font-size: 11px !important;
  line-height: 1.08 !important;
}

.trade-mobile-route strong {
  font-size: 7px !important;
}

.trade-mobile-route-arrow {
  width: 20px !important;
  min-width: 20px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

.trade-mobile-info-grid {
  gap: 5px !important;
}

.trade-mobile-info-cell {
  min-height: 34px !important;
  padding: 6px 7px !important;
  border-radius: 8px !important;
}

.trade-mobile-info-cell strong {
  font-size: 7px !important;
}

.trade-mobile-info-cell span {
  font-size: 10px !important;
  font-weight: 800 !important;
}

.trade-action-row {
  gap: 5px !important;
}

.trade-mobile-card .button {
  min-height: 32px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  font-size: 9px !important;
}

@media (max-width: 390px) {
  .view-section[data-view="terminal"].is-market-picker-open .market-panel {
    height: calc(100dvh - 82px) !important;
    min-height: calc(100dvh - 82px) !important;
  }

  .trade-mobile-card {
    padding: 8px !important;
    border-radius: 10px !important;
  }
}

/* v20260529-terminal-picker-scroll01: terminal asset picker owns the viewport scroll. */
body.is-terminal-market-picker-open {
  overflow: hidden !important;
  touch-action: none !important;
}

body.is-terminal-market-picker-open .topbar {
  display: none !important;
}

body.is-terminal-market-picker-open .app-shell {
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  padding-top: 0 !important;
}

body.is-terminal-market-picker-open .content-shell,
body.is-terminal-market-picker-open .app-main,
body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-active {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open {
  display: grid !important;
  align-items: start !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-grid {
  height: calc(100dvh - 88px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .market-panel {
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-sheet-head,
body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-search-field,
body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs,
body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .asset-filter-row {
  flex: 0 0 auto !important;
  transform: translateZ(0) !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .asset-category-tabs {
  position: relative !important;
  z-index: 30 !important;
  touch-action: pan-x !important;
}

body.is-terminal-market-picker-open .asset-glyph.asset-glyph-logo.asset-glyph-png .asset-glyph-image {
  image-rendering: auto !important;
}

@media (min-width: 880px) {
  body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-grid {
    height: calc(100dvh - 24px) !important;
  }
}

/* v20260529-trade-edit-level-guard01: mobile keyboard-safe edit modal and strict SL/TP feedback. */
#tradeEditModal {
  align-items: end !important;
}

#tradeEditModal .modal-sheet {
  width: min(520px, 100%) !important;
  max-height: min(680px, calc(100dvh - 14px)) !important;
  padding: 14px !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
}

#tradeEditForm {
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 2px !important;
}

#tradeEditModal .form-grid {
  gap: 8px !important;
}

#tradeEditModal .field input {
  min-height: 46px !important;
  font-size: 16px !important;
}

#tradeEditModal .field input.input-error {
  border-color: rgba(255, 107, 107, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.12) !important;
}

#tradeEditHelpText {
  min-height: 18px !important;
  color: rgba(209, 220, 234, 0.82) !important;
  font-size: 12px !important;
}

#tradeEditHelpText.is-error {
  color: #ffadad !important;
  font-weight: 800 !important;
}

#tradeEditModal .modal-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 -2px -2px !important;
  padding: 8px 2px 2px !important;
  background:
    linear-gradient(180deg, rgba(9, 12, 18, 0), rgba(9, 12, 18, 0.98) 30%),
    #090c12 !important;
}

#tradeEditModal .modal-actions .button {
  min-height: 42px !important;
}

body.trade-edit-keyboard-open #tradeEditModal {
  align-items: start !important;
  padding-top: 6px !important;
}

body.trade-edit-keyboard-open #tradeEditModal .modal-sheet {
  max-height: calc(100dvh - 8px) !important;
}

@media (min-width: 720px) {
  #tradeEditModal {
    align-items: center !important;
  }

  #tradeEditModal .modal-sheet {
    border-radius: 18px !important;
  }
}

/* v20260529-trade-card-structure01: dense trade card layout without empty panels. */
.trade-card-list {
  gap: 7px !important;
  padding: 2px 0 !important;
}

.trade-mobile-card {
  display: grid !important;
  gap: 6px !important;
  padding: 8px 9px 8px 10px !important;
  border-radius: 10px !important;
}

.trade-compact-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.trade-compact-symbol {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.trade-compact-symbol .asset-glyph {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  border-radius: 7px !important;
}

.trade-compact-symbol-copy {
  display: grid !important;
  gap: 1px !important;
  min-width: 0 !important;
}

.trade-compact-symbol-copy strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(248, 251, 255, 0.98) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.trade-compact-symbol-copy small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(181, 197, 217, 0.76) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.trade-compact-pnl {
  display: grid !important;
  justify-items: end !important;
  gap: 1px !important;
  text-align: right !important;
}

.trade-compact-pnl .trade-mobile-pnl-label {
  font-size: 7px !important;
  line-height: 1 !important;
}

.trade-compact-pnl .trade-mobile-pnl {
  font-size: 14px !important;
  line-height: 1.05 !important;
}

.trade-compact-strip {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.trade-compact-strip .trade-side-pill,
.trade-compact-strip .status-badge,
.trade-compact-strip .trade-mobile-meta-chip {
  min-height: 17px !important;
  padding: 2px 5px !important;
  border-radius: 5px !important;
  font-size: 7px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.trade-compact-strip .trade-mobile-meta-chip {
  max-width: 108px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.trade-compact-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px 8px !important;
  padding-top: 2px !important;
  border-top: 1px solid rgba(132, 156, 188, 0.09) !important;
}

.trade-compact-metric {
  display: grid !important;
  grid-template-columns: minmax(42px, auto) minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 18px !important;
}

.trade-compact-metric small {
  color: rgba(165, 181, 203, 0.76) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.trade-compact-metric strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(243, 247, 252, 0.96) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.trade-compact-metric.is-positive strong {
  color: var(--emerald) !important;
}

.trade-compact-metric.is-negative strong {
  color: var(--danger) !important;
}

.trade-compact-note {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 20px !important;
  padding-top: 2px !important;
  border-top: 1px solid rgba(132, 156, 188, 0.08) !important;
}

.trade-compact-note span {
  color: rgba(165, 181, 203, 0.74) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.trade-compact-note strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(232, 239, 248, 0.9) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.trade-mobile-footer {
  margin-top: 0 !important;
  padding-top: 4px !important;
}

.trade-action-row {
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
  gap: 5px !important;
}

.trade-mobile-card .button {
  min-height: 28px !important;
  padding: 5px 7px !important;
  border-radius: 7px !important;
  font-size: 8px !important;
}

@media (max-width: 390px) {
  .trade-compact-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .trade-compact-metrics {
    grid-template-columns: 1fr !important;
  }
}

/* v20260529-trade-card-readable-flow01: larger trade text with compact entry-to-now path. */
.trade-mobile-card {
  gap: 7px !important;
  padding: 9px 10px !important;
}

.trade-compact-symbol-copy strong {
  font-size: 14px !important;
}

.trade-compact-symbol-copy small {
  font-size: 9px !important;
}

.trade-compact-pnl .trade-mobile-pnl-label {
  font-size: 8px !important;
}

.trade-compact-pnl .trade-mobile-pnl {
  font-size: 15px !important;
}

.trade-compact-strip .trade-side-pill,
.trade-compact-strip .status-badge,
.trade-compact-strip .trade-mobile-meta-chip {
  min-height: 19px !important;
  padding: 3px 6px !important;
  font-size: 8px !important;
}

.trade-compact-flow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(132, 156, 188, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.026) !important;
}

.trade-compact-flow span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.trade-compact-flow small {
  color: rgba(172, 188, 211, 0.76) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.trade-compact-flow strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(244, 248, 253, 0.98) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.trade-compact-flow b {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: rgba(110, 168, 255, 0.1) !important;
  color: rgba(214, 229, 255, 0.95) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.trade-compact-metrics {
  gap: 3px 10px !important;
}

.trade-compact-metric {
  min-height: 20px !important;
}

.trade-compact-metric small,
.trade-compact-note span {
  font-size: 9px !important;
}

.trade-compact-metric strong,
.trade-compact-note strong {
  font-size: 11px !important;
}

.trade-mobile-card .button {
  min-height: 30px !important;
  font-size: 9px !important;
}

/* v20260529-terminal-sort-only01: terminal picker keeps only a clear sort control. */
.view-section[data-view="terminal"].is-market-picker-open .asset-filter-row {
  align-items: center !important;
  min-height: 40px !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-control {
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 36px !important;
  padding: 0 13px 0 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9px !important;
  background: #17191f !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-control.is-active {
  border-color: rgba(239, 63, 53, 0.38) !important;
  background: rgba(239, 63, 53, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(239, 63, 53, 0.08) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-icon {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(246, 247, 250, 0.86) !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-control.is-active .asset-sort-icon {
  background: rgba(239, 63, 53, 0.22) !important;
  color: #ffffff !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-icon svg {
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-copy {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-prefix {
  color: rgba(172, 188, 211, 0.72) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"].is-market-picker-open .asset-sort-copy strong {
  color: rgba(246, 247, 250, 0.96) !important;
  font-size: 12px !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* v20260529-terminal-stable-picker01: terminal markets open as a fixed viewport layer, not a body-shifted page. */
body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-grid {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  grid-template-areas: "markets" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100svh !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  max-height: 100vh !important;
  max-height: 100svh !important;
  padding: max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom)) !important;
  background: #08090d !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .market-panel {
  grid-area: markets !important;
  width: 100% !important;
  max-width: 560px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #08090d !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .terminal-market-picker {
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.is-terminal-market-picker-open .view-section[data-view="terminal"].is-market-picker-open .asset-section-list {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand-sber .asset-glyph-brand-image,
.asset-glyph.asset-glyph-logo.asset-glyph-brand-mgnt .asset-glyph-brand-image {
  object-fit: contain !important;
  object-position: center !important;
}

.asset-glyph.asset-glyph-logo.asset-glyph-brand-sber,
.asset-glyph.asset-glyph-logo.asset-glyph-brand-mgnt {
  background: #ffffff !important;
}

/* v20260529-alfa-style-topbar01: plain black top bar without visible frame or glass. */
.topbar {
  margin: 0 0 14px !important;
  padding: max(12px, env(safe-area-inset-top)) 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0d0d0f !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

.topbar::before,
.topbar::after {
  display: none !important;
  content: none !important;
}

.topbar .brand-lockup {
  padding-left: 2px !important;
}

.topbar .brand-logo {
  filter: none !important;
}

.topbar .topbar-tools {
  gap: 8px !important;
}

.topbar .language-switch,
.topbar .user-pill {
  border: 0 !important;
  background: #1c1c1f !important;
  box-shadow: none !important;
}

.topbar .language-switch {
  padding: 3px !important;
  border-radius: 11px !important;
}

.topbar .language-switch-button {
  height: 31px !important;
  border-radius: 9px !important;
  color: rgba(255, 255, 255, 0.62) !important;
}

.topbar .language-switch-button.is-active {
  background: #2a2a2e !important;
  color: #ffffff !important;
}

.topbar .user-pill {
  min-height: 37px !important;
  padding: 6px 9px !important;
  border-radius: 12px !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

.topbar .user-pill strong {
  color: #ffffff !important;
}

.topbar .user-pill span {
  color: rgba(255, 255, 255, 0.58) !important;
}

/* v20260529-alfa-style-topbar02: blend header into page background and remove profile pill mass. */
.topbar {
  padding: max(12px, env(safe-area-inset-top)) clamp(14px, 4vw, 22px) 12px !important;
  background: #08090c !important;
}

.topbar .brand-lockup {
  padding-left: 0 !important;
}

.topbar .topbar-tools {
  padding-right: 0 !important;
  gap: 10px !important;
}

.topbar .user-pill {
  min-width: 0 !important;
  max-width: min(172px, 42vw) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topbar .user-pill > div:last-child {
  max-width: min(118px, 28vw) !important;
}

.topbar .user-avatar {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}

.topbar .language-switch {
  background: rgba(255, 255, 255, 0.075) !important;
}

/* v20260529-terminal-borderless-premium01: avatar-only header and frameless premium terminal. */
.topbar .user-pill {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  gap: 0 !important;
  overflow: visible !important;
}

.topbar .user-pill > div:last-child {
  display: none !important;
}

.topbar .user-avatar {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

.view-section[data-view="terminal"] {
  background: #050507 !important;
}

.view-section[data-view="terminal"].is-active {
  margin-inline: calc(clamp(14px, 4vw, 22px) * -1) !important;
  padding-inline: clamp(14px, 4vw, 22px) !important;
  border-radius: 0 !important;
  background: #050507 !important;
}

.view-section[data-view="terminal"] .terminal-top-strip,
.view-section[data-view="terminal"] .terminal-grid,
.view-section[data-view="terminal"] .chart-panel,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .market-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-order-block,
.view-section[data-view="terminal"] .terminal-market-picker,
.view-section[data-view="terminal"] .terminal-market-header,
.view-section[data-view="terminal"] .terminal-market-overview,
.view-section[data-view="terminal"] .terminal-chart-stage,
.view-section[data-view="terminal"] .chart-container,
.view-section[data-view="terminal"] .terminal-chart-toolbar,
.view-section[data-view="terminal"] .terminal-chart-footer,
.view-section[data-view="terminal"] .terminal-order-panel {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.view-section[data-view="terminal"] .chart-panel,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .market-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-order-block,
.view-section[data-view="terminal"] .terminal-market-picker,
.view-section[data-view="terminal"] .terminal-chart-stage,
.view-section[data-view="terminal"] .terminal-chart-toolbar,
.view-section[data-view="terminal"] .terminal-chart-footer {
  background: transparent !important;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] > .section-block:first-child .section-head::before {
  display: none !important;
}

.view-section[data-view="terminal"] .terminal-grid {
  gap: 8px !important;
}

.view-section[data-view="terminal"] .chart-panel,
.view-section[data-view="terminal"] .order-panel {
  padding: 0 !important;
}

.view-section[data-view="terminal"] .chart-container {
  border-radius: 0 !important;
  background: #050507 !important;
}

.view-section[data-view="terminal"] .terminal-market-selector {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-action,
.view-section[data-view="terminal"] .terminal-market-trigger-chevron,
.view-section[data-view="terminal"] .terminal-field-help-button,
.view-section[data-view="terminal"] .terminal-volume-stepper-button,
.view-section[data-view="terminal"] .terminal-chart-type-chip,
.view-section[data-view="terminal"] .terminal-timeframe-chip {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-order-inline .field,
.view-section[data-view="terminal"] .terminal-risk-preview,
.view-section[data-view="terminal"] .terminal-order-summary,
.view-section[data-view="terminal"] .terminal-volume-input-shell {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-submit-row {
  gap: 10px !important;
  padding: 4px 0 0 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit,
.view-section[data-view="terminal"] .scalper-dock-action {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #071009 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-buy,
.view-section[data-view="terminal"] .scalper-dock-action-buy {
  background:
    linear-gradient(180deg, #a8ec84 0%, #83db62 100%) !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-sell,
.view-section[data-view="terminal"] .scalper-dock-action-sell {
  background:
    linear-gradient(180deg, #ff706d 0%, #f24f4b 100%) !important;
  color: #fff9f9 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-selected,
.view-section[data-view="terminal"] .scalper-dock-action.is-selected {
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"] .button-primary.button-buy,
.view-section[data-view="terminal"] .terminal-form .button-primary.button-buy {
  border: 0 !important;
  background: linear-gradient(180deg, #a8ec84, #83db62) !important;
  color: #071009 !important;
}

.view-section[data-view="terminal"] .button-primary.button-sell,
.view-section[data-view="terminal"] .terminal-form .button-primary.button-sell {
  border: 0 !important;
  background: linear-gradient(180deg, #ff706d, #f24f4b) !important;
  color: #fff9f9 !important;
}

/* v20260529-terminal-centered-chip01: center the frameless terminal and compact the asset switcher. */
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) {
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding-inline: 0 !important;
  background: #050507 !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-top-strip,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-grid,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-history-panel,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-scalper-desk {
  width: 100% !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-grid {
  justify-items: stretch !important;
}

.view-section[data-view="terminal"] .terminal-market-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 38px !important;
  margin: 0 0 6px !important;
  gap: 10px !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector,
.view-section[data-view="terminal"] .terminal-market-selector {
  display: inline-grid !important;
  grid-template-columns: 30px minmax(0, auto) 16px !important;
  width: max-content !important;
  max-width: min(100%, 220px) !important;
  min-height: 38px !important;
  padding: 4px 8px 4px 5px !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: start !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-selector .asset-glyph,
.view-section[data-view="terminal"] .terminal-market-selector .asset-glyph {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 10px !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-copy,
.view-section[data-view="terminal"] .terminal-market-trigger-copy {
  display: block !important;
  min-width: 0 !important;
  gap: 0 !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-symbol,
.view-section[data-view="terminal"] .terminal-market-symbol {
  max-width: 132px !important;
  overflow: hidden !important;
  color: #f6f7f8 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-copy .micro-copy,
.view-section[data-view="terminal"] .terminal-market-trigger-copy .micro-copy,
.view-section[data-view="terminal"] .terminal-market-trigger-action {
  display: none !important;
}

.view-section[data-view="terminal"] .terminal-market-header .terminal-market-trigger-chevron,
.view-section[data-view="terminal"] .terminal-market-trigger-chevron {
  display: grid !important;
  place-items: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

.view-section[data-view="terminal"] .terminal-market-trigger-chevron svg {
  width: 14px !important;
  height: 14px !important;
}

.view-section[data-view="terminal"] .terminal-market-header-quote {
  display: grid !important;
  justify-items: end !important;
  gap: 2px !important;
  min-width: 96px !important;
  padding-right: 1px !important;
}

.view-section[data-view="terminal"] .terminal-market-header-quote strong {
  color: #f6f7f8 !important;
  font-size: 14px !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-header-quote .quote-change {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  .view-section[data-view="terminal"].is-active:not(.is-market-picker-open) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* v20260529-terminal-clean-overlays01: remove leftover decorative corners that clipped controls. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-top-strip::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-top-strip::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-grid::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-grid::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-panel::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-panel::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-selector::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-selector::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-submit-row::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-submit-row::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-account-cluster::before,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-account-cluster::after,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-account-switch::after {
  display: none !important;
  content: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-top-strip,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-grid,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-panel,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-selector,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-submit-row,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  overflow: visible !important;
  isolation: isolate !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-selector,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header-quote,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-side-submit,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-volume-stepper,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline .field,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline input {
  position: relative !important;
  z-index: 2 !important;
}

/* v20260529-terminal-timeframe-compact01: slim chart controls that do not steal chart space. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar > div:first-child {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 2px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs {
  width: max-content !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs .terminal-timeframe-chip,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-timeframe-chip {
  min-width: 31px !important;
  width: auto !important;
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(246, 247, 248, 0.62) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip {
  width: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs .terminal-timeframe-chip.is-active,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-timeframe-chip.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(246, 247, 248, 0.64) !important;
  font-size: 0 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact::before {
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-radius: 4px !important;
  background:
    linear-gradient(currentColor, currentColor) 2px 2px / 10px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 2px 6px / 7px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 2px 10px / 10px 2px no-repeat;
  opacity: 0.95 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

@media (max-width: 420px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs {
    display: none !important;
  }
}

/* v20260529-terminal-pro-chart-controls01: dropdown timeframe plus proper candle/line/trade buttons. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 7px !important;
  min-height: 36px !important;
  margin-bottom: 6px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs {
  display: block !important;
  width: auto !important;
  min-height: 34px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(42px, auto) 14px !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(246, 247, 248, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell span {
  color: rgba(246, 247, 248, 0.46) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell select {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-width: 42px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f6f7f8 !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  outline: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell svg {
  width: 14px !important;
  height: 14px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  color: rgba(246, 247, 248, 0.62) !important;
  pointer-events: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs {
  justify-self: start !important;
  display: inline-flex !important;
  width: max-content !important;
  min-height: 34px !important;
  padding: 2px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  color: rgba(246, 247, 248, 0.62) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip svg,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  justify-self: end !important;
  display: inline-grid !important;
  grid-template-columns: 16px auto !important;
  place-items: center !important;
  gap: 5px !important;
  width: auto !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 9px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  color: rgba(246, 247, 248, 0.68) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact::before {
  display: none !important;
  content: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact span {
  display: inline !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

@media (max-width: 420px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
    grid-template-columns: auto auto auto !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs {
    display: inline-flex !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
    width: 34px !important;
    padding: 0 !important;
    grid-template-columns: 16px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact span {
    display: none !important;
  }
}

/* v20260529-terminal-chart-controls-one-line01: keep all chart controls on one row. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  flex: 0 0 auto !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  margin-left: 0 !important;
}

@media (max-width: 380px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
    gap: 5px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell {
    grid-template-columns: minmax(38px, auto) 12px !important;
    gap: 4px !important;
    padding: 0 7px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell span {
    display: none !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell select {
    min-width: 38px !important;
    font-size: 11px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip {
    width: 28px !important;
    min-width: 28px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
    width: 32px !important;
    min-width: 32px !important;
    height: 34px !important;
    padding: 0 !important;
    grid-template-columns: 16px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact span {
    display: none !important;
  }
}

/* v20260529-terminal-controls-flat-row01: flatten chart controls into one horizontal row. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  min-height: 34px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #timeframeTabs,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs {
  display: contents !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  flex: 0 0 auto !important;
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell {
  grid-template-columns: auto minmax(38px, auto) 13px !important;
  padding: 0 8px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-timeframe-select-shell select {
  height: 32px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip {
  width: 32px !important;
  min-width: 32px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.button-compact {
  display: inline-grid !important;
  grid-template-columns: 16px auto !important;
  width: auto !important;
  min-width: 32px !important;
  padding: 0 8px !important;
  margin: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTypeTabs .terminal-chart-type-chip.is-active,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #chartTradesToggle.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

/* v20260529-terminal-controls-in-symbol-row01: move chart controls into the instrument row. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
  flex: 0 0 auto !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 10px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell select {
  height: 38px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button {
  display: inline-grid !important;
  place-items: center !important;
  grid-template-columns: none !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: rgba(246, 247, 248, 0.68) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle {
  grid-template-columns: 16px auto !important;
  width: auto !important;
  min-width: 38px !important;
  gap: 5px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle span {
  display: inline !important;
}

@media (max-width: 420px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle {
    width: 38px !important;
    padding: 0 !important;
    grid-template-columns: 16px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle span {
    display: none !important;
  }
}

/* v20260529-terminal-indicators-menu01: compact pro-style indicator picker in the symbol row. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger {
  position: relative !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger span {
  position: absolute !important;
  top: 4px !important;
  right: 5px !important;
  display: grid !important;
  min-width: 13px !important;
  height: 13px !important;
  padding: 0 3px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #e5c57a !important;
  color: #090a0d !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger span:empty {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 80 !important;
  width: 188px !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(9, 10, 13, 0.98) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-title {
  padding: 2px 4px 7px !important;
  color: rgba(246, 247, 248, 0.55) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option {
  display: grid !important;
  grid-template-columns: 10px 1fr 14px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 7px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(246, 247, 248, 0.74) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option:hover,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option:focus-visible {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #fff !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option.is-active {
  background: rgba(229, 197, 122, 0.14) !important;
  color: #fff !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-swatch {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: var(--indicator-color, #e5c57a) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--indicator-color, #e5c57a) 22%, transparent) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 0 !important;
  color: #e5c57a !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-option.is-active svg {
  opacity: 1 !important;
}

@media (max-width: 420px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
    max-width: 150px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-action,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-copy .micro-copy {
    display: none !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu {
    right: -4px !important;
  }
}

/* v20260529-terminal-controls-fit-row01: fit symbol, chart buttons, and indicator picker on one mobile row. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  display: grid !important;
  grid-template-columns: minmax(86px, 1fr) auto !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-template-columns: 28px minmax(0, 1fr) 12px !important;
  min-height: 34px !important;
  padding: 3px 6px 3px 3px !important;
  gap: 5px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
  max-width: 100% !important;
  font-size: 13px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron {
  width: 12px !important;
  min-width: 12px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron svg {
  width: 12px !important;
  height: 12px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
  justify-self: end !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
  grid-template-columns: minmax(34px, auto) 10px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 5px 0 7px !important;
  gap: 2px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell span {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell select {
  min-width: 34px !important;
  height: 34px !important;
  font-size: 11px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell svg {
  width: 10px !important;
  height: 10px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  gap: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button svg {
  width: 15px !important;
  height: 15px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle {
  grid-template-columns: 15px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle span {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu {
  right: 0 !important;
  width: min(196px, calc(100vw - 18px)) !important;
}

@media (max-width: 380px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
    grid-template-columns: minmax(78px, 1fr) auto !important;
    gap: 4px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    padding-right: 4px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
    width: 26px !important;
    height: 26px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
    font-size: 12px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron {
    display: none !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
    gap: 3px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
    width: 43px !important;
    min-width: 43px !important;
    padding-left: 5px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle {
    width: 31px !important;
    min-width: 31px !important;
  }
}

/* v20260529-terminal-controls-stable-row01: final compact row, no overflow, no crooked mixed-size buttons. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(92px, 1fr) auto !important;
  gap: 5px !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 5px !important;
  padding: 3px 6px 3px 3px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-action,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-copy .micro-copy {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
  justify-self: end !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: max-content !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
  display: grid !important;
  grid-template-columns: minmax(32px, auto) 10px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 5px !important;
  gap: 1px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell span {
  display: none !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell select {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  font-size: 10px !important;
  text-align: center !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell svg {
  width: 10px !important;
  height: 10px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button svg {
  width: 15px !important;
  height: 15px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell {
  position: relative !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu {
  position: absolute !important;
  top: 39px !important;
  right: 0 !important;
  z-index: 400 !important;
  width: min(198px, calc(100vw - 16px)) !important;
  pointer-events: auto !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-separator {
  height: 1px !important;
  margin: 5px 2px !important;
  background: rgba(255, 255, 255, 0.09) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-swatch-lines {
  background:
    linear-gradient(#e5c57a, #e5c57a) center 2px / 8px 1.5px no-repeat,
    linear-gradient(#e5c57a, #e5c57a) center 5px / 6px 1.5px no-repeat,
    linear-gradient(#e5c57a, #e5c57a) center 8px / 8px 1.5px no-repeat !important;
  box-shadow: none !important;
}

@media (max-width: 360px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
    grid-template-columns: minmax(74px, 1fr) auto !important;
    gap: 3px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    height: 32px !important;
    min-height: 32px !important;
    padding-left: 3px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
    font-size: 11px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
    gap: 3px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
    width: 42px !important;
    min-width: 42px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger {
    width: 30px !important;
    min-width: 30px !important;
  }
}

/* v20260529-terminal-compact-symbol-no-gap01: restore compact asset selector and remove hidden toolbar spacer. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  margin: 0 0 4px !important;
  min-height: 34px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 132px !important;
  height: 34px !important;
  min-height: 34px !important;
  grid-template-columns: 28px minmax(0, auto) !important;
  padding: 3px 7px 3px 3px !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
  max-width: 82px !important;
  font-size: 13px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-stage {
  padding-top: 0 !important;
  margin-top: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-container {
  margin-top: 0 !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-toolbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 360px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
    gap: 4px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
    max-width: 104px !important;
    grid-template-columns: 24px minmax(0, auto) !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
    max-width: 64px !important;
    font-size: 11px !important;
  }
}

/* v20260529-terminal-premium-toolbar-row01: one polished row with visible asset chevron and floating indicator menu. */
.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-panel {
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
  position: relative !important;
  z-index: 5000 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
  width: max-content !important;
  max-width: 148px !important;
  height: 36px !important;
  min-height: 36px !important;
  grid-template-columns: 28px minmax(0, auto) 14px !important;
  gap: 6px !important;
  padding: 4px 7px 4px 4px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.074) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
  max-width: 88px !important;
  font-size: 13px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron {
  display: grid !important;
  place-items: center !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  color: rgba(246, 247, 248, 0.64) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-trigger-chevron svg {
  width: 13px !important;
  height: 13px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
  justify-self: stretch !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
  width: 60px !important;
  min-width: 60px !important;
  height: 36px !important;
  min-height: 36px !important;
  grid-template-columns: minmax(40px, 1fr) 12px !important;
  padding: 0 6px 0 8px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.074) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell select {
  width: 40px !important;
  min-width: 40px !important;
  height: 36px !important;
  font-size: 11px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button {
  background: rgba(255, 255, 255, 0.074) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell {
  position: relative !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu {
  position: absolute !important;
  top: 43px !important;
  right: 0 !important;
  z-index: 9000 !important;
  width: min(210px, calc(100vw - 18px)) !important;
  transform: translateZ(0) !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-stage {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 380px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header {
    gap: 4px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector {
    max-width: 122px !important;
    grid-template-columns: 26px minmax(0, auto) 12px !important;
    padding-right: 5px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-selector .asset-glyph {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-market-header .terminal-market-symbol {
    max-width: 70px !important;
    font-size: 12px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls {
    gap: 4px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
    width: 56px !important;
    min-width: 56px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-menu-shell,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-indicator-trigger {
    width: 34px !important;
    min-width: 34px !important;
  }
}

/* v20260529-terminal-banner01: promo image tucked under the terminal content like the home banner. */
.view-section[data-view="terminal"] .terminal-promo-banner {
  position: relative !important;
  z-index: 0 !important;
  width: 100% !important;
  height: clamp(92px, 23.6vw, 124px) !important;
  margin: 2px 0 -34px !important;
  border-radius: 24px 24px 0 0 !important;
  background: #0b0f1a !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="terminal"] .terminal-promo-banner img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: 0 !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.view-section[data-view="terminal"] .terminal-promo-banner + .terminal-grid {
  position: relative !important;
  z-index: 2 !important;
}

.view-section[data-view="terminal"].is-market-picker-open .terminal-promo-banner {
  display: none !important;
}

@media (min-width: 720px) {
  .view-section[data-view="terminal"] .terminal-promo-banner {
    height: 128px !important;
    margin-bottom: -38px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-promo-banner {
    height: clamp(86px, 26vw, 106px) !important;
    margin-top: 0 !important;
    margin-bottom: -30px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .view-section[data-view="terminal"] .terminal-promo-banner img {
    object-position: 50% top !important;
  }
}

/* v20260529-terminal-banner-top-account01: banner sits above account selector, not over the chart grid. */
.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: clamp(86px, 23.6vw, 118px) !important;
  margin: 0 0 8px !important;
  border-radius: 24px 24px 0 0 !important;
  background: #0b0f1a !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner + .section-head {
  position: relative !important;
  z-index: 2 !important;
}

.view-section[data-view="terminal"] .terminal-promo-banner + .terminal-grid {
  position: static !important;
  z-index: auto !important;
}

@media (min-width: 720px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: 120px !important;
    margin-bottom: 9px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: clamp(82px, 26vw, 104px) !important;
    margin-bottom: 8px !important;
    border-radius: 22px 22px 0 0 !important;
  }
}

/* v20260529-terminal-banner-seamless01: remove the visible black seam under the banner. */
.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
  margin-bottom: -1px !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner + .section-head {
  margin-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: #050507 !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner img {
  transform: scale(1.002) !important;
}

/* v20260529-terminal-banner-overlap-account01: account selector visually sits on top of the banner. */
.view-section[data-view="terminal"] .terminal-top-strip {
  position: relative !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
  z-index: 1 !important;
  margin-bottom: -28px !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner + .section-head {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"] .terminal-top-strip .terminal-account-cluster {
  position: relative !important;
  z-index: 4 !important;
  background:
    linear-gradient(180deg, rgba(12, 17, 26, 0.985), rgba(6, 10, 17, 0.995)),
    #070b12 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 28px rgba(0, 0, 0, 0.32) !important;
}

@media (min-width: 720px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    margin-bottom: -24px !important;
  }
}

/* v20260529-terminal-banner-shorter01: trim the banner height from the bottom. */
.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
  height: clamp(72px, 20.6vw, 96px) !important;
  margin-bottom: -22px !important;
}

@media (min-width: 720px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: 98px !important;
    margin-bottom: -24px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: clamp(70px, 22vw, 88px) !important;
    margin-bottom: -20px !important;
  }
}

/* v20260529-terminal-banner-overlap-more01: restore banner height and lift account block further over it. */
.view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
  height: clamp(86px, 23.6vw, 118px) !important;
  margin-bottom: -38px !important;
}

@media (min-width: 720px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: 120px !important;
    margin-bottom: -42px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-top-strip .terminal-promo-banner {
    height: clamp(82px, 26vw, 104px) !important;
    margin-bottom: -34px !important;
  }
}

/* v20260529-terminal-account-premium04: cleaner account selector over the new banner. */
.view-section[data-view="terminal"] .terminal-top-main {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.view-section[data-view="terminal"] .terminal-account-cluster {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(17, 18, 23, 0.985), rgba(7, 8, 12, 0.995)),
    #08090d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 18px 32px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"] .terminal-account-cluster::before,
.view-section[data-view="terminal"] .terminal-account-cluster::after {
  display: none !important;
  content: none !important;
}

.view-section[data-view="terminal"] .terminal-account-switch {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-account-switch::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 8px !important;
  height: 8px !important;
  justify-self: center !important;
  border-right: 2px solid rgba(246, 247, 248, 0.58) !important;
  border-bottom: 2px solid rgba(246, 247, 248, 0.58) !important;
  transform: translateY(-2px) rotate(45deg) !important;
  pointer-events: none !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.04) !important;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  content: "" !important;
  width: 16px !important;
  height: 12px !important;
  border-radius: 4px !important;
  background:
    linear-gradient(rgba(8, 9, 13, 0.78), rgba(8, 9, 13, 0.78)) 4px 7px / 8px 1.5px no-repeat,
    linear-gradient(135deg, #f4f5f6, #aeb7c6) !important;
  box-shadow:
    0 -4px 0 -1px rgba(246, 247, 248, 0.36),
    0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  grid-column: 2 !important;
  align-self: end !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #f6f7f8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
  min-width: 104px !important;
  padding-left: 8px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.view-section[data-view="terminal"] .terminal-account-summary-kicker {
  font-size: 8px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  color: rgba(246, 247, 248, 0.46) !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-account-balance-value {
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

.view-section[data-view="terminal"] .terminal-account-summary-tags {
  display: none !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-account-cluster {
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto) !important;
    gap: 6px !important;
    min-height: 48px !important;
    padding: 6px !important;
  }

  .view-section[data-view="terminal"] .terminal-account-switch {
    grid-template-columns: 28px minmax(0, 1fr) 16px !important;
    gap: 7px !important;
  }

  .view-section[data-view="terminal"] #terminalAccountLabel {
    width: 28px !important;
    height: 28px !important;
  }

  .view-section[data-view="terminal"] #terminalAccountSelect {
    font-size: 12px !important;
  }

  .view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
    min-width: 88px !important;
    padding-left: 6px !important;
  }

  .view-section[data-view="terminal"] .terminal-account-balance-value {
    font-size: 12px !important;
  }
}

/* v20260529-terminal-account-align05: straighten account icon and select text alignment. */
.view-section[data-view="terminal"] .terminal-account-switch {
  grid-template-columns: 26px minmax(0, 1fr) 16px !important;
  min-height: 36px !important;
  gap: 8px !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.075) !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  content: "" !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: #f4f5f6 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  display: block !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #f6f7f8 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: translateY(0) !important;
}

.view-section[data-view="terminal"] .terminal-account-switch::after {
  width: 7px !important;
  height: 7px !important;
  transform: translateY(-1px) rotate(45deg) !important;
}

/* v20260529-terminal-account-card-icon06: restore centered card icon and vertically centered text. */
.view-section[data-view="terminal"] .terminal-account-switch {
  align-items: center !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.04) !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  content: "" !important;
  width: 15px !important;
  height: 11px !important;
  border-radius: 3.5px !important;
  background:
    linear-gradient(rgba(8, 9, 13, 0.74), rgba(8, 9, 13, 0.74)) 3px 7px / 9px 1.5px no-repeat,
    linear-gradient(135deg, #f4f5f6, #aeb7c6) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  transform: translateY(0) !important;
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  align-self: center !important;
  height: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
  transform: translateY(1px) !important;
}

/* v20260529-terminal-account-center07: vertically center all account selector elements. */
.view-section[data-view="terminal"] .terminal-account-cluster {
  align-items: center !important;
}

.view-section[data-view="terminal"] .terminal-account-switch {
  height: 38px !important;
  min-height: 38px !important;
  grid-template-columns: 28px minmax(0, 1fr) 16px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
}

.view-section[data-view="terminal"] #terminalAccountSelect {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  height: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
  transform: translateY(0) !important;
}

.view-section[data-view="terminal"] .terminal-account-switch::after {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  transform: translateY(-1px) rotate(45deg) !important;
}

.view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary,
.view-section[data-view="terminal"] .terminal-account-inline,
.view-section[data-view="terminal"] .terminal-account-summary-shell,
.view-section[data-view="terminal"] .terminal-account-summary-head {
  align-self: center !important;
}

.view-section[data-view="terminal"] .terminal-account-summary-shell {
  display: grid !important;
  align-content: center !important;
  min-height: 38px !important;
}

/* v20260529-terminal-account-stack-icon08: stacked wallet-card icon. */
.view-section[data-view="terminal"] #terminalAccountLabel::before {
  width: 17px !important;
  height: 13px !important;
  border-radius: 4px !important;
  background:
    linear-gradient(rgba(8, 9, 13, 0.72), rgba(8, 9, 13, 0.72)) 5px 8px / 8px 1.4px no-repeat,
    linear-gradient(135deg, #f6f7f8, #aeb7c6) !important;
  box-shadow:
    -3px -3px 0 -1px rgba(246, 247, 248, 0.46),
    -3px -3px 0 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.18) !important;
  transform: translate(1px, 1px) !important;
}

/* v20260529-terminal-account-stack-icon09: clean centered two-card wallet icon. */
.view-section[data-view="terminal"] #terminalAccountLabel {
  position: relative !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before,
.view-section[data-view="terminal"] #terminalAccountLabel::after {
  content: "" !important;
  position: absolute !important;
  box-sizing: border-box !important;
  display: block !important;
  border-radius: 4px !important;
  transform: none !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::before {
  left: 8px !important;
  top: 10px !important;
  z-index: 2 !important;
  width: 14px !important;
  height: 10px !important;
  border: 1.4px solid rgba(246, 247, 248, 0.96) !important;
  background:
    linear-gradient(rgba(246, 247, 248, 0.96), rgba(246, 247, 248, 0.96)) 3px 6px / 7px 1.2px no-repeat,
    rgba(246, 247, 248, 0.08) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::after {
  left: 6px !important;
  top: 7px !important;
  z-index: 1 !important;
  width: 14px !important;
  height: 10px !important;
  border: 1.4px solid rgba(246, 247, 248, 0.42) !important;
  background: rgba(246, 247, 248, 0.055) !important;
}

/* v20260529-terminal-account-wallet-icon10: centered wallet icon for account selector. */
.view-section[data-view="terminal"] #terminalAccountLabel::before {
  left: 6px !important;
  top: 9px !important;
  z-index: 2 !important;
  width: 17px !important;
  height: 11px !important;
  border: 1.5px solid rgba(246, 247, 248, 0.94) !important;
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 12px 5.5px, rgba(8, 9, 13, 0.78) 0 1.5px, transparent 1.7px),
    linear-gradient(90deg, transparent 0 9px, rgba(246, 247, 248, 0.94) 9px 10.4px, transparent 10.4px),
    rgba(246, 247, 248, 0.08) !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel::after {
  left: 8px !important;
  top: 6px !important;
  z-index: 1 !important;
  width: 12px !important;
  height: 7px !important;
  border: 1.4px solid rgba(246, 247, 248, 0.45) !important;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  background: transparent !important;
}

/* v20260529-terminal-account-tint11: give account card a subtle distinct surface. */
.view-section[data-view="terminal"] .terminal-account-cluster {
  border-color: rgba(166, 181, 207, 0.14) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(108, 126, 164, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(24, 27, 36, 0.985), rgba(12, 14, 20, 0.995)),
    #0d1017 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1px rgba(255, 255, 255, 0.018),
    0 18px 32px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"] #terminalAccountLabel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055)),
    rgba(145, 159, 190, 0.1) !important;
}

.view-section[data-view="terminal"] .terminal-top-strip #terminalAccountSummary {
  border-left-color: rgba(210, 220, 238, 0.1) !important;
}

/* v20260530-tournaments-fonts-trade-ticket01: bolder Alfa-like event type and clearer order ticket. */
.view-section[data-view="tournaments"].is-active,
.view-section[data-view="tournaments"].is-active button,
.view-section[data-view="tournaments"].is-active input {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3,
.view-section[data-view="tournaments"] .events-event-copy h3,
.view-section[data-view="tournaments"] .events-event-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy h3 {
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-content h3 {
  font-size: clamp(44px, 11.4vw, 88px) !important;
  text-wrap: balance !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-subtitle,
.view-section[data-view="tournaments"] .events-event-copy p,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .events-event-copy p {
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

.view-section[data-view="tournaments"] .events-hero-section .tournament-gazan-button,
.view-section[data-view="tournaments"] .events-hero-section + .events-bank-tabs .events-bank-tab,
.view-section[data-view="tournaments"] .events-event-actions .events-event-button {
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .order-panel {
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-ticket-shell {
  display: grid !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(166, 181, 207, 0.13) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(97, 123, 180, 0.2), transparent 36%),
    linear-gradient(180deg, rgba(22, 24, 32, 0.985), rgba(9, 10, 15, 0.995)),
    #0b0d13 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 16px 34px rgba(0, 0, 0, 0.3) !important;
}

.view-section[data-view="terminal"] .terminal-ticket-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.view-section[data-view="terminal"] .terminal-ticket-head > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.view-section[data-view="terminal"] .terminal-ticket-kicker {
  color: rgba(246, 247, 248, 0.46) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-ticket-head strong {
  color: #f7f8fb !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-ticket-badge {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 42px !important;
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(52, 201, 129, 0.12) !important;
  color: #9bf0c7 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  min-height: 42px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment {
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: rgba(246, 247, 248, 0.62) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment.is-active {
  background: #f4f5f6 !important;
  color: #090a0d !important;
}

.view-section[data-view="terminal"] .terminal-order-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline .field {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

.view-section[data-view="terminal"] .terminal-field-volume,
.view-section[data-view="terminal"] .terminal-field-limit {
  grid-column: 1 / -1 !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 16px !important;
  color: rgba(246, 247, 248, 0.56) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-field-help-button {
  display: grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(246, 247, 248, 0.68) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  color: #f7f8fb !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 40px !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-field-stop-loss input,
.view-section[data-view="terminal"] .terminal-field-take-profit input,
.view-section[data-view="terminal"] .terminal-field-limit input {
  padding: 0 9px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

.view-section[data-view="terminal"] .terminal-volume-unit {
  color: rgba(246, 247, 248, 0.48) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 8px 9px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: rgba(246, 247, 248, 0.52) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary strong {
  color: #f8f9fb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-submit-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.view-section[data-view="terminal"] .terminal-side-submit {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 15px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-buy {
  background: linear-gradient(180deg, #8ee66c, #67c64d) !important;
  color: #071009 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit.is-sell {
  background: linear-gradient(180deg, #ff6661, #e54943) !important;
  color: #1b0707 !important;
}

.view-section[data-view="terminal"] .terminal-order-mode,
.view-section[data-view="terminal"] #tradeOrderHint {
  display: block !important;
  margin: 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(246, 247, 248, 0.52) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-order-mode {
  margin-top: 6px !important;
  color: rgba(246, 247, 248, 0.72) !important;
  font-weight: 900 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-ticket-shell {
    padding: 9px !important;
    border-radius: 17px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-inline {
    gap: 7px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-inline .field {
    min-height: 72px !important;
    padding: 9px !important;
    border-radius: 13px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v20260530-margin-slider-market-clean01: market order price cleanup and margin-based size slider. */
.view-section[data-view="terminal"] #tradeLimitPriceField[hidden],
.view-section[data-view="terminal"] .terminal-order-inline .field[hidden] {
  display: none !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell {
  display: grid !important;
  gap: 7px !important;
  margin-top: 1px !important;
  padding: 0 1px !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider:disabled {
  cursor: not-allowed !important;
  opacity: 0.52 !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-runnable-track {
  height: 4px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      #f4f5f6 0 var(--slider-progress, 0%),
      rgba(255, 255, 255, 0.18) var(--slider-progress, 0%) 100%
    ) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-thumb {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -7px !important;
  border: 3px solid #0b0d13 !important;
  border-radius: 999px !important;
  background: #f4f5f6 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22), 0 8px 16px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-track {
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-progress {
  height: 4px !important;
  border-radius: 999px !important;
  background: #f4f5f6 !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-thumb {
  width: 12px !important;
  height: 12px !important;
  border: 3px solid #0b0d13 !important;
  border-radius: 999px !important;
  background: #f4f5f6 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22), 0 8px 16px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  color: rgba(246, 247, 248, 0.42) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks span {
  text-align: center !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks span:first-child {
  text-align: left !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks span:last-child {
  text-align: right !important;
}

/* v20260530-market-init-frameless01: quiet black terminal surfaces without visible card borders. */
.view-section[data-view="terminal"] .terminal-chart-wrap,
.view-section[data-view="terminal"] .terminal-chart-shell,
.view-section[data-view="terminal"] .terminal-trade-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-market-header,
.view-section[data-view="terminal"] .terminal-market-selector,
.view-section[data-view="terminal"] .terminal-account-selector-card,
.view-section[data-view="terminal"] .terminal-info-panel,
.view-section[data-view="terminal"] .terminal-risk-preview,
.view-section[data-view="terminal"] .terminal-order-summary,
.view-section[data-view="terminal"] .terminal-order-summary span {
  border-color: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .order-panel {
  border: 0 !important;
  border-radius: 12px !important;
  background: #06070a !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle {
  min-height: 40px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #101114 !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment {
  min-height: 34px !important;
  border-radius: 8px !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment.is-active {
  background: #f2f3f5 !important;
  color: #050608 !important;
}

.view-section[data-view="terminal"] .terminal-order-inline .field {
  min-height: 70px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #101114 !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell,
.view-section[data-view="terminal"] .terminal-field-stop-loss input,
.view-section[data-view="terminal"] .terminal-field-take-profit input,
.view-section[data-view="terminal"] .terminal-field-limit input {
  border: 0 !important;
  border-radius: 8px !important;
  background: #06070a !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button,
.view-section[data-view="terminal"] .terminal-field-help-button,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-trades-toggle,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-controls .terminal-timeframe-select-shell {
  border: 0 !important;
  border-radius: 8px !important;
  background: #101114 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button:active,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-inline-chart-button.is-active {
  background: #f2f3f5 !important;
  color: #050608 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  border: 0 !important;
  border-radius: 8px !important;
  background: #101114 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit {
  border-radius: 10px !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-thumb {
  border-color: #06070a !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-thumb {
  border-color: #06070a !important;
}

/* v20260530-terminal-grey-slider01: Binance-like black ticket, graphite fields, marked margin slider. */
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .order-panel {
  gap: 12px !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #08090d !important;
}

.view-section[data-view="terminal"] .terminal-ticket-head {
  padding: 0 1px !important;
}

.view-section[data-view="terminal"] .terminal-ticket-kicker {
  color: rgba(245, 246, 247, 0.46) !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle {
  min-height: 42px !important;
  padding: 4px !important;
  border-radius: 9px !important;
  background: #1a1b1f !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment {
  min-height: 34px !important;
  border-radius: 7px !important;
  color: rgba(245, 246, 247, 0.52) !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment.is-active {
  background: #101114 !important;
  color: #f5f6f7 !important;
}

.view-section[data-view="terminal"] .terminal-order-inline {
  gap: 9px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline .field {
  gap: 8px !important;
  min-height: 72px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line {
  color: rgba(245, 246, 247, 0.5) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: none !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  min-height: 44px !important;
  gap: 7px !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button {
  width: 30px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 8px !important;
  background: #1a1b1f !important;
  color: rgba(245, 246, 247, 0.72) !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell,
.view-section[data-view="terminal"] .terminal-field-stop-loss input,
.view-section[data-view="terminal"] .terminal-field-take-profit input,
.view-section[data-view="terminal"] .terminal-field-limit input {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #1a1b1f !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell {
  padding: 0 12px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input {
  height: 44px !important;
  min-height: 44px !important;
  color: #f4f5f6 !important;
  font-size: 16px !important;
  line-height: 44px !important;
}

.view-section[data-view="terminal"] .terminal-volume-unit {
  color: rgba(245, 246, 247, 0.62) !important;
  font-size: 11px !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell {
  position: relative !important;
  gap: 8px !important;
  margin-top: 2px !important;
  padding: 0 1px !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell::before {
  content: "" !important;
  position: absolute !important;
  left: 1px !important;
  right: 1px !important;
  top: 9px !important;
  height: 6px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 0% 50%, #f6f7f8 0 4px, transparent 4.5px),
    radial-gradient(circle at 25% 50%, #373941 0 4px, transparent 4.5px),
    radial-gradient(circle at 50% 50%, #373941 0 4px, transparent 4.5px),
    radial-gradient(circle at 75% 50%, #373941 0 4px, transparent 4.5px),
    radial-gradient(circle at 100% 50%, #373941 0 4px, transparent 4.5px) !important;
  z-index: 1 !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider {
  position: relative !important;
  z-index: 2 !important;
  height: 24px !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-runnable-track {
  height: 4px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      #f5f6f7 0 var(--slider-progress, 0%),
      #34363d var(--slider-progress, 0%) 100%
    ) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-thumb {
  width: 18px !important;
  height: 18px !important;
  margin-top: -7px !important;
  border: 3px solid #08090d !important;
  border-radius: 999px !important;
  background: #f5f6f7 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-track {
  height: 4px !important;
  background: #34363d !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-progress {
  height: 4px !important;
  background: #f5f6f7 !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-thumb {
  width: 12px !important;
  height: 12px !important;
  border: 3px solid #08090d !important;
  background: #f5f6f7 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks {
  color: rgba(245, 246, 247, 0.42) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  border-radius: 8px !important;
  background: #101114 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit {
  min-height: 54px !important;
  border-radius: 9px !important;
}

/* v20260530-terminal-compact-slider01: fix clipping, tighten side gaps, make order metrics dense. */
.view-section[data-view="terminal"] .terminal-trade-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-order-inline,
.view-section[data-view="terminal"] .terminal-order-inline .field,
.view-section[data-view="terminal"] .terminal-margin-slider-shell {
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .order-panel {
  gap: 9px !important;
  padding: 8px !important;
  border-radius: 10px !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle {
  min-height: 38px !important;
  padding: 3px !important;
  border-radius: 8px !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment {
  min-height: 32px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline {
  gap: 6px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline .field {
  gap: 6px !important;
  min-height: 0 !important;
  padding: 6px 0 !important;
  border-radius: 8px !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line {
  min-height: 14px !important;
  padding: 0 1px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-field-help-button {
  width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper {
  grid-template-columns: 28px minmax(0, 1fr) 28px !important;
  min-height: 40px !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button {
  width: 28px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 7px !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell,
.view-section[data-view="terminal"] .terminal-field-stop-loss input,
.view-section[data-view="terminal"] .terminal-field-take-profit input,
.view-section[data-view="terminal"] .terminal-field-limit input {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 7px !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell {
  padding: 0 9px !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 15px !important;
  line-height: 40px !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell {
  gap: 5px !important;
  margin-top: 0 !important;
  padding: 0 8px !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell::before {
  left: 8px !important;
  right: 8px !important;
  top: 11px !important;
  height: 8px !important;
  background:
    radial-gradient(circle at 0% 50%, #f6f7f8 0 3px, transparent 3.5px),
    radial-gradient(circle at 25% 50%, #3d3f46 0 3px, transparent 3.5px),
    radial-gradient(circle at 50% 50%, #3d3f46 0 3px, transparent 3.5px),
    radial-gradient(circle at 75% 50%, #3d3f46 0 3px, transparent 3.5px),
    radial-gradient(circle at 100% 50%, #3d3f46 0 3px, transparent 3.5px) !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider {
  display: block !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  touch-action: pan-y !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-runnable-track {
  height: 4px !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-webkit-slider-thumb {
  width: 20px !important;
  height: 20px !important;
  margin-top: -8px !important;
  border-width: 4px !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider::-moz-range-thumb {
  width: 12px !important;
  height: 12px !important;
  border-width: 4px !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks {
  margin: -3px -8px 0 !important;
  font-size: 9px !important;
}

.view-section[data-view="terminal"] .terminal-order-metrics {
  margin-top: -2px !important;
}

.view-section[data-view="terminal"] .terminal-order-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  display: flex !important;
  min-height: 26px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 5px !important;
  padding: 5px 6px !important;
  border-radius: 6px !important;
  color: rgba(245, 246, 247, 0.46) !important;
  font-size: 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-order-summary strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #f4f5f6 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="terminal"] .terminal-risk-preview {
  margin-top: -1px !important;
  padding: 6px !important;
  border-radius: 7px !important;
  background: #101114 !important;
}

.view-section[data-view="terminal"] .terminal-submit-row {
  gap: 7px !important;
}

.view-section[data-view="terminal"] .terminal-side-submit {
  min-height: 48px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-ticket-shell,
  .view-section[data-view="terminal"] .order-panel {
    padding: 7px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .view-section[data-view="terminal"] .terminal-order-summary span {
    padding: 5px !important;
  }
}

/* v20260530-chart-load-stable01: keep chart canvas from initializing into zero-size black stripes. */
.view-section[data-view="terminal"] .terminal-chart-stage,
.view-section[data-view="terminal"] .chart-container {
  min-width: 0 !important;
  contain: layout paint !important;
}

.view-section[data-view="terminal"] .chart-container {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(390px, 58vh, 560px) !important;
  min-height: 390px !important;
  overflow: hidden !important;
  background: #050507 !important;
  isolation: isolate !important;
}

.view-section[data-view="terminal"] .chart-container > div,
.view-section[data-view="terminal"] .chart-container canvas {
  max-width: 100% !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .chart-container {
    height: clamp(350px, 52vh, 470px) !important;
    min-height: 350px !important;
  }
}

/* v20260530-terminal-quote-card01: merge price delta and percent into one premium quote block. */
.view-section[data-view="terminal"] .terminal-chart-footer {
  margin-top: 6px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.view-section[data-view="terminal"] .terminal-chart-pricebar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  gap: 7px !important;
  padding: 0 !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #16171b, #101115) !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label {
  color: rgba(245, 246, 247, 0.44) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #f6f7f8 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(245, 246, 247, 0.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-quote-card.positive .terminal-quote-card-change {
  background: rgba(99, 214, 135, 0.13) !important;
  color: #75e59f !important;
}

.view-section[data-view="terminal"] .terminal-quote-card.negative .terminal-quote-card-change {
  background: rgba(255, 91, 96, 0.13) !important;
  color: #ff7478 !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  min-width: 82px !important;
  color: rgba(245, 246, 247, 0.48) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  display: flex !important;
  min-height: 24px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  background: #101114 !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta strong {
  color: rgba(245, 246, 247, 0.38) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-chart-pricebar {
    grid-template-columns: minmax(0, 1fr) 76px !important;
    gap: 5px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card {
    padding: 7px 8px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price {
    font-size: 18px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change {
    padding: 0 6px !important;
    font-size: 9px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    min-width: 76px !important;
  }
}

/* v20260530-terminal-quote-fit01: make quote card fit and remove visible terminal rounding. */
.view-section[data-view="terminal"] .terminal-chart-stage,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-chart-stage,
.view-section[data-view="terminal"].is-scalper-pro .terminal-chart-stage,
.view-section[data-view="terminal"] .chart-container,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .chart-container,
.view-section[data-view="terminal"].is-scalper-pro .chart-container {
  border-radius: 0 !important;
}

.view-section[data-view="terminal"] .terminal-chart-stage {
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-chart-footer {
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-chart-pricebar {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  padding: 7px 8px !important;
  border-radius: 8px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  font-size: 18px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change {
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  width: 100% !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  min-width: 0 !important;
  min-height: 22px !important;
  padding: 0 6px !important;
  overflow: hidden !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card-main {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change {
    justify-self: start !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price {
    font-size: 17px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v20260530-terminal-quote-one-row01: keep price and change on one row without overflow. */
.view-section[data-view="terminal"] .terminal-quote-card-main,
.view-section[data-view="terminal"] .terminal-quote-card-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  font-size: clamp(15px, 4.4vw, 19px) !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change {
  min-width: 0 !important;
  max-width: min(44vw, 132px) !important;
  min-height: 21px !important;
  padding: 0 5px !important;
  gap: 3px !important;
  overflow: hidden !important;
  font-size: clamp(8px, 2.3vw, 10px) !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change span:first-child {
  max-width: 72px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change span:last-child {
  flex: 0 0 auto !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card-main {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change {
    justify-self: end !important;
    max-width: 118px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change span:first-child {
    max-width: 58px !important;
  }
}

/* v20260530-terminal-quote-all-row01: price, change, bid, and ask in one compact row. */
.view-section[data-view="terminal"] .terminal-chart-pricebar {
  grid-template-columns: minmax(0, 1fr) minmax(94px, auto) !important;
  align-items: stretch !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  min-height: 45px !important;
  justify-content: center !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-self: stretch !important;
  width: auto !important;
  min-width: 94px !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  min-height: 45px !important;
  padding: 5px 6px !important;
  gap: 3px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta strong {
  font-size: 7px !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  font-size: 9px !important;
  line-height: 1 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-chart-pricebar {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 4px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    min-width: 86px !important;
    gap: 4px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta span {
    min-height: 43px !important;
    padding: 5px 4px !important;
    font-size: 8px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta strong {
    font-size: 7px !important;
  }
}

/* v20260530-terminal-quote-bidask-stack01: price row left, bid/ask stacked right. */
.view-section[data-view="terminal"] .terminal-chart-pricebar {
  grid-template-columns: minmax(0, 1fr) 82px !important;
  align-items: stretch !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  min-width: 82px !important;
  width: 82px !important;
  gap: 4px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 6px !important;
  gap: 4px !important;
  font-size: 8px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta strong {
  flex: 0 0 auto !important;
  font-size: 7px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-chart-pricebar {
    grid-template-columns: minmax(0, 1fr) 76px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    min-width: 76px !important;
    width: 76px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta span {
    padding: 0 5px !important;
    font-size: 7.5px !important;
  }
}

/* v20260530-terminal-quote-bidask-block01: make bid/ask real blocks and pull price left. */
.view-section[data-view="terminal"] .terminal-chart-pricebar {
  grid-template-columns: minmax(0, 1fr) 92px !important;
  gap: 6px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  min-height: 58px !important;
  padding: 7px 8px 7px 6px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-main {
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  font-size: clamp(16px, 4.2vw, 19px) !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  width: 92px !important;
  min-width: 92px !important;
  gap: 5px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  display: grid !important;
  min-height: 26px !important;
  align-content: center !important;
  justify-items: start !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  gap: 3px !important;
  background: #101114 !important;
  font-size: 9px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta strong {
  font-size: 7px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-chart-pricebar {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 5px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card {
    min-height: 56px !important;
    padding-left: 5px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    width: 86px !important;
    min-width: 86px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta span {
    min-height: 25px !important;
    padding: 4px 6px !important;
    font-size: 8px !important;
  }
}

/* v20260530-terminal-quote-width01: wider bid/ask blocks, last price content pulled left. */
.view-section[data-view="terminal"] .terminal-chart-pricebar {
  grid-template-columns: minmax(0, 1fr) 112px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  padding-left: 3px !important;
  padding-right: 7px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label,
.view-section[data-view="terminal"] .terminal-quote-card-main {
  margin-left: 0 !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta {
  width: 112px !important;
  min-width: 112px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  justify-items: start !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-chart-pricebar {
    grid-template-columns: minmax(0, 1fr) 102px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card {
    padding-left: 2px !important;
    padding-right: 6px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta {
    width: 102px !important;
    min-width: 102px !important;
  }
}

/* v20260530-terminal-quote-type01: restore edge breathing room and increase quote typography. */
.view-section[data-view="terminal"] .terminal-quote-card {
  padding-left: 7px !important;
  padding-right: 8px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label {
  font-size: 10px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  font-size: clamp(18px, 4.8vw, 22px) !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change {
  min-height: 23px !important;
  padding: 0 7px !important;
  font-size: clamp(9px, 2.6vw, 11px) !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-change span:first-child {
  max-width: 78px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span {
  font-size: 10px !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta strong {
  font-size: 8px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card {
    padding-left: 6px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price {
    font-size: clamp(17px, 4.7vw, 20px) !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change {
    font-size: 9.5px !important;
  }

  .view-section[data-view="terminal"] .terminal-quote-card-change span:first-child {
    max-width: 64px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta span {
    font-size: 9px !important;
  }
}

/* v20260530-terminal-quote-left-edge01: push Last price content to the left wall. */
.view-section[data-view="terminal"] .terminal-quote-card {
  padding-left: 0 !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label,
.view-section[data-view="terminal"] .terminal-quote-card-main,
.view-section[data-view="terminal"] .terminal-chart-price {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card {
    padding-left: 0 !important;
  }
}

/* v20260530-terminal-quote-left-fix01: override centered quote-grid and truly align Last price left. */
.view-section[data-view="terminal"] .terminal-quote-card {
  justify-content: stretch !important;
  justify-items: stretch !important;
  padding-left: 0 !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label,
.view-section[data-view="terminal"] .terminal-quote-card-main {
  width: 100% !important;
  justify-self: stretch !important;
  text-align: left !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-main {
  grid-template-columns: minmax(0, 1fr) max-content !important;
  justify-content: stretch !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  justify-self: start !important;
  text-align: left !important;
}

/* v20260530-terminal-quote-left-safe01: keep left alignment inside the block bounds. */
.view-section[data-view="terminal"] .terminal-quote-card {
  padding-left: 3px !important;
  padding-right: 8px !important;
}

.view-section[data-view="terminal"] .terminal-quote-card-label,
.view-section[data-view="terminal"] .terminal-quote-card-main {
  max-width: 100% !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-chart-price {
  max-width: 100% !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card {
    padding-left: 3px !important;
  }
}

/* v20260530-terminal-live-stable01: terminal live ticks no longer full-rerender the workspace. */

/* v20260531-trade-ticket-black01: make the open-trade ticket surface black. */
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-ticket-shell {
  background: #050507 !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-ticket-shell {
  isolation: isolate !important;
}

/* v20260531-close-picker-chart01: closing the asset picker restores the last selected chart. */

/* v20260531-quote-info01: nudge Last price right and add Bid/Ask info affordance. */
.view-section[data-view="terminal"] .terminal-chart-pricebar {
  position: relative !important;
}

.view-section[data-view="terminal"] .terminal-quote-card {
  padding-left: 7px !important;
}

.view-section[data-view="terminal"] .terminal-price-info-button {
  appearance: none !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 4 !important;
  display: grid !important;
  place-items: center !important;
  width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(246, 247, 248, 0.62) !important;
  box-shadow: none !important;
  font-family: "Public Sans", "Manrope", sans-serif !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.view-section[data-view="terminal"] .terminal-price-info-button:hover,
.view-section[data-view="terminal"] .terminal-price-info-button:focus-visible {
  background: rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  outline: none !important;
}

.view-section[data-view="terminal"] .terminal-price-info-button:active {
  transform: scale(0.94) !important;
}

.view-section[data-view="terminal"] .terminal-chart-price-meta span:first-child {
  padding-right: 23px !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-quote-card {
    padding-left: 6px !important;
  }

  .view-section[data-view="terminal"] .terminal-price-info-button {
    top: 4px !important;
    right: 4px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 5px !important;
    font-size: 9px !important;
  }

  .view-section[data-view="terminal"] .terminal-chart-price-meta span:first-child {
    padding-right: 21px !important;
  }
}

/* v20260531-risk-preview-hidden01: remove empty gray risk strip above Long/Short buttons. */
.view-section[data-view="terminal"] .terminal-risk-preview[hidden],
.view-section[data-view="terminal"] .terminal-risk-preview:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* v20260531-volume-slider-safe01: give volume controls and margin slider room for edge thumbs. */
.view-section[data-view="terminal"] .terminal-field-volume {
  padding-left: 8px !important;
  padding-right: 8px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-field-volume .terminal-field-label-line {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  gap: 6px !important;
  padding: 0 1px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button {
  width: 30px !important;
  min-width: 30px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell {
  padding-left: 12px !important;
  padding-right: 12px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-shell::before {
  left: 22px !important;
  right: 22px !important;
}

.view-section[data-view="terminal"] #tradeMarginSlider {
  width: calc(100% - 20px) !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"] .terminal-margin-slider-marks {
  margin: -3px 0 0 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-field-volume {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .view-section[data-view="terminal"] .terminal-volume-stepper {
    grid-template-columns: 29px minmax(0, 1fr) 29px !important;
    gap: 5px !important;
  }

  .view-section[data-view="terminal"] .terminal-volume-stepper-button {
    width: 29px !important;
    min-width: 29px !important;
  }

  .view-section[data-view="terminal"] .terminal-margin-slider-shell {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  .view-section[data-view="terminal"] .terminal-margin-slider-shell::before {
    left: 20px !important;
    right: 20px !important;
  }

  .view-section[data-view="terminal"] #tradeMarginSlider {
    width: calc(100% - 18px) !important;
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
}

/* v20260531-ticket-headless01: remove the dated trade ticket title row. */
.view-section[data-view="terminal"] .terminal-ticket-head {
  display: none !important;
}

.view-section[data-view="terminal"] .terminal-ticket-shell {
  gap: 10px !important;
}

/* v20260531-dashed-explain01: dotted explanation underlines like pro exchange forms. */
.view-section[data-view="terminal"] .terminal-field-label-line > span:first-child,
.view-section[data-view="terminal"] .terminal-explain-label,
.view-section[data-view="terminal"] .terminal-risk-chip .micro-label,
.view-section[data-view="terminal"] .terminal-risk-hint .micro-copy {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  padding-bottom: 2px !important;
  border-bottom: 1px dashed rgba(245, 246, 247, 0.38) !important;
  color: inherit !important;
  font-style: normal !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
}

.view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line > span:first-child {
  color: rgba(245, 246, 247, 0.66) !important;
}

.view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label,
.view-section[data-view="terminal"] .terminal-risk-chip .micro-label,
.view-section[data-view="terminal"] .terminal-risk-hint .micro-copy {
  border-bottom-color: rgba(245, 246, 247, 0.32) !important;
}

/* v20260531-terminal-typography01: make terminal typography denser, sharper, and more exchange-like. */
.view-section[data-view="terminal"],
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-order-type-toggle,
.view-section[data-view="terminal"] .terminal-order-inline,
.view-section[data-view="terminal"] .terminal-order-summary,
.view-section[data-view="terminal"] .terminal-risk-preview,
.view-section[data-view="terminal"] .terminal-submit-row {
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1, "tnum" 1, "lnum" 1 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment {
  color: rgba(246, 247, 248, 0.5) !important;
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-order-type-toggle .segment.is-active {
  color: #f7f8fa !important;
  font-weight: 800 !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line,
.view-section[data-view="terminal"] .terminal-explain-label,
.view-section[data-view="terminal"] .terminal-margin-slider-marks,
.view-section[data-view="terminal"] .terminal-volume-unit,
.view-section[data-view="terminal"] .terminal-order-mode,
.view-section[data-view="terminal"] #tradeOrderHint {
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line {
  color: rgba(246, 247, 248, 0.58) !important;
  font-size: 11px !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line > span:first-child,
.view-section[data-view="terminal"] .terminal-explain-label {
  color: rgba(246, 247, 248, 0.64) !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input,
.view-section[data-view="terminal"] .terminal-order-summary strong,
.view-section[data-view="terminal"] .terminal-risk-chip strong,
.view-section[data-view="terminal"] .terminal-chart-price,
.view-section[data-view="terminal"] .terminal-chart-price-meta span,
.view-section[data-view="terminal"] .terminal-quote-card-change {
  font-family: "IBM Plex Mono", "SFMono-Regular", "Roboto Mono", Consolas, monospace !important;
  font-feature-settings: "tnum" 1, "lnum" 1, "zero" 1 !important;
  font-variant-numeric: tabular-nums lining-nums slashed-zero !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-order-inline input,
.view-section[data-view="terminal"] .terminal-field-volume input {
  color: #f3f4f6 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.view-section[data-view="terminal"] .terminal-volume-unit {
  color: rgba(246, 247, 248, 0.48) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  color: rgba(246, 247, 248, 0.5) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
}

.view-section[data-view="terminal"] .terminal-order-summary strong {
  color: #f4f5f6 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.view-section[data-view="terminal"] .terminal-risk-chip .micro-label,
.view-section[data-view="terminal"] .terminal-risk-hint .micro-copy {
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-side-submit {
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="terminal"] .terminal-volume-stepper-button,
.view-section[data-view="terminal"] .terminal-field-help-button,
.view-section[data-view="terminal"] .terminal-price-info-button {
  font-family: "IBM Plex Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-weight: 700 !important;
}

/* v20260531-limit-overflow-fix01: keep Limit mode from widening the trade ticket. */
.view-section[data-view="terminal"] .order-panel,
.view-section[data-view="terminal"] .terminal-form,
.view-section[data-view="terminal"] .terminal-ticket-shell,
.view-section[data-view="terminal"] .terminal-order-inline,
.view-section[data-view="terminal"] .terminal-order-inline .field,
.view-section[data-view="terminal"] .terminal-field-label-line,
.view-section[data-view="terminal"] .terminal-volume-stepper,
.view-section[data-view="terminal"] .terminal-volume-input-shell,
.view-section[data-view="terminal"] .terminal-order-metrics,
.view-section[data-view="terminal"] .terminal-order-summary,
.view-section[data-view="terminal"] .terminal-order-summary span {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"] .terminal-order-inline,
.view-section[data-view="terminal"] .terminal-field-limit,
.view-section[data-view="terminal"] #tradeLimitPriceField {
  width: 100% !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"] .terminal-field-limit {
  grid-column: 1 / -1 !important;
}

.view-section[data-view="terminal"] .terminal-field-label-line > span:first-child,
.view-section[data-view="terminal"] .terminal-explain-label {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-order-summary {
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-order-summary strong {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label {
  flex: 0 1 auto !important;
}

.view-section[data-view="terminal"] .terminal-field-limit input,
.view-section[data-view="terminal"] #tradeLimitPrice {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* v20260531-ru-bottom-nav-height01: keep RU bottom navigation the same height as EN. */
@media (max-width: 768px) {
  .bottom-nav,
  html[lang="ru"] .bottom-nav {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    grid-auto-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    padding: 4px !important;
    overflow: hidden !important;
  }

  .nav-button,
  html[lang="ru"] .nav-button {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 3px !important;
    padding: 5px 2px 6px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .nav-icon,
  html[lang="ru"] .nav-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }

  .nav-label,
  html[lang="ru"] .nav-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 10px !important;
    max-height: 10px !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 7.8px !important;
    line-height: 1 !important;
  }
}

/* v20260531-limit-hard-clamp02: Limit mode must never widen the terminal ticket. */
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) {
  max-width: min(100%, 520px) !important;
  overflow-x: hidden !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) > .section-block:first-child,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-grid,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .chart-panel,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .order-panel,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-form,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-ticket-shell,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline .field,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-metrics,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-summary,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-summary span,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-submit-row {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .order-panel,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-form,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-ticket-shell,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline .field,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-summary,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-summary span,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-submit-row {
  overflow-x: hidden !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-field-volume,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-field-limit,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeLimitPriceField {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeLimitPriceField[hidden],
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline .field[hidden] {
  display: none !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-field-label-line,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-stepper,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-input-shell,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-order-inline input,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeLimitPrice,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeStopLoss,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeTakeProfit {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-stepper {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-stepper-button {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-margin-slider-shell {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) #tradeMarginSlider {
  box-sizing: border-box !important;
  max-width: calc(100% - 20px) !important;
}

.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-field-label-line > span:first-child,
.view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-explain-label {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) .terminal-order-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) .terminal-order-summary span {
  min-width: 0 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-stepper {
    grid-template-columns: 29px minmax(0, 1fr) 29px !important;
  }

  .view-section[data-view="terminal"].is-active:not(.is-market-picker-open) .terminal-volume-stepper-button {
    flex-basis: 29px !important;
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
  }
}

/* v20260531-ru-nav-caps01: keep Russian bottom menu labels uppercase like EN. */
html[lang="ru"] .bottom-nav .nav-label {
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* v20260531-limit-ticket-inline-lock01: final hard lock for Market/Limit ticket width. */
.view-section[data-view="terminal"]:not(.is-market-picker-open),
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-grid,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-form,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline .field,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-metrics,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-submit-row {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-form,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline .field {
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-volume,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-limit,
.view-section[data-view="terminal"]:not(.is-market-picker-open) #tradeLimitPriceField {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #tradeLimitPriceField[hidden],
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline .field[hidden] {
  display: none !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) #tradeLimitPriceField:not([hidden]) {
  display: grid !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-label-line,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-volume-stepper,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-volume-input-shell,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline input,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary span,
.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary strong {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline input {
  width: 100% !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-volume .terminal-volume-stepper {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  overflow-x: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-volume .terminal-volume-stepper-button {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-margin-slider-shell {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.view-section[data-view="terminal"]:not(.is-market-picker-open) #tradeMarginSlider {
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
}

/* v20260601-limit-full-width-phone01: keep original Limit layout, only clamp phone width. */
.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) .terminal-field-volume,
.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) #tradeLimitPriceField:not([hidden]) {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) #tradeLimitPriceField:not([hidden]) {
  display: grid !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) .terminal-field-volume .terminal-volume-stepper {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
}

.view-section[data-view="terminal"].is-limit-order:not(.is-market-picker-open) .terminal-field-volume .terminal-volume-stepper-button {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

@media (max-width: 520px) {
  .view-section[data-view="terminal"]:not(.is-market-picker-open) {
    overflow-x: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) > .section-block:first-child {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-grid,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-form,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline .field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .order-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-ticket-shell {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-inline input,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-volume-input-shell,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-label-line {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-volume-stepper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary span {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px 7px !important;
    overflow: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary strong,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-order-summary .terminal-explain-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-risk-preview,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-risk-hint {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-risk-hint .micro-copy,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-risk-preview .micro-copy {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    line-height: 1.18 !important;
  }

  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-limit input,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-stop-loss input,
  .view-section[data-view="terminal"]:not(.is-market-picker-open) .terminal-field-take-profit input {
    font-size: 14px !important;
    text-overflow: ellipsis !important;
  }
}

/* v20260605-ru-terminal-nowrap01: prevent Russian terminal labels from breaking by letters. */
.view-section[data-view="terminal"] .terminal-order-type-toggle .segment,
.view-section[data-view="terminal"] .terminal-field-label-line,
.view-section[data-view="terminal"] .terminal-field-label-line > span:first-child,
.view-section[data-view="terminal"] .terminal-volume-unit,
.view-section[data-view="terminal"] .terminal-margin-slider-marks span,
.view-section[data-view="terminal"] .terminal-order-summary span,
.view-section[data-view="terminal"] .terminal-order-summary strong,
.view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label,
.view-section[data-view="terminal"] .terminal-submit-row .terminal-side-submit,
.view-section[data-view="terminal"] .terminal-order-mode,
.view-section[data-view="terminal"] #tradeOrderHint,
.bottom-nav .nav-label,
html[lang="ru"] .bottom-nav .nav-label {
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  hyphens: none !important;
}

/* Account-backed ticket copy must wrap inside the ticket instead of widening it. */
.view-section[data-view="terminal"] .terminal-order-mode,
.view-section[data-view="terminal"] #tradeOrderHint {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-wrap: wrap !important;
  hyphens: none !important;
}

.view-section[data-view="terminal"] .terminal-volume-unit {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 27px !important;
  max-width: none !important;
  padding-left: 7px !important;
  text-align: right !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.view-section[data-view="terminal"] .terminal-volume-input-shell {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  overflow: hidden !important;
}

.view-section[data-view="terminal"] .terminal-order-summary {
  align-items: stretch !important;
}

.view-section[data-view="terminal"] .terminal-order-summary span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
}

.view-section[data-view="terminal"] .terminal-order-summary strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label {
  max-width: 74px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: right !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.view-section[data-view="terminal"] .terminal-submit-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.view-section[data-view="terminal"] .terminal-submit-row .terminal-side-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: clamp(18px, 6vw, 25px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html[lang="ru"] .view-section[data-view="terminal"] .terminal-field-label-line,
html[lang="ru"] .view-section[data-view="terminal"] .terminal-field-label-line > span:first-child {
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}

html[lang="ru"] .view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label {
  font-size: 9.5px !important;
  letter-spacing: 0 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-volume-unit {
    min-width: 24px !important;
    padding-left: 5px !important;
    font-size: 8.5px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-summary span {
    gap: 4px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .view-section[data-view="terminal"] .terminal-order-summary .terminal-explain-label {
    max-width: 66px !important;
    font-size: 9px !important;
  }

  .view-section[data-view="terminal"] .terminal-submit-row .terminal-side-submit {
    font-size: clamp(17px, 7.2vw, 23px) !important;
  }

  html[lang="ru"] .bottom-nav .nav-label {
    font-size: 7.2px !important;
    letter-spacing: 0.035em !important;
  }
}

/* v20260605-auth-telegram-nowrap01: keep Telegram web-login copy from collapsing vertically. */
.dashboard-auth-provider,
.dashboard-auth-provider *,
.dashboard-auth-brand-button,
.dashboard-auth-brand-button * {
  min-width: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.dashboard-auth-provider {
  grid-template-columns: minmax(168px, 1fr) minmax(210px, 0.92fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  overflow: hidden !important;
}

.dashboard-auth-provider-head {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.dashboard-auth-provider-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.dashboard-auth-provider-copy strong,
.dashboard-auth-provider-copy .micro-copy,
.dashboard-auth-brand-button-label,
.dashboard-auth-widget-stack > .micro-copy,
#dashboardTelegramLoginStatus {
  display: block !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-wrap: auto !important;
  hyphens: none !important;
}

.dashboard-auth-provider-copy strong,
.dashboard-auth-brand-button-label {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.dashboard-auth-provider-copy .micro-copy,
.dashboard-auth-widget-stack > .micro-copy,
#dashboardTelegramLoginStatus {
  line-height: 1.25 !important;
}

.dashboard-auth-widget,
.dashboard-auth-widget-stack,
#dashboardGoogleLogin {
  min-width: 0 !important;
  max-width: 100% !important;
}

.dashboard-auth-brand-button {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 12px !important;
}

@media (max-width: 760px) {
  .dashboard-auth-provider {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .dashboard-auth-provider-head {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .dashboard-auth-provider-pill {
    display: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  .dashboard-auth-provider {
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) !important;
  }

  .dashboard-auth-provider-copy strong {
    font-size: 0.82rem !important;
  }

  .dashboard-auth-provider-copy .micro-copy,
  .dashboard-auth-widget-stack > .micro-copy,
  #dashboardTelegramLoginStatus {
    font-size: 0.7rem !important;
  }
}

/* v20260605-tournament-rails01: Afisha-style horizontal tournament rails by state. */
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"],
.view-section[data-view="tournaments"] .events-section-pane[data-events-pane="tournaments"].is-active,
.view-section[data-view="tournaments"] .tournaments-list-section {
  background: #111217 !important;
  background-color: #111217 !important;
  color: #f8fafc !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .tournaments-list-section {
  padding: 0 0 calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}

.view-section[data-view="tournaments"] .tournament-rail-stack {
  display: grid !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 2px 0 0 !important;
}

.view-section[data-view="tournaments"] .tournament-rail-section,
.view-section[data-view="tournaments"] .events-history-block.tournament-rail-section {
  display: grid !important;
  gap: 13px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-rail-heading {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 0 18px !important;
}

.view-section[data-view="tournaments"] .tournament-rail-heading .events-list-kicker {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(248, 250, 252, 0.62) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.view-section[data-view="tournaments"] .tournament-rail-heading h3 {
  min-width: 0 !important;
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: clamp(24px, 6vw, 34px) !important;
  line-height: 0.98 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(292px, 82vw) !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 18px 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail::-webkit-scrollbar,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail::-webkit-scrollbar {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .events-event-card:first-child {
  --tournament-card-tint: linear-gradient(135deg, #252936 0%, #12141c 58%, #090a0f 100%);
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 386px !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(4, 5, 8, 0.08) 0%, rgba(4, 5, 8, 0.32) 38%, rgba(4, 5, 8, 0.9) 100%),
    var(--tournament-card-image, var(--tournament-card-tint)) !important;
  background-size: cover !important;
  background-position: center !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 22px 48px rgba(0, 0, 0, 0.3) !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  isolation: isolate !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card:nth-child(2n),
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card:nth-child(2n) {
  --tournament-card-tint: linear-gradient(135deg, #263a3b 0%, #161c21 58%, #090a0f 100%);
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card:nth-child(3n),
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card:nth-child(3n) {
  --tournament-card-tint: linear-gradient(135deg, #3a2536 0%, #1c1620 58%, #090a0f 100%);
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card::before,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card::before,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.2), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 34%) !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card::after,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card::after,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child::after {
  content: "›" !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-top,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .tournament-list-card-top {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  right: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-list-chip,
.view-section[data-view="tournaments"] .tournament-list-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 54% !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(7, 8, 12, 0.44) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  backdrop-filter: blur(14px) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .tournament-list-status::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 7px !important;
  border-radius: 999px !important;
  background: #8ee96c !important;
  box-shadow: 0 0 14px rgba(142, 233, 108, 0.8) !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-planned .tournament-list-status::before {
  background: #f9d66b !important;
  box-shadow: 0 0 14px rgba(249, 214, 107, 0.72) !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-finished .tournament-list-status::before {
  background: #9aa1ad !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy {
  position: relative !important;
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 58px 0 0 !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy h3,
.view-section[data-view="tournaments"] .tournament-list-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .tournament-list-copy h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(29px, 7.8vw, 42px) !important;
  line-height: 0.98 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  max-width: 26ch !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.16 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-list-details {
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: calc(100% - 60px) !important;
  min-width: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-list-details span {
  display: grid !important;
  gap: 3px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 10px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  background: rgba(5, 6, 10, 0.42) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-details small {
  min-width: 0 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 8.8px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .tournament-list-details strong {
  min-width: 0 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: calc(100% - 60px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #121318 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button.button-secondary,
.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button:disabled {
  background: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-finished {
  opacity: 1 !important;
  filter: saturate(0.76) brightness(0.88) !important;
}

.view-section[data-view="tournaments"] .tournament-rail-empty {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 220px !important;
  padding: 18px !important;
  border: 1px dashed rgba(255, 255, 255, 0.14) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)) !important;
  color: #ffffff !important;
  scroll-snap-align: start !important;
}

.view-section[data-view="tournaments"] .tournament-rail-empty-mark {
  display: inline-flex !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: auto !important;
  color: rgba(255, 255, 255, 0.54) !important;
}

.view-section[data-view="tournaments"] .tournament-rail-empty-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.view-section[data-view="tournaments"] .tournament-rail-empty strong {
  margin: 0 0 7px !important;
  color: #ffffff !important;
  font-size: 21px !important;
  line-height: 1.03 !important;
  font-weight: 920 !important;
}

.view-section[data-view="tournaments"] .tournament-rail-empty p {
  max-width: 26ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

@media (min-width: 760px) {
  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
    grid-auto-columns: minmax(360px, 420px) !important;
    padding-left: max(24px, calc((100vw - 980px) / 2)) !important;
    padding-right: max(24px, calc((100vw - 980px) / 2)) !important;
  }

  .view-section[data-view="tournaments"] .tournament-rail-heading {
    padding-left: max(24px, calc((100vw - 980px) / 2)) !important;
    padding-right: max(24px, calc((100vw - 980px) / 2)) !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="tournaments"] .tournament-rail-stack {
    gap: 26px !important;
  }

  .view-section[data-view="tournaments"] .tournament-rail-heading {
    padding: 0 14px !important;
  }

  .view-section[data-view="tournaments"] .tournament-rail-heading h3 {
    font-size: 25px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
    grid-auto-columns: minmax(282px, 84vw) !important;
    gap: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card {
    min-height: 368px !important;
    padding: 16px !important;
    border-radius: 28px !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-copy {
    padding-right: 52px !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-copy h3 {
    font-size: clamp(27px, 8.4vw, 34px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-details,
  .view-section[data-view="tournaments"] .tournament-list-actions {
    width: calc(100% - 56px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-details span:nth-child(3) {
    display: none !important;
  }
}

/* v20260605-tournament-posters01: full poster tournament cards with content over the banner. */
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
  grid-auto-columns: minmax(318px, 86vw) !important;
  gap: 18px !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .events-event-card:first-child {
  min-height: 430px !important;
  padding: 24px 22px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(4, 5, 8, 0.02) 0%, rgba(4, 5, 8, 0.08) 34%, rgba(4, 5, 8, 0.72) 70%, rgba(4, 5, 8, 0.96) 100%),
    var(--tournament-card-image, var(--tournament-card-tint)) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.28) !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card::before,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card::before,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 22%),
    radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.18), transparent 30%) !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-top,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .tournament-list-card-top {
  top: auto !important;
  right: 22px !important;
  bottom: 168px !important;
  left: 22px !important;
  justify-content: flex-start !important;
}

.view-section[data-view="tournaments"] .tournament-list-status {
  margin-left: auto !important;
}

.view-section[data-view="tournaments"] .tournament-list-chip,
.view-section[data-view="tournaments"] .tournament-list-status {
  min-height: 28px !important;
  max-width: 48% !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: rgba(10, 11, 15, 0.42) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 10px !important;
  backdrop-filter: blur(16px) !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy {
  gap: 10px !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy h3,
.view-section[data-view="tournaments"] .tournament-list-copy .verified-title,
.view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .tournament-list-copy h3 {
  max-width: 12.5ch !important;
  font-size: clamp(33px, 8.9vw, 48px) !important;
  line-height: 0.96 !important;
  text-shadow: 0 2px 22px rgba(0, 0, 0, 0.4) !important;
}

.view-section[data-view="tournaments"] .tournament-list-copy p {
  max-width: 29ch !important;
  -webkit-line-clamp: 2 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45) !important;
}

.view-section[data-view="tournaments"] .tournament-list-details {
  order: 5 !important;
  width: 100% !important;
  margin: 0 0 17px !important;
  gap: 7px !important;
}

.view-section[data-view="tournaments"] .tournament-list-details span {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.view-section[data-view="tournaments"] .tournament-list-details span:not(:first-child)::before {
  content: "•" !important;
  margin-right: 7px !important;
  color: rgba(255, 255, 255, 0.42) !important;
}

.view-section[data-view="tournaments"] .tournament-list-details small {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-details strong {
  max-width: 18ch !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45) !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions {
  order: 6 !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding-right: 64px !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button {
  min-height: 54px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #101116 !important;
  font-size: 15px !important;
  font-weight: 920 !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button + .events-event-button {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.24) !important;
  color: transparent !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-list-actions .events-event-button + .events-event-button::before {
  content: "♡" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 450 !important;
}

.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card::after,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card::after,
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .events-event-card:first-child::after {
  display: none !important;
  content: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-finished {
  filter: saturate(0.82) brightness(0.92) !important;
}

@media (min-width: 760px) {
  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
    grid-auto-columns: minmax(420px, 520px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card {
    min-height: 520px !important;
  }
}

@media (max-width: 430px) {
  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail {
    grid-auto-columns: minmax(304px, 86vw) !important;
  }

  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card {
    min-height: 418px !important;
    padding: 20px !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-card-top,
  .view-section[data-view="tournaments"] .tournament-grid > .events-event-card:first-child .tournament-list-card-top {
    right: 20px !important;
    bottom: 162px !important;
    left: 20px !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-copy h3,
  .view-section[data-view="tournaments"] .tournament-list-copy .verified-title {
    font-size: clamp(31px, 9.5vw, 39px) !important;
  }

  .view-section[data-view="tournaments"] .tournament-list-details strong {
    max-width: 16ch !important;
    font-size: 12px !important;
  }
}

/* v20260605-tournament-poster-art01: supplied poster art occupies the whole tournament card. */
.view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card.tournament-list-card-poster-art,
.view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card.tournament-list-card-poster-art {
  aspect-ratio: 618 / 937 !important;
  min-height: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: var(--tournament-card-image) center / cover no-repeat !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.34) !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-poster-art::before,
.view-section[data-view="tournaments"] .tournament-list-card-poster-art::after {
  display: none !important;
  content: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-card-top,
.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-copy,
.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-details {
  display: none !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-actions {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-actions .events-event-button {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  color: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.view-section[data-view="tournaments"] .tournament-list-card-poster-art .tournament-list-actions .events-event-button + .events-event-button {
  display: none !important;
}

@media (max-width: 430px) {
  .view-section[data-view="tournaments"] .tournament-grid.tournament-rail > .tournament-list-card.tournament-list-card-poster-art,
  .view-section[data-view="tournaments"] .tournament-grid-history.tournament-rail > .tournament-list-card.tournament-list-card-poster-art {
    border-radius: 26px !important;
  }
}

/* v20260602-chart-attribution-safe01: keep chart attribution visible but non-clickable. */
.view-section[data-view="terminal"] .chart-container a,
.view-section[data-view="terminal"] .chart-container [href],
.view-section[data-view="terminal"] .chart-container [target] {
  pointer-events: none !important;
  cursor: default !important;
}

/* v20260615-helvetica-font01: use Helvetica everywhere in the app. */
:root {
  --font-sans: Helvetica, Arial, sans-serif !important;
  --font-display: Helvetica, Arial, sans-serif !important;
  --font-display-premium: Helvetica, Arial, sans-serif !important;
  --font-mono: Helvetica, Arial, sans-serif !important;
}

html,
body,
body *,
body *::before,
body *::after,
button,
input,
select,
textarea,
svg text,
canvas {
  font-family: Helvetica, Arial, sans-serif !important;
}

/* v20260617-backtest-mode01: reuse the prop app shell for the Backtest mini app without tournaments or challenge checkout. */
body.backtest-mode .nav-button[data-tab="tournaments"],
body.backtest-mode .nav-button[data-tab="bank"],
body.backtest-mode .view-section[data-view="tournaments"],
body.backtest-mode .view-section[data-view="bank"],
body.backtest-mode [data-action="open-purchase"],
body.backtest-mode #accountsAddButton,
body.backtest-mode #tournamentAddChallengeButton,
body.backtest-mode .home-story-card[data-tab="tournaments"],
body.backtest-mode .home-stories-next,
body.backtest-mode .home-stories-affordance {
  display: none !important;
}

body.backtest-mode .brand-logo {
  object-fit: contain !important;
}

body.backtest-mode .hero-cta-icon {
  font-size: 18px !important;
}

body.backtest-mode .bottom-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 520px) {
  body.backtest-mode .app-shell {
    gap: 8px;
  }
}

body.backtest-mode .home-stories-rail {
  grid-template-columns: repeat(3, minmax(118px, 1fr)) !important;
}

body.backtest-mode .home-story-card {
  cursor: pointer !important;
}

body.backtest-mode .hero-action-divider {
  opacity: 0.42 !important;
}

body.backtest-mode .home-cta-panel {
  border-color: rgba(120, 190, 255, 0.16) !important;
}

.backtest-session-panel {
  display: grid;
  gap: 22px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: #10151d;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

body.backtest-mode .account-section {
  background: transparent;
}

.backtest-session-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.backtest-session-index {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 26px;
  border-radius: 6px;
  background: #f4f7fb;
  color: #0b1017;
  font-size: 10px;
  font-weight: 950;
}

.backtest-session-copy {
  display: grid;
  gap: 6px;
}

.backtest-session-copy h4 {
  margin: 0;
  color: var(--text);
  font-size: 24px;
  line-height: 1.1;
}

.backtest-session-form {
  display: grid;
  gap: 14px;
}

.backtest-config-step {
  display: grid;
  gap: 13px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 10px;
  background: #151b24;
}

.backtest-config-step legend {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 0;
  color: #f6f8fb;
  font-size: 13px;
  font-weight: 900;
}

.backtest-config-step legend b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #2f6fed;
  color: #fff;
  font-size: 11px;
}

.backtest-allocation-presets,
.backtest-period-presets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.backtest-allocation-chip,
.backtest-period-presets button {
  min-width: 0;
  min-height: 40px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  background: #0d1219;
  color: #aeb9c8;
  font-size: 12px;
  font-weight: 850;
}

.backtest-allocation-chip.is-active,
.backtest-period-presets button:active {
  border-color: #5c8cff;
  background: #18366b;
  color: #fff;
}

.backtest-custom-allocation {
  max-width: 260px;
}

.backtest-config-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 10px;
}

.backtest-market-field {
  max-width: 420px;
}

.backtest-option-row {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 9px !important;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  cursor: pointer;
}

.backtest-option-row input {
  appearance: none;
  -webkit-appearance: none;
  display: grid;
  place-items: center;
  width: 18px !important;
  height: 18px;
  min-height: 0 !important;
  margin: 0;
  border: 1px solid rgba(140, 160, 190, 0.45);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.backtest-option-row input::after {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: #6f98ff;
  box-shadow: 0 0 12px rgba(111, 152, 255, 0.5);
  content: "";
  opacity: 0;
  transform: scale(0.65);
  transition: opacity 140ms ease, transform 140ms ease;
}

.backtest-option-row input:checked {
  border-color: #78a2ff;
  background: rgba(65, 115, 232, 0.22);
}

.backtest-option-row input:checked::after {
  opacity: 1;
  transform: scale(1);
}

.backtest-option-row > span {
  display: grid;
  gap: 2px;
  text-transform: none !important;
}

.backtest-option-row strong {
  color: #f2f5fa;
  font-size: 12px;
}

.backtest-option-row small {
  color: #77869a;
  font-size: 10px;
  line-height: 1.3;
}

.backtest-session-sort {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.backtest-session-sort span {
  color: #718097;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.backtest-session-sort select {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  background: #141a23;
  color: #eef2f8;
  font-size: 11px;
  font-weight: 800;
}

.backtest-delete-session {
  color: #ff7b76 !important;
}

.backtest-session-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.backtest-session-card-head,
.backtest-session-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.backtest-session-card-head > div {
  min-width: 0;
}

.backtest-session-card-head h4 {
  margin: 3px 0 0;
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtest-session-card-meta,
.backtest-session-card-stats {
  display: grid;
  gap: 7px;
}

.backtest-session-card-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.backtest-session-card-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.backtest-session-card-meta span,
.backtest-session-card-stats span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.backtest-session-card-meta .is-wide {
  grid-column: 1 / -1;
}

.backtest-session-card small {
  color: #718097;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.backtest-session-card strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtest-rules-pill {
  color: #8290a3;
  font-size: 10px;
  font-weight: 800;
}

.backtest-rules-pill.is-enabled {
  color: #78a2ff;
}

.backtest-session-card .hero-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.backtest-session-card .hero-actions .button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 10px;
}

body.backtest-mode .scalper-execution-dock {
  z-index: 130;
}

@media (max-width: 768px) {
  body.backtest-mode .view-section[data-view="terminal"] .terminal-ticket-shell .terminal-submit-row,
  body.backtest-mode .view-section[data-view="terminal"] .terminal-ticket-shell .terminal-field-volume {
    display: none !important;
  }

  body.backtest-mode .view-section[data-view="terminal"] {
    padding-bottom: 122px !important;
  }
}

.backtest-session-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.backtest-session-form label span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.backtest-session-form input,
.backtest-session-form select {
  width: 100%;
  min-height: 44px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-weight: 800;
}

.backtest-session-form button {
  min-width: 0;
}

.backtest-date-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  align-items: end;
  gap: 8px;
}

.backtest-date-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  color: #708198;
  font-weight: 900;
}

.backtest-config-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 4px;
}

.backtest-config-submit > div {
  display: grid;
  gap: 4px;
}

.backtest-config-submit strong {
  color: #f6f8fb;
  font-size: 14px;
}

.backtest-config-submit span {
  color: #8190a3;
  font-size: 12px;
}

.backtest-config-submit .button {
  min-width: 180px;
}

.backtest-account-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.backtest-account-stats span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
}

.backtest-account-stats small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.backtest-account-stats strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtest-replay-controls {
  display: grid;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: #0d1117;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.backtest-replay-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.backtest-replay-current {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.backtest-replay-current small {
  color: #647286;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.backtest-replay-current strong {
  overflow: hidden;
  color: #f6f8fb;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtest-replay-range {
  color: #68768a;
  font-size: 9px;
  font-weight: 750;
  white-space: nowrap;
}

.backtest-replay-track {
  width: 100%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.backtest-replay-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #5b8cff;
  box-shadow: 0 0 10px rgba(91, 140, 255, 0.5);
}

.backtest-replay-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.backtest-replay-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #8e9aab;
  transition: color 140ms ease, background 140ms ease, transform 140ms ease;
}

.backtest-replay-actions button:hover {
  background: rgba(255, 255, 255, 0.065);
  color: #f4f7fb;
}

.backtest-replay-actions button:active {
  transform: scale(0.94);
}

.backtest-replay-actions svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.backtest-replay-actions button.is-primary {
  width: 34px;
  border-radius: 7px;
  background: #3977f6;
  color: #fff;
  box-shadow: 0 5px 14px rgba(57, 119, 246, 0.28);
}

.backtest-replay-percent {
  flex: 0 0 auto;
  min-width: 32px;
  color: #8ea0b8;
  font-size: 11px;
  text-align: right;
}

.backtest-replay-runtime {
  display: grid;
  grid-template-columns: auto 64px 78px;
  align-items: center;
  gap: 6px;
}

.backtest-replay-select {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 12px;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 36px;
  padding: 0 6px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.backtest-replay-select span {
  color: #5f6d80;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.backtest-replay-select select {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f4f7fb;
  appearance: none;
  -webkit-appearance: none;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}

.backtest-replay-select svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #69778a;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

@media (max-width: 520px) {
  body.backtest-mode .backtest-session-panel {
    gap: 10px;
    padding: 10px 12px 12px;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    background:
      linear-gradient(180deg, rgba(17, 23, 32, 0.96), rgba(10, 15, 23, 0.96));
    box-shadow: none;
  }

  body.backtest-mode .backtest-session-head {
    gap: 0;
  }

  body.backtest-mode .backtest-session-index {
    display: none;
  }

  body.backtest-mode .backtest-session-copy {
    gap: 4px;
  }

  body.backtest-mode .backtest-session-copy h4 {
    font-size: 17px;
    line-height: 1.2;
  }

  body.backtest-mode .backtest-session-copy .muted-copy {
    display: none;
  }

  body.backtest-mode .backtest-session-form {
    gap: 0;
  }

  body.backtest-mode .backtest-config-step {
    gap: 8px;
    padding: 10px 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 0;
    background: transparent;
  }

  body.backtest-mode .backtest-config-step legend {
    gap: 7px;
    padding: 0;
    font-size: 11px;
  }

  body.backtest-mode .backtest-config-step legend b {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }

  body.backtest-mode .backtest-allocation-presets {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.backtest-mode .backtest-allocation-chip,
  body.backtest-mode .backtest-period-presets button {
    min-height: 32px;
    padding: 0 5px;
    border-radius: 7px;
    font-size: 10px;
  }

  body.backtest-mode .backtest-custom-allocation,
  body.backtest-mode .backtest-market-field {
    max-width: none;
  }

  body.backtest-mode .backtest-option-row {
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 8px !important;
    padding: 8px 9px;
    border-color: rgba(116, 137, 166, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.018);
  }

  body.backtest-mode .backtest-option-row input {
    width: 15px !important;
    height: 15px !important;
    border-radius: 5px;
  }

  body.backtest-mode .backtest-option-row input::after {
    width: 7px;
    height: 7px;
    border-radius: 2px;
  }

  body.backtest-mode .backtest-session-form label {
    gap: 5px;
  }

  body.backtest-mode .backtest-session-form label span {
    font-size: 8px;
  }

  body.backtest-mode .backtest-session-form input,
  body.backtest-mode .backtest-session-form select {
    min-height: 34px;
    padding: 0 9px;
    border-radius: 7px;
    font-size: 12px;
  }

  body.backtest-mode .backtest-date-range input {
    font-size: 11px;
    text-align: center;
  }

  body.backtest-mode .backtest-date-range input::-webkit-calendar-picker-indicator {
    width: 12px;
    margin: 0;
    opacity: 0.45;
  }

  body.backtest-mode .backtest-option-row strong {
    font-size: 11px;
    line-height: 1.15;
  }

  body.backtest-mode .backtest-option-row small {
    font-size: 9px;
    line-height: 1.15;
  }

  body.backtest-mode .backtest-config-grid {
    grid-template-columns: 1fr;
  }

  body.backtest-mode .backtest-period-presets {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  body.backtest-mode .backtest-date-range {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  body.backtest-mode .backtest-date-arrow {
    display: none;
  }

  body.backtest-mode .backtest-config-submit {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }

  body.backtest-mode .backtest-config-submit > div {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  body.backtest-mode .backtest-config-submit strong {
    font-size: 13px;
  }

  body.backtest-mode .backtest-config-submit span {
    overflow: visible;
    font-size: 9px;
    text-align: right;
    white-space: nowrap;
  }

  body.backtest-mode .backtest-config-submit .button {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    border-radius: 9px;
  }

  body.backtest-mode .account-section-head {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0 12px;
  }

  body.backtest-mode .account-section-head h4 {
    font-size: 18px;
  }

  body.backtest-mode .account-section-head .muted-copy {
    font-size: 12px;
    line-height: 1.25;
  }

  body.backtest-mode .backtest-session-sort {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
    align-self: stretch;
    padding: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035);
  }

  body.backtest-mode .backtest-session-sort select {
    width: 100%;
    min-height: 32px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 11px;
  }

  body.backtest-mode .backtest-session-card-foot {
    align-items: stretch;
    flex-direction: column;
  }

  body.backtest-mode .backtest-session-card {
    margin: 0 12px;
    border-radius: 10px;
  }

  body.backtest-mode .backtest-session-card .hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  body.backtest-mode .backtest-replay-controls {
    gap: 5px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
  }

  body.backtest-mode .backtest-replay-summary {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  body.backtest-mode .backtest-replay-current {
    gap: 0 !important;
  }

  body.backtest-mode .backtest-replay-current small {
    font-size: 8px !important;
  }

  body.backtest-mode .backtest-replay-current strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  body.backtest-mode .backtest-replay-percent {
    min-width: 28px !important;
    font-size: 11px !important;
  }

  body.backtest-mode .backtest-replay-track {
    height: 3px !important;
  }

  body.backtest-mode .backtest-replay-runtime {
    display: grid !important;
    grid-template-columns: 94px minmax(68px, 1fr) minmax(80px, 1fr) !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.backtest-mode .backtest-replay-actions {
    display: grid !important;
    grid-template-columns: 28px 32px 28px !important;
    gap: 2px !important;
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    padding: 2px !important;
  }

  body.backtest-mode .backtest-replay-actions button {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
  }

  body.backtest-mode .backtest-replay-actions button.is-primary {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  body.backtest-mode .backtest-replay-select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    padding: 0 6px !important;
  }

  body.backtest-mode .backtest-replay-select span {
    font-size: 8px !important;
  }

  body.backtest-mode .backtest-replay-select select {
    min-width: 0 !important;
    font-size: 11px !important;
  }

  body.backtest-mode .backtest-replay-range {
    display: none;
  }
}

@media (max-width: 350px) {
  body.backtest-mode .backtest-replay-runtime {
    grid-template-columns: 96px minmax(66px, 1fr) minmax(76px, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
  }

  body.backtest-mode .backtest-replay-actions {
    grid-template-columns: 28px 32px 28px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }

  body.backtest-mode .backtest-replay-actions button {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
  }

  body.backtest-mode .backtest-replay-actions button.is-primary {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}

/* Desktop app preview: keep the web app in a phone-sized iPhone frame. */
@media (min-width: 560px) {
  :root {
    --desktop-phone-width: min(414px, calc(100vw - 20px));
    --desktop-phone-height: min(896px, calc(100svh - 20px));
    --desktop-phone-border: 12px;
    --desktop-phone-radius: 54px;
    --desktop-phone-nav-offset: calc((100svh - var(--desktop-phone-height)) / 2 + 18px);
  }

  html,
  body {
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(239, 49, 36, 0.16), transparent 34%),
      linear-gradient(135deg, #111217 0%, #07080a 48%, #15161b 100%) !important;
  }

  body {
    display: grid !important;
    place-items: center !important;
    padding: 20px !important;
  }

  body::before,
  body::after {
    display: none !important;
  }

  body:not(.admin-page) .app-shell {
    position: relative !important;
    width: var(--desktop-phone-width) !important;
    max-width: var(--desktop-phone-width) !important;
    height: var(--desktop-phone-height) !important;
    max-height: var(--desktop-phone-height) !important;
    margin: 0 auto !important;
    padding: 34px 0 112px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: var(--desktop-phone-border) solid #050608 !important;
    border-radius: var(--desktop-phone-radius) !important;
    background: #07080a !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 26px 80px rgba(0, 0, 0, 0.58),
      inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
    scrollbar-width: none !important;
  }

  body:not(.admin-page) .app-shell::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.admin-page) .app-shell::before {
    content: "" !important;
    position: sticky !important;
    z-index: 80 !important;
    top: 0 !important;
    left: 50% !important;
    display: block !important;
    width: 118px !important;
    height: 34px !important;
    margin: -24px auto -10px !important;
    border-radius: 999px !important;
    background: #030405 !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
    pointer-events: none !important;
  }

  body:not(.admin-page) .dashboard-auth-gate {
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(239, 49, 36, 0.16), transparent 34%),
      linear-gradient(135deg, #111217 0%, #07080a 48%, #15161b 100%) !important;
    backdrop-filter: none !important;
  }

  body:not(.admin-page) .dashboard-auth-card {
    position: relative !important;
    width: var(--desktop-phone-width) !important;
    max-width: var(--desktop-phone-width) !important;
    height: var(--desktop-phone-height) !important;
    max-height: var(--desktop-phone-height) !important;
    margin: 0 auto !important;
    padding: 34px 0 22px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: var(--desktop-phone-border) solid #050608 !important;
    border-radius: var(--desktop-phone-radius) !important;
    background: #07080a !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 26px 80px rgba(0, 0, 0, 0.58),
      inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
    scrollbar-width: none !important;
  }

  body:not(.admin-page) .dashboard-auth-card::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.admin-page) .dashboard-auth-card::before {
    content: "" !important;
    position: sticky !important;
    z-index: 80 !important;
    top: 0 !important;
    display: block !important;
    width: 118px !important;
    height: 34px !important;
    margin: -24px auto -10px !important;
    border-radius: 999px !important;
    background: #030405 !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
    pointer-events: none !important;
  }

  body:not(.admin-page) .dashboard-auth-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body:not(.admin-page) .dashboard-auth-brand-panel,
  body:not(.admin-page) .dashboard-auth-main {
    padding: 14px !important;
  }

  body:not(.admin-page) .dashboard-auth-brand-panel {
    gap: 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  body:not(.admin-page) .dashboard-auth-main {
    gap: 10px !important;
  }

  body:not(.admin-page) .dashboard-auth-logo {
    width: 112px !important;
  }

  body:not(.admin-page) .dashboard-auth-copy h2 {
    max-width: 13ch !important;
    font-size: 1.72rem !important;
    line-height: 1.02 !important;
  }

  body:not(.admin-page) .dashboard-auth-copy .muted-copy,
  body:not(.admin-page) .dashboard-auth-note {
    display: none !important;
  }

  body:not(.admin-page) .dashboard-auth-highlight {
    display: none !important;
  }

  body:not(.admin-page) .dashboard-auth-benefit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:not(.admin-page) .dashboard-auth-benefit {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 6px !important;
    min-height: 74px !important;
    padding: 8px 6px !important;
    text-align: center !important;
  }

  body:not(.admin-page) .dashboard-auth-benefit-copy strong {
    font-size: 0.74rem !important;
  }

  body:not(.admin-page) .dashboard-auth-benefit-copy span {
    display: none !important;
  }

  body:not(.admin-page) .dashboard-auth-provider {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 11px 12px !important;
  }

  body:not(.admin-page) .dashboard-auth-provider-head {
    gap: 9px !important;
  }

  body:not(.admin-page) .dashboard-auth-widget,
  body:not(.admin-page) .dashboard-auth-widget-stack,
  body:not(.admin-page) #dashboardGoogleLogin {
    min-width: 0 !important;
  }

  body:not(.admin-page) .topbar {
    margin: 0 12px 16px !important;
  }

  body:not(.admin-page) .content-shell,
  body:not(.admin-page) .view-section {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:not(.admin-page) .content-shell {
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body:not(.admin-page) .view-section.is-active {
    display: block !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  body:not(.admin-page) .section-block,
  body:not(.admin-page) .panel,
  body:not(.admin-page) .home-funding-banner,
  body:not(.admin-page) .home-stories-section,
  body:not(.admin-page) .quote-strip,
  body:not(.admin-page) .terminal-grid,
  body:not(.admin-page) .account-grid,
  body:not(.admin-page) .announcement-grid {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:not(.admin-page) .hero-panel,
  body:not(.admin-page) .terminal-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] > .hero-panel,
  body:not(.admin-page) .view-section[data-view="home"] .hero-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 20px 14px !important;
    overflow: hidden !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-copy {
    display: grid !important;
    gap: 12px !important;
    align-content: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-panel h2 {
    max-width: 10ch !important;
    font-size: 42px !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-text {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-trust-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-actions,
  body:not(.admin-page) .view-section[data-view="home"] .hero-actions-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-stats {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-stats .stat-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 116px !important;
    margin: 0 !important;
  }

  body:not(.admin-page) .view-section[data-view="home"] .hero-stats-note {
    grid-column: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body:not(.admin-page) .bottom-nav {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: var(--desktop-phone-nav-offset) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    width: calc(var(--desktop-phone-width) - 48px) !important;
    max-width: calc(var(--desktop-phone-width) - 48px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
  }

  body.bank-tab-enabled:not(.admin-page) .bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body:not(.admin-page) .bottom-nav .nav-button {
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 6px 2px 7px !important;
  }

  body:not(.admin-page) .modal {
    width: calc(var(--desktop-phone-width) - 24px) !important;
    height: calc(var(--desktop-phone-height) - 24px) !important;
    inset: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 42px !important;
    overflow: hidden !important;
  }

  body:not(.admin-page) #accountModal .modal-sheet {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 100% !important;
    padding: 16px !important;
  }

  body:not(.admin-page) #accountModal .modal-body,
  body:not(.admin-page) #accountModal .detail-grid,
  body:not(.admin-page) #accountModal .detail-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.admin-page) #accountModal .modal-body {
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.admin-page) #accountModal .climb-detail-grid,
  body:not(.admin-page) #accountModal .climb-card-hero,
  body:not(.admin-page) #accountModal .climb-detail-balance-grid,
  body:not(.admin-page) #accountModal .climb-detail-rules {
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-page) #accountModal .climb-risk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.admin-page) #accountModal .climb-risk-grid > div:last-child {
    grid-column: 1 / -1 !important;
  }

  body:not(.admin-page) #accountModal .climb-ladder-head,
  body:not(.admin-page) #accountModal .climb-review-strip {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* v20260903-climb24h-final: keep the new product treatment above legacy dashboard layers. */
#purchaseBody .purchase-program-card.is-climb {
  border-color: rgba(222, 183, 85, 0.3) !important;
  background:
    linear-gradient(145deg, rgba(222, 183, 85, 0.13), rgba(45, 211, 155, 0.05)),
    rgba(10, 18, 27, 0.96) !important;
}

#purchaseBody .purchase-program-card.is-climb.is-active,
#purchaseBody .purchase-plan-card.is-climb.is-selected {
  border-color: rgba(231, 197, 110, 0.52) !important;
  background:
    radial-gradient(circle at 94% 3%, rgba(45, 211, 155, 0.14), transparent 34%),
    linear-gradient(155deg, rgba(48, 43, 29, 0.98), rgba(8, 20, 25, 0.99)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(232, 201, 120, 0.13),
    0 18px 34px rgba(4, 18, 17, 0.24) !important;
}

/* v20260903-climb-checkout-clarity03: late cascade for readable Climb checkout type. */
#purchaseModal.is-climb-checkout .purchase-modal-head .eyebrow,
#purchaseModal.is-climb-checkout .stepper-price-meta,
#purchaseModal.is-climb-checkout #purchaseBody .purchase-program-card-kicker,
.climb-purchase-brand-row .micro-label,
.climb-purchase-price-row > div > span,
.climb-purchase-section-head .micro-label,
.climb-purchase-ladder-head .micro-label {
  font-size: 10px;
}

#purchaseModal.is-climb-checkout .stepper-summary-description {
  max-width: 34ch;
  color: rgba(231, 237, 234, 0.76);
  font-size: 11px;
}

.climb-purchase-brand-row strong {
  font-size: 13px;
}

.climb-purchase-entry-copy p {
  color: rgba(235, 240, 237, 0.78);
  font-size: 12px;
}

.climb-purchase-entry-copy .climb-purchase-reward-disclaimer {
  padding: 8px 9px;
  color: #f5e5b9;
  font-size: 11px;
  line-height: 1.4;
}

.climb-purchase-fixed-pill,
.climb-purchase-route figcaption,
.climb-purchase-ladder-head > span {
  font-size: 10px;
}

.climb-purchase-facts small,
.climb-purchase-ladder-level small,
.climb-purchase-ladder-level em {
  color: rgba(230, 236, 233, 0.72);
  font-size: 9px;
}

.climb-purchase-section-head h5,
.climb-purchase-ladder-head h5 {
  font-size: 14px;
}

.climb-purchase-journey-list strong {
  font-size: 12px;
}

.climb-purchase-journey-list small,
.climb-purchase-trust-note p {
  color: rgba(231, 237, 234, 0.74);
  font-size: 11px;
}

#purchaseModal.is-climb-checkout .climb-checkout-hero p,
#purchaseModal.is-climb-checkout .climb-fixed-note p,
.climb-rule-visual-card > p,
.climb-review-summary-head p {
  color: rgba(231, 237, 234, 0.74);
  font-size: 11px;
}

#purchaseModal.is-climb-checkout .climb-checkout-clock span,
.climb-rule-visual-head > span,
.climb-trailing-line i,
.climb-trailing-gap,
.climb-idea-formula span,
.climb-idea-formula b,
.climb-idea-formula em,
.climb-hold-visual > em {
  font-size: 9px;
}

.climb-rule-visual-head > strong {
  font-size: 13px;
}

.climb-trailing-line b,
.climb-hold-visual > span,
.climb-hold-visual > strong {
  font-size: 11px;
}

.climb-review-price span,
.climb-review-price small,
.climb-review-promise-grid small,
.climb-review-mini-flow b,
.climb-review-mini-flow span {
  font-size: 9px;
}

.climb-review-promise-grid small {
  color: rgba(229, 235, 232, 0.72);
}

.climb-review-mini-flow {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.climb-review-mini-flow span {
  color: rgba(237, 240, 238, 0.78);
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-card .purchase-selection-head h4 {
  font-size: 13px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-total {
  font-size: 14px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-title,
#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method-meta,
.climb-checkout-code-drawer > summary {
  font-size: 11px;
}

#purchaseModal.is-climb-checkout #purchaseBody .purchase-payment-method small {
  color: rgba(230, 236, 233, 0.72);
  font-size: 10px;
}

@media (max-width: 560px) {
  .climb-review-mini-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .climb-review-mini-flow li:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 200, 108, 0.09);
  }

  .climb-review-mini-flow li:nth-child(4) {
    border-left: 0;
  }

  .climb-review-mini-flow span {
    overflow: visible;
    font-size: 9px;
    text-overflow: clip;
    white-space: normal;
  }
}

#purchaseModal.is-climb-checkout #purchaseStepTitle:focus-visible {
  outline: 2px solid #93e6bf;
  outline-offset: 3px;
  border-radius: 4px;
}

@media (max-width: 360px) {
  .climb-purchase-ladder-level em {
    display: block;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

/* v20260921-terminal-market-state01: use one full-width, restrained market-status row above the chart. */
.view-section[data-view="terminal"] .terminal-market-overview {
  width: 100% !important;
  min-width: 0 !important;
  margin: 1px 0 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-state-panel {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(242, 97, 100, 0.2) !important;
  border-left: 3px solid rgba(242, 97, 100, 0.78) !important;
  border-radius: 2px !important;
  background: #0f1014 !important;
  color: #f4f5f7 !important;
  box-shadow: none !important;
}

.view-section[data-view="terminal"] .terminal-market-state-title {
  color: #ffc0c1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .terminal-market-state-copy {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(244, 245, 247, 0.58) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.view-section[data-view="terminal"] .chart-candle-countdown.is-closed {
  display: none !important;
}

/* The empty SL/TP explanation remains intact; only its decorative dotted underline is removed. */
.view-section[data-view="terminal"] .terminal-risk-hint .micro-copy {
  border-bottom: 0 !important;
}

@media (max-width: 430px) {
  .view-section[data-view="terminal"] .terminal-market-state-panel {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
  }

  .view-section[data-view="terminal"] .terminal-market-state-copy {
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

/* v20260921-home-access-plus01: compact brand cue for the primary access action. */
.view-section[data-view="home"] .home-access-cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 6px;
  background: #ff4438;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(255, 68, 56, 0.22);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

.view-section[data-view="home"] .home-access-cta-label {
  min-width: 0;
}

/* v20260921-referral-desk-compact01: one strict surface, compact data and actions. */
#referralModal {
  --referral-hairline: rgba(255, 255, 255, 0.09);
  --referral-muted: rgba(244, 244, 245, 0.58);
  padding: 8px;
}

#referralModal .referral-modal-sheet {
  width: min(720px, 100%);
  max-height: min(calc(100dvh - 24px), 820px);
  padding: 18px !important;
  border-radius: 18px !important;
}

#referralModal .modal-head {
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  padding: 0 44px 13px 0;
  border-bottom: 1px solid var(--referral-hairline);
}

#referralModal .modal-head .eyebrow {
  margin-bottom: 3px;
  color: rgba(244, 244, 245, 0.5);
  font-size: 10px;
  letter-spacing: 0.12em;
}

#referralModal .modal-head h3 {
  font-size: 21px;
  line-height: 1.08;
}

#referralModal .modal-close-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

#referralModal .modal-body {
  padding-right: 0 !important;
}

#referralModal .referral-modal-shell,
#referralModal .account-section-referrals {
  gap: 0;
}

#referralModal .referral-bank-overview {
  display: grid;
  min-width: 0;
}

#referralModal .referral-bank-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

#referralModal .referral-bank-copy {
  gap: 0;
}

#referralModal .referral-bank-copy .plan-badge {
  justify-self: start;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#referralModal .referral-bank-earnings {
  min-width: 0;
  grid-template-columns: auto auto;
  column-gap: 9px;
  row-gap: 1px;
  align-items: end;
  padding: 0 0 0 14px;
  border: 0;
  border-left: 1px solid var(--referral-hairline);
  border-radius: 0;
  background: transparent;
}

#referralModal .referral-bank-earnings .micro-label {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--referral-muted);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#referralModal .referral-bank-earnings strong {
  font-size: 22px;
  line-height: 1;
}

#referralModal .referral-bank-earnings .micro-copy {
  padding-bottom: 1px;
  color: var(--referral-muted);
  font-size: 10px;
  line-height: 1.15;
  white-space: nowrap;
}

#referralModal .referral-bank-primary {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid var(--referral-hairline);
  border-bottom: 1px solid var(--referral-hairline);
}

#referralModal .referral-code-plate {
  gap: 5px;
  padding: 11px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}

#referralModal .referral-code-plate span {
  color: var(--referral-muted);
  font-size: 9px;
  letter-spacing: 0.1em;
}

#referralModal .referral-code-plate strong {
  font-size: 23px;
  letter-spacing: 0.1em;
}

#referralModal .referral-bank-action-shell {
  gap: 8px;
  padding: 11px 0;
  border-top: 1px solid var(--referral-hairline);
  border-left: 0;
}

#referralModal .referral-bank-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#referralModal .referral-bank-actions .button {
  width: 100%;
  min-height: 38px;
  padding: 8px 11px;
  border-radius: 8px;
  box-shadow: none !important;
  font-size: 12px;
}

#referralModal .referral-bank-actions .button-secondary {
  border-color: rgba(255, 255, 255, 0.11);
  background: #202126;
}

#referralModal .referral-bank-actions .button-primary {
  border-color: #f4f4f5;
  background: #f4f4f5;
  color: #101114;
}

#referralModal .referral-link-state {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#referralModal .referral-link-state.is-ready .micro-copy {
  display: none;
}

#referralModal .referral-link-state .status-badge {
  padding: 4px 7px;
  border-radius: 6px;
  font-size: 9px;
}

#referralModal .referral-link-state .micro-copy {
  font-size: 10px;
  line-height: 1.3;
}

#referralModal .referral-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--referral-hairline);
}

#referralModal .referral-summary-tile {
  gap: 3px;
  min-height: 0;
  padding: 10px 11px;
  border: 0;
  border-left: 1px solid var(--referral-hairline);
  border-radius: 0;
  background: transparent;
}

#referralModal .referral-summary-tile:first-child {
  padding-left: 0;
  border-left: 0;
}

#referralModal .referral-summary-tile:nth-child(odd) {
  padding-left: 0;
  border-left: 0;
}

#referralModal .referral-summary-tile:nth-child(n + 3) {
  border-top: 1px solid var(--referral-hairline);
}

#referralModal .referral-summary-label {
  font-size: 8px;
  letter-spacing: 0.08em;
}

#referralModal .referral-summary-tile strong {
  font-size: 17px;
  line-height: 1.1;
}

#referralModal .referral-summary-meta {
  display: none;
  color: var(--referral-muted);
  font-size: 9px;
  line-height: 1.25;
}

#referralModal .referral-bank-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-bottom: 1px solid var(--referral-hairline);
}

#referralModal .referral-bank-card,
#referralModal .referral-influencer-card {
  padding: 14px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#referralModal .referral-bank-card + .referral-bank-card {
  margin-left: 0;
  padding-left: 0 !important;
  border-top: 1px solid var(--referral-hairline) !important;
  border-left: 0 !important;
}

#referralModal .referral-bank-card,
#referralModal .referral-influencer-card,
#referralModal .referral-influencer-form {
  gap: 10px;
}

#referralModal .referral-bank-card .account-topline,
#referralModal .referral-influencer-head {
  gap: 8px;
  padding-bottom: 8px;
}

#referralModal .referral-bank-card h4,
#referralModal .referral-influencer-card h4 {
  font-size: 15px;
  line-height: 1.18;
}

#referralModal .referral-detail-grid,
#referralModal .referral-application-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

#referralModal .referral-detail-grid > div,
#referralModal .referral-application-grid > div {
  gap: 3px;
  min-height: 0;
  padding: 8px 0;
  border: 0;
  border-top: 1px solid var(--referral-hairline);
  border-radius: 0;
  background: transparent;
}

#referralModal .referral-detail-grid > div:nth-child(-n + 2),
#referralModal .referral-application-grid > div:nth-child(-n + 2) {
  border-top: 0;
}

#referralModal .account-inline-note,
#referralModal .referral-empty-state,
#referralModal .referral-application-state {
  padding: 9px 0 0;
  border: 0;
  border-top: 1px solid var(--referral-hairline);
  border-radius: 0;
  background: transparent;
}

#referralModal .account-inline-note {
  justify-content: flex-start;
}

#referralModal .referral-influencer-card {
  border-bottom: 0 !important;
}

#referralModal .referral-influencer-head {
  grid-template-columns: minmax(0, 1fr) auto;
}

#referralModal .referral-influencer-card .referral-bank-copy {
  gap: 4px;
}

#referralModal .referral-influencer-card .muted-copy {
  font-size: 11px;
  line-height: 1.35;
}

#referralModal .referral-benefits-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 12px;
}

#referralModal .referral-benefit-pill {
  min-height: 34px;
  padding: 7px 0;
  border: 0;
  border-top: 1px solid var(--referral-hairline);
  border-radius: 0;
  background: transparent;
}

#referralModal .referral-benefit-pill strong {
  font-size: 11px;
}

#referralModal .referral-influencer-form-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

#referralModal .referral-influencer-actions .button {
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: none !important;
}

@media (max-width: 680px) {
  #referralModal {
    padding: 8px;
  }

  #referralModal .referral-modal-sheet {
    max-height: calc(100dvh - 16px);
    padding: 14px !important;
    border-radius: 14px !important;
  }

  #referralModal .modal-head {
    padding: 0 40px 10px 0;
  }

  #referralModal .modal-head h3 {
    font-size: 19px;
  }

  #referralModal .referral-bank-head {
    padding: 10px 0;
  }

  #referralModal .referral-bank-primary {
    grid-template-columns: minmax(0, 1fr);
  }

  #referralModal .referral-code-plate {
    padding: 11px 0;
  }

  #referralModal .referral-bank-action-shell {
    padding: 11px 0;
    border-top: 1px solid var(--referral-hairline);
    border-left: 0;
  }

  #referralModal .referral-bank-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #referralModal .referral-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #referralModal .referral-summary-tile:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }

  #referralModal .referral-summary-tile:nth-child(n + 3) {
    border-top: 1px solid var(--referral-hairline);
  }

  #referralModal .referral-summary-meta {
    display: none;
  }

  #referralModal .referral-bank-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #referralModal .referral-bank-card + .referral-bank-card {
    margin-left: 0;
    padding-left: 0 !important;
    border-top: 1px solid var(--referral-hairline) !important;
    border-left: 0 !important;
  }

  #referralModal .referral-influencer-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 390px) {
  #referralModal .referral-bank-head {
    gap: 9px;
  }

  #referralModal .referral-bank-copy .plan-badge {
    max-width: 156px;
    white-space: normal;
  }

  #referralModal .referral-bank-earnings {
    display: block;
    padding-left: 10px;
    text-align: right;
  }

  #referralModal .referral-bank-earnings strong,
  #referralModal .referral-bank-earnings .micro-copy {
    display: block;
  }

  #referralModal .referral-bank-earnings .micro-copy {
    margin-top: 3px;
    white-space: normal;
  }
}

/* v20260629-auth-simple01-final: keep public web login minimal after all legacy overrides. */
body.auth-gate-open:not(.admin-page) .dashboard-auth-gate {
  align-items: center !important;
  justify-content: center !important;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.055), transparent 28%),
    radial-gradient(circle at 50% 82%, rgba(98, 149, 255, 0.06), transparent 34%),
    linear-gradient(145deg, #2c2b2a 0%, #141414 46%, #050607 100%) !important;
  backdrop-filter: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-card {
  width: min(432px, calc(100vw - 28px)) !important;
  max-width: min(432px, calc(100vw - 28px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 22px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-card::-webkit-scrollbar,
body.auth-gate-open:not(.admin-page) .dashboard-auth-card::before {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-shell {
  display: flex !important;
  width: 100% !important;
  min-height: min(760px, calc(100dvh - 24px)) !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
  padding: 24px 4px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-panel,
body.auth-gate-open:not(.admin-page) .dashboard-auth-main {
  display: grid !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-panel {
  gap: 18px !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-toolbar {
  position: fixed !important;
  top: max(16px, env(safe-area-inset-top)) !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  z-index: 2 !important;
  justify-content: flex-end !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-access-pill,
body.auth-gate-open:not(.admin-page) .dashboard-auth-highlight,
body.auth-gate-open:not(.admin-page) .dashboard-auth-benefit-grid,
body.auth-gate-open:not(.admin-page) .dashboard-auth-main-copy,
body.auth-gate-open:not(.admin-page) .dashboard-auth-provider-head {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-language-switch {
  min-height: 42px !important;
  padding: 4px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-language-switch .language-switch-button {
  min-width: 44px !important;
  min-height: 34px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-lockup {
  justify-content: center !important;
  margin: 0 !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-logo {
  width: min(156px, 48vw) !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.28)) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy {
  justify-items: center !important;
  gap: 10px !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy .eyebrow {
  display: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy h2 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(38px, 9vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-copy .muted-copy {
  max-width: 29ch !important;
  margin: 0 auto !important;
  color: rgba(244, 244, 244, 0.62) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.36 !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-main,
body.auth-gate-open:not(.admin-page) .dashboard-auth-provider-cluster,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-stack,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-google {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  min-height: 0 !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-main {
  gap: 14px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-provider-cluster {
  gap: 12px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-widget,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-stack,
body.auth-gate-open:not(.admin-page) .dashboard-auth-widget-google {
  gap: 7px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-provider {
  display: block !important;
  grid-template-columns: 1fr !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button {
  position: relative !important;
  min-height: 64px !important;
  padding: 0 24px 0 70px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: clamp(18px, 4.6vw, 22px) !important;
  font-weight: 760 !important;
  letter-spacing: -0.025em !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button:hover {
  transform: none !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark {
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  width: 28px !important;
  height: 28px !important;
  transform: translateY(-50%) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark svg,
body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark img {
  width: 24px !important;
  height: 24px !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-telegram {
  border-color: rgba(42, 171, 238, 0.32) !important;
  background: #229ed9 !important;
  color: #ffffff !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark-telegram {
  background: transparent !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-google {
  background: rgba(255, 255, 255, 0.02) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-yandex {
  background: #050505 !important;
  color: #ffffff !important;
}

body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin,
body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin > div,
body.auth-gate-open:not(.admin-page) #dashboardGoogleLogin iframe {
  min-height: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
}

body.auth-gate-open:not(.admin-page) #dashboardTelegramLoginStatus {
  min-height: 16px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-security-check {
  padding: 12px 14px !important;
  border-radius: 18px !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.auth-gate-open:not(.admin-page) .dashboard-auth-note {
  display: block !important;
  max-width: 31ch !important;
  margin: 10px auto 0 !important;
  color: rgba(255, 255, 255, 0.46) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

@media (max-width: 440px) {
  body.auth-gate-open:not(.admin-page) .dashboard-auth-shell {
    gap: 20px !important;
    padding-inline: 0 !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-logo {
    width: min(138px, 44vw) !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-copy h2 {
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button {
    min-height: 60px !important;
    padding-left: 62px !important;
    font-size: 18px !important;
  }

  body.auth-gate-open:not(.admin-page) .dashboard-auth-brand-button-mark {
    left: 21px !important;
  }
}