/* LEVEXES glass workstation -------------------------------------------------
   This file is intentionally isolated from the legacy surface layers. It is
   loaded last and only targets the Levexes page classes or specific live app
   screens, so the trading/data implementation can stay stable. */

:root {
  --lx-ink: #f6f8fb;
  --lx-ink-soft: #c4ccd7;
  --lx-muted: #8994a4;
  --lx-faint: #667182;
  --lx-line: rgba(255, 255, 255, 0.12);
  --lx-line-strong: rgba(255, 255, 255, 0.2);
  --lx-glass: rgba(8, 10, 14, 0.46);
  --lx-glass-strong: rgba(8, 10, 14, 0.66);
  --lx-glass-soft: rgba(13, 16, 21, 0.32);
  --lx-canvas: rgba(2, 4, 7, 0.36);
  --lx-cyan: #a7eaff;
  --lx-cyan-strong: #55d9ff;
  --lx-positive: #72e3bd;
  --lx-negative: #ff879b;
  --lx-warm: #f1d48c;
  --lx-violet: #b7a6ff;
  --lx-radius-xl: 22px;
  --lx-radius-lg: 16px;
  --lx-radius-md: 12px;
  --lx-blur: blur(26px) saturate(125%);
  --lx-shadow: 0 22px 70px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --lx-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.levexes-page,
.page-dealer-gamma-flow,
.page-login-cinematic,
.page-dashboard-v5,
.page-platform-utility,
.page-oi-open-interest-map {
  position: relative;
  isolation: isolate;
  color-scheme: dark;
  color: var(--lx-ink);
  background: #050608 !important;
}

.levexes-page::before,
.page-dealer-gamma-flow::before,
.page-login-cinematic::before,
.page-dashboard-v5::before,
.page-platform-utility::before,
.page-oi-open-interest-map::before {
  position: fixed;
  z-index: 0;
  inset: -2.5%;
  content: "";
  pointer-events: none;
  background: #050608 url("./background.jpg?v=20260711-trading-studio-v3") center center / cover no-repeat;
  transform: scale(1.025);
  animation: lxBackgroundResolve 1200ms var(--lx-ease) both;
}

.levexes-page::after,
.page-dealer-gamma-flow::after,
.page-login-cinematic::after,
.page-dashboard-v5::after,
.page-platform-utility::after,
.page-oi-open-interest-map::after {
  position: fixed;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 4%, rgba(168, 234, 255, 0.045), transparent 31%),
    linear-gradient(180deg, rgba(2, 3, 5, 0.2), rgba(2, 3, 5, 0.38) 62%, rgba(2, 3, 5, 0.52));
}

.levexes-page > *,
.page-dealer-gamma-flow > *,
.page-login-cinematic > *,
.page-dashboard-v5 > *,
.page-platform-utility > *,
.page-oi-open-interest-map > * {
  position: relative;
  z-index: 1;
}

.levexes-page > .dm-skip-link,
.levexes-page > .cot-skip,
.page-dealer-gamma-flow > .dgf-skip {
  position: fixed;
  z-index: 200;
}

/* Standalone Surface shell ------------------------------------------------ */

.levexes-surface {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  font-family: "Inter", system-ui, sans-serif;
}

.levexes-surface .dm-simple-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 100vh;
  background: transparent !important;
}

.levexes-surface .dm-simple-main {
  min-width: 0;
  padding: 14px 18px 56px 16px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.78);
}

.levexes-surface .dm-simple-rail {
  position: sticky;
  top: 14px;
  z-index: 70;
  width: 52px;
  height: calc(100vh - 28px);
  margin: 14px 0 14px 10px;
  padding: 10px 6px;
  border: 1px solid var(--lx-line);
  border-radius: 18px;
  background: rgba(7, 9, 12, 0.5) !important;
  box-shadow: var(--lx-shadow);
  -webkit-backdrop-filter: var(--lx-blur);
  backdrop-filter: var(--lx-blur);
}

.levexes-surface .dm-simple-rail-mark,
.levexes-surface .dm-simple-rail-btn {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}

.levexes-surface .dm-simple-rail-mark {
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.025));
}

.levexes-surface .dm-simple-rail-logo,
.levexes-surface .dm-simple-logo {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.levexes-surface .dm-simple-rail-logo {
  color: #ffffff;
  font-size: 15px;
}

.levexes-surface .dm-simple-rail-btn {
  color: rgba(231, 237, 245, 0.54);
  border: 1px solid transparent;
  transition: color 180ms ease, border-color 220ms ease, background 220ms ease, transform 220ms var(--lx-ease);
}

.levexes-surface .dm-simple-rail-btn:hover,
.levexes-surface .dm-simple-rail-btn:focus-visible,
.levexes-surface .dm-simple-rail-btn.is-active {
  color: #ffffff;
  border-color: rgba(167, 234, 255, 0.28);
  background: linear-gradient(145deg, rgba(167, 234, 255, 0.18), rgba(255, 255, 255, 0.035));
  transform: translateY(-2px);
}

.levexes-surface .dm-simple-rail-btn.is-active::before {
  background: var(--lx-cyan);
  box-shadow: 0 0 18px rgba(85, 217, 255, 0.72);
}

.levexes-surface .dm-simple-topbar,
.levexes-surface .dm-workspace-jump,
.levexes-surface .dm-simple-controls,
.levexes-surface .dm-command-summary,
.levexes-surface .dm-chart-panel,
.levexes-surface .dm-decision-lens,
.levexes-surface .dm-ladder-panel,
.levexes-surface .dm-intel-card,
.levexes-surface .dm-toolkit {
  border: 1px solid var(--lx-line) !important;
  background: linear-gradient(145deg, rgba(13, 16, 21, 0.54), rgba(6, 8, 11, 0.34)) !important;
  box-shadow: var(--lx-shadow) !important;
  -webkit-backdrop-filter: var(--lx-blur);
  backdrop-filter: var(--lx-blur);
}

.levexes-surface .dm-simple-topbar {
  position: sticky;
  top: 12px;
  z-index: 60;
  min-height: 68px;
  padding: 10px 12px 10px 16px;
  border-radius: var(--lx-radius-xl) !important;
  animation: lxPanelIn 620ms 80ms var(--lx-ease) both;
}

.levexes-surface .lx-surface-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 410px);
  align-items: end;
  min-height: 158px;
  padding: 28px 16px 24px;
  border-bottom: 1px solid var(--lx-line);
  animation: lxPanelIn 700ms 110ms var(--lx-ease) both;
}

.levexes-surface .lx-surface-hero-title > span,
.levexes-surface .lx-surface-hero-copy > span {
  color: rgba(211, 222, 233, 0.68);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.levexes-surface .lx-surface-hero h1 {
  margin: 7px 0 -5px;
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(58px, 6.7vw, 102px);
  font-weight: 500;
  letter-spacing: 0.055em;
  line-height: 0.78;
  text-shadow: 0 14px 44px rgba(0, 0, 0, 0.46);
}

.levexes-surface .lx-surface-hero-copy {
  padding: 2px 0 1px 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.levexes-surface .lx-surface-hero-copy strong {
  display: block;
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.levexes-surface .lx-surface-hero-copy p {
  max-width: 370px;
  margin: 7px 0 14px;
  color: var(--lx-ink-soft);
  font-size: 12px;
  line-height: 1.55;
}

.levexes-surface .dm-simple-brand {
  gap: 12px;
}

.levexes-surface .dm-simple-logo {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 13px;
  color: #ffffff;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.025));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.levexes-surface .dm-simple-brand strong {
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1;
}

.levexes-surface .dm-simple-brand small {
  margin-top: 4px;
  color: var(--lx-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.levexes-surface .dm-simple-topnav {
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.18);
}

.levexes-surface .dm-simple-topnav a,
.levexes-surface .dm-workspace-jump a {
  border-radius: 10px;
  color: var(--lx-muted);
  font-size: 11px;
  font-weight: 750;
  transition: color 180ms ease, background 220ms ease, transform 220ms var(--lx-ease);
}

.levexes-surface .dm-simple-topnav a:hover,
.levexes-surface .dm-simple-topnav a:focus-visible,
.levexes-surface .dm-simple-topnav a.is-active,
.levexes-surface .dm-workspace-jump a:hover,
.levexes-surface .dm-workspace-jump a:focus-visible,
.levexes-surface .dm-workspace-jump a.is-active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.085);
  transform: translateY(-1px);
}

.levexes-surface .dm-simple-topnav a.is-active::after,
.levexes-surface .dm-workspace-jump a.is-active::after {
  background: linear-gradient(90deg, transparent, var(--lx-cyan), transparent);
  box-shadow: 0 0 14px rgba(85, 217, 255, 0.48);
}

.levexes-surface .dm-simple-status,
.levexes-surface .dm-focus-button,
.levexes-surface .dm-logout-link {
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

.levexes-surface .dm-simple-status {
  min-width: 188px;
}

.levexes-surface .dm-workspace-jump {
  min-height: 46px;
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 16px !important;
  animation: lxPanelIn 620ms 140ms var(--lx-ease) both;
}

.levexes-surface .dm-workspace-jump-label,
.levexes-surface .dm-control > span,
.levexes-surface .dm-summary-card > span,
.levexes-surface .dm-mini-kicker,
.levexes-surface .dm-card-head > div > span,
.levexes-surface .dm-futures-tool-head > span,
.levexes-surface .dm-fo-card-head > span {
  color: rgba(220, 228, 237, 0.8);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.levexes-surface .dm-simple-controls {
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 18px !important;
  animation: lxPanelIn 620ms 190ms var(--lx-ease) both;
}

.levexes-surface .dm-control input,
.levexes-surface .dm-control select,
.levexes-surface .dm-segmented,
.levexes-surface .dm-segmented button,
.levexes-surface .dm-ghost-button,
.levexes-surface .dm-primary-button,
.levexes-surface .dm-surface-view-tabs,
.levexes-surface .dm-toolkit-tabs,
.levexes-surface .dm-fo-product-tabs,
.levexes-surface .dm-fo-symbol-loader input,
.levexes-surface .dm-fo-symbol-loader button {
  border-color: rgba(255, 255, 255, 0.11) !important;
  color: var(--lx-ink-soft);
  background: rgba(1, 3, 6, 0.38) !important;
  box-shadow: none !important;
}

.levexes-surface .dm-control input,
.levexes-surface .dm-control select {
  height: 44px;
  border-radius: 11px;
}

.levexes-surface .dm-segmented button,
.levexes-surface .dm-surface-view-tabs button,
.levexes-surface .dm-toolkit-tabs button,
.levexes-surface .dm-fo-product-tabs button {
  transition: color 180ms ease, background 220ms ease, box-shadow 220ms ease, transform 220ms var(--lx-ease);
}

.levexes-surface .dm-segmented button.is-active,
.levexes-surface .dm-surface-view-tabs button.is-active,
.levexes-surface .dm-toolkit-tabs button.is-active,
.levexes-surface .dm-fo-product-tabs button.is-active,
.levexes-surface .dm-primary-button {
  color: #071014 !important;
  border-color: rgba(220, 247, 255, 0.72) !important;
  background: linear-gradient(120deg, #eefcff, #a7eaff 62%, #c4b9ff) !important;
  box-shadow: 0 8px 24px rgba(85, 217, 255, 0.18) !important;
}

.levexes-surface .dm-segmented button:hover,
.levexes-surface .dm-surface-view-tabs button:hover,
.levexes-surface .dm-toolkit-tabs button:hover,
.levexes-surface .dm-primary-button:hover,
.levexes-surface .dm-ghost-button:hover {
  transform: translateY(-1px);
}

.levexes-surface .dm-command-summary {
  overflow: hidden;
  margin-top: 10px;
  border-radius: 18px !important;
  animation: lxPanelIn 620ms 240ms var(--lx-ease) both;
}

.levexes-surface .dm-summary-card {
  position: relative;
  min-height: 86px;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(3, 5, 8, 0.16) !important;
  transition: background 220ms ease, transform 260ms var(--lx-ease);
}

.levexes-surface .dm-summary-card::before {
  height: 1px;
  opacity: 0.68;
}

.levexes-surface .dm-summary-card:hover {
  background: rgba(255, 255, 255, 0.035) !important;
  transform: translateY(-2px);
}

.levexes-surface .dm-summary-card strong {
  color: #ffffff;
  letter-spacing: -0.035em;
}

.levexes-surface .dm-summary-card small,
.levexes-surface .dm-chart-head p,
.levexes-surface .dm-toolkit-head p,
.levexes-surface .dm-decision-lens > p {
  color: var(--lx-muted);
}

.levexes-surface .dm-market-workspace,
.levexes-surface .dm-floor-grid,
.levexes-surface .dm-intel-grid {
  gap: 10px;
  margin-top: 10px;
}

.levexes-surface .dm-chart-panel,
.levexes-surface .dm-decision-lens,
.levexes-surface .dm-ladder-panel,
.levexes-surface .dm-intel-card {
  border-radius: var(--lx-radius-xl) !important;
  overflow: hidden;
}

.levexes-surface .dm-chart-head,
.levexes-surface .dm-decision-lens-head,
.levexes-surface .dm-ladder-head,
.levexes-surface .dm-card-head,
.levexes-surface .dm-futures-book-head,
.levexes-surface .dm-futures-suite-head,
.levexes-surface .dm-toolkit-head {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.levexes-surface .dm-chart-head h1,
.levexes-surface .dm-chart-head h2,
.levexes-surface .dm-decision-lens-head h2,
.levexes-surface .dm-ladder-head h2,
.levexes-surface .dm-card-head h2,
.levexes-surface .dm-toolkit-head h2,
.levexes-surface .dm-futures-book-head h2,
.levexes-surface .dm-futures-suite-head h2 {
  color: #f8fafc;
  letter-spacing: -0.035em;
}

.levexes-surface .dm-native-chart,
.levexes-surface .dm-small-native-chart,
.levexes-surface .dm-candle-chart,
.levexes-surface .dm-strike-heatmap {
  border-color: rgba(167, 234, 255, 0.14) !important;
  background: var(--lx-canvas) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 -44px 100px rgba(0, 0, 0, 0.12) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
}

.levexes-surface .dm-chart-backplate {
  fill: rgba(1, 3, 6, 0.2) !important;
}

.levexes-surface .dm-chart-grid {
  stroke: rgba(209, 226, 239, 0.1) !important;
}

.levexes-surface .dm-chart-zero-line {
  stroke: rgba(242, 248, 252, 0.52) !important;
}

.levexes-surface .dm-chart-axis-label,
.levexes-surface .dm-chart-caption {
  fill: rgba(211, 222, 233, 0.7) !important;
}

.levexes-surface .dm-chart-tooltip {
  border-color: var(--lx-line-strong) !important;
  border-radius: 13px !important;
  background: rgba(7, 9, 13, 0.82) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.46) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%);
  backdrop-filter: blur(22px) saturate(130%);
}

.levexes-surface .dm-decision-lens {
  padding: 16px;
}

.levexes-surface .dm-lens-live,
.levexes-surface .dm-ladder-head > strong {
  border-color: rgba(114, 227, 189, 0.24) !important;
  color: var(--lx-positive) !important;
  background: rgba(114, 227, 189, 0.08) !important;
}

.levexes-surface .dm-wall-range,
.levexes-surface .dm-lens-readout,
.levexes-surface .dm-lens-levels article,
.levexes-surface .dm-ladder-row,
.levexes-surface .dm-futures-book-card,
.levexes-surface .dm-fo-card,
.levexes-surface .dm-futures-tool {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(2, 4, 7, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.levexes-surface .dm-ladder-row,
.levexes-surface .dm-futures-book-card,
.levexes-surface .dm-fo-card,
.levexes-surface .dm-futures-tool {
  transition: border-color 200ms ease, background 220ms ease, transform 250ms var(--lx-ease);
}

.levexes-surface .dm-ladder-row:hover,
.levexes-surface .dm-futures-book-card:hover,
.levexes-surface .dm-fo-card:hover,
.levexes-surface .dm-futures-tool:hover {
  border-color: rgba(167, 234, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  transform: translateY(-2px);
}

.levexes-surface .dm-toolkit {
  margin-top: 10px;
  border-radius: var(--lx-radius-xl) !important;
  overflow: hidden;
}

.levexes-surface .dm-tool-panel,
.levexes-surface .dm-futures-book,
.levexes-surface .dm-fo-lab,
.levexes-surface .dm-futures-suite {
  background: rgba(2, 4, 7, 0.1) !important;
}

.levexes-surface .dm-futures-price-line strong,
.levexes-surface .dm-em-core strong,
.levexes-surface .dm-fo-pulse-card > strong {
  color: #ffffff;
  text-shadow: 0 0 24px rgba(167, 234, 255, 0.11);
}

.levexes-surface .dm-futures-range-line div,
.levexes-surface .dm-em-track,
.levexes-surface .dm-ladder-track {
  background: rgba(255, 255, 255, 0.075) !important;
}

/* Login ------------------------------------------------------------------- */

.levexes-login {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Inter", system-ui, sans-serif;
}

.levexes-login .dm-login-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
  gap: clamp(46px, 7vw, 120px);
  align-items: center;
  min-height: 100vh;
  padding: clamp(24px, 5vw, 72px);
}

.levexes-login .dm-login-shell::before,
.levexes-login .dm-login-shell::after {
  display: none;
}

.levexes-login .lx-login-story {
  width: 100%;
  min-width: 0;
  align-self: end;
  max-width: 760px;
  padding: 0 0 clamp(34px, 7vh, 92px) clamp(2px, 1vw, 16px);
  animation: lxPanelIn 760ms 80ms var(--lx-ease) both;
}

.levexes-login .lx-login-story > span,
.levexes-login .lx-login-story > small {
  color: rgba(235, 241, 247, 0.76);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.21em;
  text-transform: uppercase;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.82);
}

.levexes-login .lx-login-story h1 {
  margin: 18px 0 14px;
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(84px, 10vw, 172px);
  font-weight: 500;
  letter-spacing: 0.045em;
  line-height: 0.7;
  text-shadow: 0 18px 54px rgba(0, 0, 0, 0.58);
}

.levexes-login .lx-login-story p {
  width: 100%;
  max-width: 610px;
  margin: 26px 0 24px;
  color: #f5f7fa;
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.6;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.92);
  overflow-wrap: anywhere;
}

.levexes-login .dm-login-card {
  position: relative;
  width: min(100%, 430px);
  padding: clamp(25px, 4vw, 38px);
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(12, 14, 18, 0.64), rgba(4, 6, 9, 0.4)) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
  -webkit-backdrop-filter: blur(32px) saturate(130%);
  backdrop-filter: blur(32px) saturate(130%);
  animation: lxLoginCardIn 760ms 180ms var(--lx-ease) both;
}

.levexes-login .dm-login-card::before {
  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(202, 242, 255, 0.72), transparent);
}

.levexes-login .dm-login-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 34px;
}

.levexes-login .dm-login-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 17px;
}

.levexes-login .dm-login-brand strong {
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.levexes-login .dm-login-brand small {
  color: var(--lx-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.levexes-login .dm-login-copy h1 {
  margin: 8px 0 12px;
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(36px, 5vw, 52px);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.levexes-login .dm-login-copy p,
.levexes-login .dm-login-foot,
.levexes-login .dm-login-foot span {
  color: var(--lx-muted);
}

.levexes-login .dm-access-offer,
.levexes-login .dm-flash {
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

.levexes-login .dm-login-form input {
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 13px !important;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.28) !important;
  transition: border-color 180ms ease, box-shadow 220ms ease, background 220ms ease;
}

.levexes-login .dm-login-form input:focus {
  border-color: rgba(167, 234, 255, 0.52) !important;
  background: rgba(0, 0, 0, 0.38) !important;
  box-shadow: 0 0 0 4px rgba(85, 217, 255, 0.08) !important;
}

.levexes-login .dm-login-form .dm-primary-button {
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 13px !important;
  color: #071014 !important;
  background: linear-gradient(120deg, #ffffff, #b9eeff 58%, #c9c0ff) !important;
  box-shadow: 0 14px 34px rgba(85, 217, 255, 0.16) !important;
  transition: transform 240ms var(--lx-ease), box-shadow 240ms ease;
}

.levexes-login .dm-login-form .dm-primary-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(85, 217, 255, 0.24) !important;
}

/* Vex Flow ---------------------------------------------------------------- */

.page-dealer-gamma-flow .ambient,
.page-dealer-gamma-flow .noise-overlay,
.page-dealer-gamma-flow .site-index-tape,
.page-dealer-gamma-flow .dm-assistant {
  display: none !important;
}

.page-dealer-gamma-flow .dgf-shell {
  background: transparent !important;
}

.page-dealer-gamma-flow .dgf-shell::before {
  display: none !important;
}

.page-dealer-gamma-flow .dgf-rail,
.page-dealer-gamma-flow .dgf-topbar,
.page-dealer-gamma-flow .dgf-workspace-head,
.page-dealer-gamma-flow .dgf-intelligence,
.page-dealer-gamma-flow .dgf-summary,
.page-dealer-gamma-flow .dgf-chart-panel,
.page-dealer-gamma-flow .dgf-side,
.page-dealer-gamma-flow .dgf-data-table {
  border-color: var(--lx-line) !important;
  background: linear-gradient(145deg, rgba(13, 16, 21, 0.54), rgba(6, 8, 11, 0.34)) !important;
  box-shadow: var(--lx-shadow) !important;
  -webkit-backdrop-filter: var(--lx-blur);
  backdrop-filter: var(--lx-blur);
}

.page-dealer-gamma-flow .dgf-rail {
  top: 14px;
  height: calc(100vh - 28px);
  margin: 14px 0 14px 10px;
  border: 1px solid var(--lx-line);
  border-radius: 18px;
}

.page-dealer-gamma-flow .dgf-topbar {
  top: 12px;
  margin: 14px 18px 0;
  border: 1px solid var(--lx-line);
  border-radius: 22px;
}

.page-dealer-gamma-flow .dgf-main {
  min-width: 0;
}

.page-dealer-gamma-flow .dgf-workspace {
  padding: 14px 18px 50px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.78);
  min-width: 0;
}

.page-dealer-gamma-flow .dgf-workspace-head,
.page-dealer-gamma-flow .dgf-intelligence,
.page-dealer-gamma-flow .dgf-summary,
.page-dealer-gamma-flow .dgf-chart-panel,
.page-dealer-gamma-flow .dgf-side,
.page-dealer-gamma-flow .dgf-data-table {
  border-radius: 20px !important;
}

.page-dealer-gamma-flow .dgf-workspace-head {
  padding: 24px;
}

.page-dealer-gamma-flow .dgf-workspace-head h1,
.page-dealer-gamma-flow .dgf-brand strong {
  color: #ffffff;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.page-dealer-gamma-flow .dgf-workspace-head h1 {
  font-size: clamp(34px, 4vw, 56px);
}

.page-dealer-gamma-flow .dgf-levexes-mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 13px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.055);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 15px;
  font-weight: 600;
}

.page-dealer-gamma-flow .dgf-controls,
.page-dealer-gamma-flow .dgf-segmented,
.page-dealer-gamma-flow .dgf-window-tabs,
.page-dealer-gamma-flow .dgf-expiration-control select,
.page-dealer-gamma-flow .dgf-refresh,
.page-dealer-gamma-flow .dgf-view-tabs {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(1, 3, 6, 0.28) !important;
}

.page-dealer-gamma-flow .dgf-ticker-btn.is-active,
.page-dealer-gamma-flow .dgf-window-tabs button.is-active,
.page-dealer-gamma-flow .dgf-view-tabs button.is-active,
.page-dealer-gamma-flow .dgf-refresh {
  color: #071014 !important;
  background: linear-gradient(120deg, #ffffff, #a7eaff 62%, #c4b9ff) !important;
}

.page-dealer-gamma-flow .dgf-summary article,
.page-dealer-gamma-flow .dgf-thesis,
.page-dealer-gamma-flow .dgf-quality,
.page-dealer-gamma-flow .dgf-side-list > *,
.page-dealer-gamma-flow .dgf-method-note {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(2, 4, 7, 0.24) !important;
}

.page-dealer-gamma-flow .dgf-canvas-wrap {
  border-color: rgba(167, 234, 255, 0.14) !important;
  background: rgba(2, 4, 7, 0.22) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.page-dealer-gamma-flow .dgf-tooltip {
  border-color: var(--lx-line-strong) !important;
  background: rgba(7, 9, 13, 0.84) !important;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

/* Shared recovery / utility screens -------------------------------------- */

.page-login-cinematic .ambient,
.page-login-cinematic .noise-overlay,
.page-platform-utility .ambient,
.page-platform-utility .noise-overlay,
.page-dashboard-v5 .ambient,
.page-dashboard-v5 .noise-overlay,
.page-oi-open-interest-map .ambient,
.page-oi-open-interest-map .noise-overlay,
.page-oi-open-interest-map .site-index-tape {
  display: none !important;
}

.page-login-cinematic .login-cinematic-shell,
.page-platform-utility .site-shell,
.page-dashboard-v5 .site-shell {
  background: transparent !important;
}

.page-login-cinematic .login-cinematic-dock,
.page-login-cinematic .auth-surface,
.page-platform-utility .v5-pro-rail,
.page-platform-utility .utility-pro-main,
.page-dashboard-v5 .v5-pro-rail,
.page-dashboard-v5 .v5-pro-main {
  border-color: var(--lx-line) !important;
  background: rgba(7, 9, 13, 0.52) !important;
  -webkit-backdrop-filter: var(--lx-blur);
  backdrop-filter: var(--lx-blur);
}

/* Editorial transparency pass -------------------------------------------
   The image is the visual surface. Panels provide structure through fine
   rules and spacing, not opaque card fills or stacked blur. */

.levexes-surface .dm-simple-rail,
.levexes-surface .dm-simple-topbar,
.levexes-surface .dm-workspace-jump,
.levexes-surface .dm-simple-controls,
.levexes-surface .dm-command-summary,
.levexes-surface .dm-chart-panel,
.levexes-surface .dm-decision-lens,
.levexes-surface .dm-ladder-panel,
.levexes-surface .dm-intel-card,
.levexes-surface .dm-toolkit,
.page-dealer-gamma-flow .dgf-rail,
.page-dealer-gamma-flow .dgf-topbar,
.page-dealer-gamma-flow .dgf-workspace-head,
.page-dealer-gamma-flow .dgf-intelligence,
.page-dealer-gamma-flow .dgf-summary,
.page-dealer-gamma-flow .dgf-chart-panel,
.page-dealer-gamma-flow .dgf-side,
.page-dealer-gamma-flow .dgf-data-table,
.page-login-cinematic .login-cinematic-dock,
.page-login-cinematic .auth-surface,
.page-platform-utility .v5-pro-rail,
.page-platform-utility .utility-pro-main,
.page-dashboard-v5 .v5-pro-rail,
.page-dashboard-v5 .v5-pro-main {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.levexes-surface .dm-simple-topbar,
.levexes-surface .dm-workspace-jump,
.levexes-surface .dm-simple-controls,
.levexes-surface .dm-command-summary,
.levexes-surface .dm-chart-panel,
.levexes-surface .dm-decision-lens,
.levexes-surface .dm-ladder-panel,
.levexes-surface .dm-intel-card,
.levexes-surface .dm-toolkit,
.page-dealer-gamma-flow .dgf-topbar,
.page-dealer-gamma-flow .dgf-workspace-head,
.page-dealer-gamma-flow .dgf-intelligence,
.page-dealer-gamma-flow .dgf-summary,
.page-dealer-gamma-flow .dgf-chart-panel,
.page-dealer-gamma-flow .dgf-side,
.page-dealer-gamma-flow .dgf-data-table {
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-radius: 0 !important;
}

.levexes-surface .dm-simple-rail-mark,
.levexes-surface .dm-simple-logo,
.levexes-surface .dm-simple-topnav,
.levexes-surface .dm-simple-topnav a,
.levexes-surface .dm-workspace-jump a,
.levexes-surface .dm-simple-status,
.levexes-surface .dm-focus-button,
.levexes-surface .dm-logout-link,
.levexes-surface .dm-control input,
.levexes-surface .dm-control select,
.levexes-surface .dm-segmented,
.levexes-surface .dm-segmented button,
.levexes-surface .dm-ghost-button,
.levexes-surface .dm-primary-button,
.levexes-surface .dm-surface-view-tabs,
.levexes-surface .dm-surface-view-tabs button,
.levexes-surface .dm-toolkit-tabs,
.levexes-surface .dm-toolkit-tabs button,
.levexes-surface .dm-fo-product-tabs,
.levexes-surface .dm-fo-product-tabs button,
.levexes-surface .dm-fo-symbol-loader input,
.levexes-surface .dm-fo-symbol-loader button,
.page-dealer-gamma-flow .dgf-levexes-mark,
.page-dealer-gamma-flow .dgf-controls,
.page-dealer-gamma-flow .dgf-segmented,
.page-dealer-gamma-flow .dgf-segmented button,
.page-dealer-gamma-flow .dgf-window-tabs,
.page-dealer-gamma-flow .dgf-window-tabs button,
.page-dealer-gamma-flow .dgf-expiration-control select,
.page-dealer-gamma-flow .dgf-refresh,
.page-dealer-gamma-flow .dgf-view-tabs,
.page-dealer-gamma-flow .dgf-view-tabs button {
  background: transparent !important;
  box-shadow: none !important;
}

.levexes-surface .dm-simple-topnav a:hover,
.levexes-surface .dm-simple-topnav a:focus-visible,
.levexes-surface .dm-simple-topnav a.is-active,
.levexes-surface .dm-workspace-jump a:hover,
.levexes-surface .dm-workspace-jump a:focus-visible,
.levexes-surface .dm-workspace-jump a.is-active,
.levexes-surface .dm-simple-rail-btn:hover,
.levexes-surface .dm-simple-rail-btn:focus-visible,
.levexes-surface .dm-simple-rail-btn.is-active,
.levexes-surface .dm-segmented button.is-active,
.levexes-surface .dm-surface-view-tabs button.is-active,
.levexes-surface .dm-toolkit-tabs button.is-active,
.levexes-surface .dm-fo-product-tabs button.is-active,
.levexes-surface .dm-primary-button,
.page-dealer-gamma-flow .dgf-ticker-btn.is-active,
.page-dealer-gamma-flow .dgf-window-tabs button.is-active,
.page-dealer-gamma-flow .dgf-view-tabs button.is-active,
.page-dealer-gamma-flow .dgf-refresh {
  color: #ffffff !important;
  border-color: rgba(222, 243, 249, 0.42) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.levexes-surface .dm-control input,
.levexes-surface .dm-control select,
.levexes-surface .dm-ghost-button,
.levexes-surface .dm-primary-button,
.levexes-surface .dm-simple-status,
.levexes-surface .dm-focus-button,
.levexes-surface .dm-logout-link,
.page-dealer-gamma-flow .dgf-expiration-control select,
.page-dealer-gamma-flow .dgf-refresh {
  border-radius: 3px !important;
}

.levexes-surface .dm-summary-card,
.levexes-surface .dm-summary-card:hover,
.levexes-surface .dm-native-chart,
.levexes-surface .dm-small-native-chart,
.levexes-surface .dm-candle-chart,
.levexes-surface .dm-strike-heatmap,
.levexes-surface .dm-wall-range,
.levexes-surface .dm-lens-readout,
.levexes-surface .dm-lens-levels article,
.levexes-surface .dm-ladder-row,
.levexes-surface .dm-futures-book-card,
.levexes-surface .dm-fo-card,
.levexes-surface .dm-futures-tool,
.levexes-surface .dm-tool-panel,
.levexes-surface .dm-futures-book,
.levexes-surface .dm-fo-lab,
.levexes-surface .dm-futures-suite,
.page-dealer-gamma-flow .dgf-summary article,
.page-dealer-gamma-flow .dgf-thesis,
.page-dealer-gamma-flow .dgf-quality,
.page-dealer-gamma-flow .dgf-side-list > *,
.page-dealer-gamma-flow .dgf-method-note,
.page-dealer-gamma-flow .dgf-canvas-wrap {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.levexes-surface .dm-chart-backplate {
  fill: transparent !important;
}

.levexes-surface #simple-gex-chart .dm-chart-bar {
  transform-box: fill-box;
  animation: lxBarReveal 520ms var(--lx-ease) both !important;
  animation-delay: calc(var(--lx-bar-index, 0) * 12ms) !important;
}

.levexes-surface #simple-gex-chart .dm-chart-bar.is-positive {
  transform-origin: center bottom;
}

.levexes-surface #simple-gex-chart .dm-chart-bar.is-negative {
  transform-origin: center top;
}

.levexes-surface .dm-summary-card {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.levexes-surface .dm-summary-card:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.14) !important;
}

.levexes-surface .dm-ladder-row:hover,
.levexes-surface .dm-futures-book-card:hover,
.levexes-surface .dm-fo-card:hover,
.levexes-surface .dm-futures-tool:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

.levexes-surface .dm-chart-tooltip,
.page-dealer-gamma-flow .dgf-tooltip {
  background: rgba(3, 5, 7, 0.68) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

.levexes-login .dm-login-card {
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.levexes-login .dm-login-mark,
.levexes-login .dm-access-offer,
.levexes-login .dm-flash,
.levexes-login .dm-access-offer a,
.levexes-login .dm-login-form input,
.levexes-login .dm-login-form input:focus,
.levexes-login .dm-login-form .dm-primary-button,
.levexes-login .dm-login-form .dm-primary-button:hover {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.levexes-login .dm-access-offer,
.levexes-login .dm-flash,
.levexes-login .dm-access-offer a,
.levexes-login .dm-login-form input,
.levexes-login .dm-login-form .dm-primary-button {
  border-radius: 3px !important;
}

.levexes-login .dm-access-offer a {
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
}

.levexes-login .dm-login-card {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.78);
}

/* Linked secondary workspaces -------------------------------------------- */

.page-dealer-map-algo .dm-algo-react-hero,
.page-dealer-map-algo .dm-algo-react-metrics article,
.page-dealer-map-algo .dm-algo-react-controls,
.page-dealer-map-algo .dm-algo-view-tabs,
.page-dealer-map-algo .dm-algo-react-stage,
.page-dealer-map-algo .dm-algo-react-inspector,
.page-dealer-map-algo .dm-algo-zone-canvas,
.page-dealer-map-algo .dm-algo-table,
.page-dealer-map-algo .dm-algo-criteria-hero,
.page-dealer-map-algo .dm-algo-criteria-grid article,
.page-dealer-map-algo .dm-algo-replay-view,
.page-dealer-map-algo .dm-algo-compare-scoreboard article,
.page-dealer-map-algo .dm-algo-compare-panels article,
.page-dealer-map-algo .dm-algo-hero,
.page-dealer-map-algo .dm-algo-command,
.page-dealer-map-algo .dm-algo-target-section,
.page-dealer-map-algo .dm-algo-chart-panel,
.page-dealer-map-algo .dm-algo-explain-panel,
.page-dealer-map-algo .dm-algo-perfect-section,
.page-dealer-map-algo .dm-algo-detail-section,
.page-structure .dm-structure-hero,
.page-structure .dm-structure-command,
.page-structure .dm-structure-controls,
.page-structure .dm-structure-metric,
.page-structure .dm-structure-board,
.page-structure .dm-structure-side-card,
.page-structure .dm-structure-ladder,
.page-educational .platform-header.education-hero,
.page-educational .surface-guide-tabs,
.page-educational .chart-panel,
.page-educational .surface-guide-stat-grid > div,
.page-educational .surface-guide-signal-card,
.page-educational .surface-guide-matrix-card,
.page-educational .surface-guide-vanna-card,
.page-educational .surface-guide-algo-steps > div,
.page-educational .education-callout,
.page-educational .education-pressure-map,
.page-educational .education-method-list > div,
.page-api-keys .platform-header,
.page-api-keys .chart-panel.panel,
.page-api-keys .table-wrap,
.page-api-keys pre,
.page-api-keys .platform-pill-row,
.page-api-keys .platform-user,
.page-oi-open-interest-map .oi-map-shell,
.page-oi-open-interest-map .oi-map-controls,
.page-oi-open-interest-map .oi-map-card,
.page-oi-open-interest-map .oi-map-panel,
.page-oi-open-interest-map .oi-map-row-head {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.page-dealer-map-algo .dm-algo-react-main,
.page-structure .dm-structure-main,
.page-platform-utility .utility-pro-main,
.page-oi-open-interest-map .oi-map-shell {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.78);
}

.page-dealer-map-algo :is(button, input, select),
.page-structure :is(button, input, select),
.page-educational :is(button, input, select),
.page-api-keys :is(button, input, select),
.page-oi-open-interest-map :is(button, input, select, a.oi-back-link) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Motion and fallbacks ---------------------------------------------------- */

@keyframes lxBackgroundResolve {
  from { opacity: 0; transform: scale(1.055); }
  to { opacity: 1; transform: scale(1.025); }
}

@keyframes lxPanelIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes lxWordmarkIn {
  from { opacity: 0; letter-spacing: 0.2em; transform: translateY(16px); }
  to { opacity: 1; letter-spacing: 0.11em; transform: translateY(0); }
}

@keyframes lxLoginCardIn {
  from { opacity: 0; transform: translateY(22px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes lxBarReveal {
  from { opacity: 0; transform: scaleY(0.02); }
  to { opacity: 0.9; transform: scaleY(1); }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .levexes-surface .dm-simple-topbar,
  .levexes-surface .dm-workspace-jump,
  .levexes-surface .dm-simple-controls,
  .levexes-surface .dm-command-summary,
  .levexes-surface .dm-chart-panel,
  .levexes-surface .dm-decision-lens,
  .levexes-surface .dm-ladder-panel,
  .levexes-surface .dm-toolkit,
  .levexes-login .dm-login-card,
  .page-dealer-gamma-flow .dgf-chart-panel,
  .page-dealer-gamma-flow .dgf-side {
    background: transparent !important;
  }
}

@media (max-width: 980px) {
  .levexes-surface .dm-simple-main {
    padding-right: 12px;
  }

  .levexes-surface .dm-simple-topbar {
    top: 8px;
  }

  .levexes-login .dm-login-shell {
    grid-template-columns: 1fr;
    gap: 34px;
    align-content: start;
    padding: 46px clamp(22px, 6vw, 54px);
  }

  .levexes-login .lx-login-story {
    align-self: auto;
    padding: 26px 0 12px;
  }

  .levexes-login .dm-login-card {
    justify-self: end;
  }
}

@media (max-width: 720px) {
  .levexes-page::before,
  .page-dealer-gamma-flow::before,
  .page-login-cinematic::before,
  .page-dashboard-v5::before,
  .page-platform-utility::before,
  .page-oi-open-interest-map::before {
    background-position: 60% center;
  }

  .levexes-surface .dm-simple-shell {
    display: block;
  }

  .levexes-surface .dm-simple-rail {
    position: static;
    z-index: 90;
    flex-direction: row;
    width: auto;
    height: 58px;
    margin: 8px;
    padding: 8px;
    justify-content: center;
  }

  .levexes-surface .dm-simple-rail-gap {
    display: none;
  }

  .levexes-surface .dm-simple-main {
    padding: 0 8px 36px;
  }

  .levexes-surface .dm-simple-topbar,
  .levexes-surface .dm-workspace-jump,
  .levexes-surface .dm-simple-controls,
  .levexes-surface .dm-command-summary,
  .levexes-surface .dm-chart-panel,
  .levexes-surface .dm-decision-lens,
  .levexes-surface .dm-ladder-panel,
  .levexes-surface .dm-toolkit {
    border-radius: 16px !important;
  }

  .levexes-surface .dm-simple-brand strong {
    font-size: 19px;
  }

  .levexes-surface .lx-surface-hero {
    display: block;
    min-height: 0;
    padding: 28px 8px 22px;
  }

  .levexes-surface .lx-surface-hero h1 {
    margin-top: 10px;
    font-size: clamp(46px, 16vw, 70px);
    line-height: 0.84;
    white-space: normal !important;
  }

  .levexes-surface .lx-surface-hero h1 span {
    display: block;
  }

  .levexes-surface .dm-simple-controls {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .levexes-surface .dm-simple-controls > *,
  .levexes-surface .dm-segmented,
  .levexes-surface .dm-segmented button {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .levexes-surface .dm-segmented {
    grid-column: 1 / -1;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .levexes-surface .dm-segmented button {
    padding-inline: 4px !important;
    font-size: 9px !important;
    white-space: normal;
  }

  .levexes-surface .dm-primary-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .levexes-surface .lx-surface-hero-copy {
    max-width: calc(100vw - 46px);
    margin-top: 24px;
    padding-left: 14px;
  }

  .levexes-surface .lx-surface-hero-copy p {
    width: 100%;
    overflow-wrap: anywhere;
  }

  .levexes-login .dm-login-shell {
    gap: 28px;
    align-content: start;
    padding: 30px 18px 20px;
  }

  .levexes-login .lx-login-story {
    max-width: 100%;
    padding: 28px 0 6px;
  }

  .levexes-login .lx-login-story h1 {
    margin: 16px 0 18px;
    font-size: clamp(58px, 20vw, 82px);
    line-height: 0.78;
  }

  .levexes-login .lx-login-story p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.55;
  }

  .levexes-login .lx-login-story > span,
  .levexes-login .lx-login-story > small {
    font-size: 8px;
    letter-spacing: 0.15em;
  }

  .levexes-login .dm-login-card {
    justify-self: stretch;
    width: 100%;
    padding: 28px 0 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-left: 0 !important;
  }

  .page-dealer-gamma-flow {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip !important;
  }

  .page-dealer-gamma-flow .dgf-shell,
  .page-dealer-gamma-flow .dgf-main {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
  }

  .page-dealer-gamma-flow .dgf-workspace,
  .page-dealer-gamma-flow .dgf-topbar {
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
    box-sizing: border-box;
    margin-right: 8px;
    margin-left: 8px;
  }

  .page-dealer-gamma-flow .dgf-workspace-head {
    padding-right: 8px;
    padding-left: 8px;
  }

  .page-dealer-gamma-flow .dgf-thesis strong,
  .page-dealer-gamma-flow .dgf-thesis p {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .page-dealer-gamma-flow .dgf-controls,
  .page-dealer-gamma-flow .dgf-window-tabs,
  .page-dealer-gamma-flow .dgf-window-tabs button {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-dealer-gamma-flow .dgf-window-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-dealer-gamma-flow .dgf-window-tabs button {
    width: 100%;
    padding-inline: 3px !important;
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .levexes-page::before,
  .page-dealer-gamma-flow::before,
  .page-login-cinematic::before,
  .page-dashboard-v5::before,
  .page-platform-utility::before,
  .page-oi-open-interest-map::before,
  .levexes-surface .dm-simple-topbar,
  .levexes-surface .dm-workspace-jump,
  .levexes-surface .dm-simple-controls,
  .levexes-surface .dm-command-summary,
  .levexes-login .dm-login-card,
  .levexes-login .dm-login-shell::before {
    animation: none !important;
  }

  .levexes-surface #simple-gex-chart .dm-chart-bar {
    animation: none !important;
  }

  .levexes-surface *,
  .levexes-login *,
  .page-dealer-gamma-flow * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}