/* Waypoint responsive foundation -- one density resolver (wpResponsive.js).
 * Desktop-class: workstation family with a bounded token ramp.
 * Do not zoom a virtual canvas. Do not invent a second layout. */

:root {
  --desk-header-h: 56px;
  --ui-scale: 1;

  /* Layout tokens (desktop defaults) */
  --shell-max: 1680px;
  --shell-pad-x: 20px;
  --shell-pad-y: 16px;
  --shell-gap: 16px;
  --nav-rail-w: 80px;
  --panel-rail-w: minmax(260px, 0.9fr);
  --avatar-col-w: minmax(240px, 0.8fr);
  --workspace-col-w: minmax(360px, 1.5fr);
  --card-pad: 14px;
  --card-radius: 12px;
  --btn-h: 34px;
  --btn-h-sm: 28px;
  --icon-size: 28px;
  --type-root: 14px;
  --type-sm: 0.82rem;
  --type-xs: 0.72rem;
  --type-caption: 0.62rem;
  --msg-dock-inset: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --touch-min: 40px;

  /* Shared density aliases — overridden per data-wp-density, not by zoom/scale */
  --wp-header-height: var(--desk-header-h);
  --wp-sidebar-width: var(--nav-rail-w);
  --wp-font-xs: var(--type-caption);
  --wp-font-sm: var(--type-xs);
  --wp-font-md: var(--type-sm);
  --wp-font-lg: 1rem;
  --wp-icon-sm: 18px;
  --wp-icon-md: var(--icon-size);
  --wp-control-height: var(--btn-h);
  --wp-control-padding-x: 10px;
  --wp-panel-header-height: 34px;
  --wp-panel-padding: var(--card-pad);
  --wp-panel-gap: var(--shell-gap);
  --wp-card-padding: var(--card-pad);
}

html,
body {
  height: 100%;
}

html {
  font-size: var(--type-root);
}

body {
  font-size: 1rem;
  overflow-x: hidden;
}

/* ===== Display mode control ===== */
.display-mode-control {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  margin: 0 4px 0 0;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(201, 162, 39, 0.75);
}

.display-mode-control .display-mode-eyebrow {
  line-height: 1;
  padding-left: 2px;
}

.display-mode-control select {
  appearance: none;
  border: 1px solid rgba(201, 162, 39, 0.28);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.35);
  color: #e8d5a3;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: none;
  padding: 4px 22px 4px 8px;
  min-height: 28px;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #c5a059 50%),
    linear-gradient(135deg, #c5a059 50%, transparent 50%);
  background-position: calc(100% - 12px) 12px, calc(100% - 8px) 12px;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.display-mode-control select:focus {
  outline: 1px solid rgba(201, 162, 39, 0.45);
}

/* ===== Tier tokens =====
 * A >=1920 desktop/big — LOCKED visual reference (do not inflate)
 * B laptop 1280–1919 — modest readability (~5–12% vs old-too-small)
 * C tablet / D phone — structural + touch, not giant type
 */

/* A. Big / ultrawide — LOCKED */
html.ui-tier-big {
  --shell-max: 1920px;
  --shell-pad-x: 28px;
  --shell-pad-y: 18px;
  --shell-gap: 20px;
  --nav-rail-w: 84px;
  --type-root: 15px;
  --card-pad: 16px;
  --btn-h: 36px;
  --icon-size: 30px;
  --msg-dock-inset: 20px;
}

/* A. Standard desktop (>=1920 CSS px) — LOCKED */
html.ui-tier-desktop {
  --shell-max: 1680px;
  --shell-pad-x: 20px;
  --type-root: 14.5px;
}

/* B. Laptop — same type as locked desktop, compact spacing (no global enlargement) */
html.ui-tier-laptop {
  --shell-max: 100%;
  --shell-pad-x: 12px;
  --shell-pad-y: 10px;
  --shell-gap: 12px;
  --nav-rail-w: 68px;
  --type-root: 14.5px;
  --type-sm: 0.82rem;
  --type-xs: 0.72rem;
  --type-caption: 0.62rem;
  --card-pad: 11px;
  --btn-h: 32px;
  --btn-h-sm: 26px;
  --icon-size: 24px;
  --touch-min: 36px;
  --msg-dock-inset: 12px;
}

/* Compact profile layout spacing only — NEVER inflate type on desktop/big.
 * Do not override tier nav/card tokens (laptop/tablet/phone set those). */
html.ui-compact:not(.ui-tier-desktop):not(.ui-tier-big) {
  --shell-max: 100%;
}

/* C. Tablet — touch targets up, type restrained */
html.ui-tier-tablet {
  --shell-max: 100%;
  --shell-pad-x: 10px;
  --shell-pad-y: 8px;
  --shell-gap: 10px;
  --nav-rail-w: 60px;
  --type-root: 14.5px;
  --card-pad: 11px;
  --btn-h: 38px;
  --btn-h-sm: 32px;
  --icon-size: 24px;
  --touch-min: 44px;
  --msg-dock-inset: 12px;
}

/* D. Phone */
html.ui-tier-phone {
  --shell-max: 100%;
  --shell-pad-x: 8px;
  --shell-pad-y: 6px;
  --shell-gap: 8px;
  --nav-rail-w: 56px;
  --type-root: 14.5px;
  --card-pad: 10px;
  --btn-h: 40px;
  --btn-h-sm: 34px;
  --icon-size: 22px;
  --touch-min: 44px;
  --msg-dock-inset: 10px;
}

/*
 * HARD LOCK — large-monitor workstation only (density=workstation).
 * 1080p Auto is compact (same family, modest densify). This lock must not
 * fire just because CSS width is 1920 — that was the giant-laptop path.
 */
@media (min-width: 1920px) and (min-height: 1200px) {
  html[data-wp-density="workstation"].ui-tier-desktop,
  html[data-wp-density="workstation"]:not(.ui-tier-big):not(.ui-tier-laptop):not(.ui-tier-tablet):not(.ui-tier-phone) {
    --shell-max: 1680px;
    --shell-pad-x: 20px;
    --shell-pad-y: 16px;
    --shell-gap: 16px;
    --nav-rail-w: 80px;
    --type-root: 14.5px;
    --type-sm: 0.82rem;
    --type-xs: 0.72rem;
    --type-caption: 0.62rem;
    --card-pad: 14px;
    --btn-h: 34px;
    --btn-h-sm: 28px;
    --icon-size: 28px;
    --touch-min: 40px;
    --msg-dock-inset: 16px;
  }

  html[data-wp-density="workstation"].ui-tier-big {
    --shell-max: 1920px;
    --shell-pad-x: 28px;
    --shell-pad-y: 18px;
    --shell-gap: 20px;
    --nav-rail-w: 84px;
    --type-root: 15px;
    --card-pad: 16px;
    --btn-h: 36px;
    --icon-size: 30px;
    --msg-dock-inset: 20px;
  }

  /* Compact class must not shrink locked workstation chrome if it ever leaks */
  html[data-wp-density="workstation"].ui-compact .nav-rail-btn,
  html[data-wp-density="workstation"][data-ui-compact="1"] .nav-rail-btn {
    width: 56px;
    min-height: 56px;
    border-radius: 14px;
  }

  html[data-wp-density="workstation"].ui-compact .nav-rail-btn-labeled,
  html[data-wp-density="workstation"][data-ui-compact="1"] .nav-rail-btn-labeled {
    min-height: 62px;
    padding: 10px 6px 8px;
    gap: 4px;
  }

  html[data-wp-density="workstation"].ui-compact .nav-rail-enhanced .nav-rail-emblem,
  html[data-wp-density="workstation"][data-ui-compact="1"] .nav-rail-enhanced .nav-rail-emblem {
    --brand-emblem-size: 32px;
  }
}

/*
 * SCREEN Auto density — token overrides only. workstation is a no-op so the
 * large-monitor baseline (tier tokens above) stays pixel-identical.
 * native (phone / tablet / Fold / iPhone) is also a no-op.
 */
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) {
  --shell-max: 100%;
  --shell-pad-x: 8px;
  --shell-pad-y: 6px;
  --shell-gap: 6px;
  --nav-rail-w: 48px;
  --type-root: 11.5px;
  --type-sm: 0.78rem;
  --type-xs: 0.68rem;
  --type-caption: 0.58rem;
  --card-pad: 6px;
  --btn-h: 28px;
  --btn-h-sm: 24px;
  --icon-size: 18px;
  --touch-min: 28px;
  --desk-header-h: 42px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --wp-header-height: 42px;
  --wp-sidebar-width: 48px;
  --wp-control-height: 28px;
  --wp-control-padding-x: 7px;
  --wp-panel-header-height: 26px;
  --wp-panel-padding: 6px;
  --wp-card-padding: 6px;
  --wp-icon-sm: 14px;
  --wp-icon-md: 18px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) {
  --shell-max: 100%;
  --shell-pad-x: 6px;
  --shell-pad-y: 4px;
  --shell-gap: 4px;
  --nav-rail-w: 42px;
  --type-root: 11px;
  --type-sm: 0.76rem;
  --type-xs: 0.66rem;
  --type-caption: 0.56rem;
  --card-pad: 4px;
  --btn-h: 26px;
  --btn-h-sm: 22px;
  --icon-size: 17px;
  --touch-min: 26px;
  --desk-header-h: 40px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --wp-header-height: 40px;
  --wp-sidebar-width: 42px;
  --wp-control-height: 26px;
  --wp-control-padding-x: 6px;
  --wp-panel-header-height: 24px;
  --wp-panel-padding: 4px;
  --wp-card-padding: 4px;
  --wp-icon-sm: 13px;
  --wp-icon-md: 17px;
}

html[data-wp-density="extra"]:not([data-wp-zoom="1"]) {
  --shell-max: 100%;
  --shell-pad-x: 4px;
  --shell-pad-y: 3px;
  --shell-gap: 3px;
  --nav-rail-w: 38px;
  --type-root: 10px;
  --type-sm: 0.74rem;
  --type-xs: 0.64rem;
  --type-caption: 0.54rem;
  --card-pad: 3px;
  --btn-h: 24px;
  --btn-h-sm: 20px;
  --icon-size: 15px;
  --touch-min: 24px;
  --desk-header-h: 36px;
  --space-1: 2px;
  --space-2: 3px;
  --space-3: 4px;
  --space-4: 6px;
  --wp-header-height: 36px;
  --wp-sidebar-width: 38px;
  --wp-control-height: 24px;
  --wp-control-padding-x: 5px;
  --wp-panel-header-height: 22px;
  --wp-panel-padding: 3px;
  --wp-card-padding: 3px;
  --wp-icon-sm: 12px;
  --wp-icon-md: 15px;
}

/* ===== Terminal shell — compact/laptop/extra only. Workstation unchanged.
 * Header is a sibling ABOVE #commandDeck. The deck must fill remaining
 * viewport height, not another full 100dvh (that created page scroll).
 */
html[data-wp-density="compact"]:not([data-wp-zoom="1"]),
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]),
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) {
  height: 100%;
  overflow: hidden;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .desk-header,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-header,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-header {
  flex: 0 0 auto;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .command-deck-layout,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .command-deck-layout,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .command-deck-layout,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]).ui-compact body .command-deck-layout,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]).ui-compact body .command-deck-layout,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]).ui-compact body .command-deck-layout,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .command-deck-layout,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .command-deck-layout,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .command-deck-layout,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode .command-deck-layout,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode .command-deck-layout,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode .command-deck-layout {
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  grid-template-columns: var(--nav-rail-w) minmax(0, 1fr) !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .nav-rail,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden;
  overflow-y: auto;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .deck-persistent-shell,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .deck-persistent-shell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .deck-persistent-shell,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .deck-persistent-shell,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .deck-persistent-shell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]).ui-compact body.trade-log-mode .deck-persistent-shell,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode.ad-full-desk .deck-persistent-shell,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode.ad-full-desk .deck-persistent-shell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]).ui-compact body.analysis-mode.ad-full-desk .deck-persistent-shell {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  max-width: none !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .deck-workspace,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .deck-workspace,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .deck-workspace,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .deck-workspace > .deck-view:not([hidden]),
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .deck-workspace > .deck-view:not([hidden]),
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .deck-workspace > .deck-view:not([hidden]) {
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* ===== Shell uses tokens ===== */
.deck-persistent-shell {
  max-width: var(--shell-max);
  padding: var(--shell-pad-y) var(--shell-pad-x) calc(var(--shell-pad-y) + 8px);
  gap: var(--shell-gap);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

.command-deck-layout {
  grid-template-columns: var(--nav-rail-w) minmax(0, 1fr);
}

.desk-header {
  min-height: var(--desk-header-h);
  padding: 10px var(--shell-pad-x);
  min-width: 0;
  gap: var(--space-3, 12px);
}

.desk-header > .desk-brand {
  flex: 0 1 auto;
  min-width: 0;
}

.desk-header > .desk-header-meta {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-end;
  flex-shrink: 1;
  gap: var(--space-2, 8px);
}

.desk-header-meta > .desk-status-cluster {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.desk-header-meta .quote-strip,
.desk-header-meta .quote-strip-dual {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.desk-header-meta .btn-account,
.desk-header-meta .bloomberg-toggle,
.desk-header-meta .display-mode-control {
  flex: 0 0 auto;
}

.btn {
  min-height: var(--btn-h);
}

.btn-sm {
  min-height: var(--btn-h-sm);
}

.nav-rail-art,
.nav-rail-svg {
  width: var(--icon-size);
  height: var(--icon-size);
  min-width: var(--icon-size);
  min-height: var(--icon-size);
}

/* ===== Monitor / full desk ===== */
html.ui-full,
html[data-ui-compact="0"] {
  overflow: auto;
}

html.ui-full body.trade-log-mode .paper-table-compact .trade-table,
html[data-ui-compact="0"] body.trade-log-mode .paper-table-compact .trade-table,
html.ui-full body.trade-log-mode .paper-shared-open-panel .trade-table,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .trade-table {
  font-size: 0.9rem !important;
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}

html.ui-full body.trade-log-mode .paper-table-compact .trade-table th,
html.ui-full body.trade-log-mode .paper-table-compact .trade-table td,
html[data-ui-compact="0"] body.trade-log-mode .paper-table-compact .trade-table th,
html[data-ui-compact="0"] body.trade-log-mode .paper-table-compact .trade-table td,
html.ui-full body.trade-log-mode .paper-shared-open-panel .trade-table th,
html.ui-full body.trade-log-mode .paper-shared-open-panel .trade-table td,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .trade-table th,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .trade-table td {
  font-size: 0.88rem !important;
  padding: 9px 14px !important;
  white-space: nowrap;
  line-height: 1.35;
}

html.ui-full body.trade-log-mode .paper-shared-open-panel .eyebrow,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .eyebrow {
  font-size: 0.78rem !important;
  letter-spacing: 0.12em;
  margin-bottom: 8px !important;
}

html.ui-full body.trade-log-mode .paper-shared-open-panel .btn-sm,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .btn-sm {
  font-size: 0.8rem !important;
  padding: 5px 12px !important;
}

html.ui-full body.trade-log-mode .paper-open-side .trade-table-wrap,
html[data-ui-compact="0"] body.trade-log-mode .paper-open-side .trade-table-wrap,
html.ui-full body.trade-log-mode .paper-table-compact .trade-table-wrap,
html[data-ui-compact="0"] body.trade-log-mode .paper-table-compact .trade-table-wrap,
html.ui-full body.trade-log-mode .paper-shared-open-panel .trade-table-wrap,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel .trade-table-wrap,
html.ui-full body.trade-log-mode .paper-working-side .trade-table-wrap,
html[data-ui-compact="0"] body.trade-log-mode .paper-working-side .trade-table-wrap {
  min-height: 100px;
  max-height: none;
  overflow: auto;
}

html.ui-full body.trade-log-mode .paper-shared-open-panel,
html[data-ui-compact="0"] body.trade-log-mode .paper-shared-open-panel,
html.ui-full body.trade-log-mode .paper-working-side,
html[data-ui-compact="0"] body.trade-log-mode .paper-working-side {
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(32vh, 280px);
}

/* ===== Laptop / compact — fill height, readable type ===== */
html.ui-compact,
html[data-ui-compact="1"] {
  overflow: hidden;
}

html.ui-compact body,
html[data-ui-compact="1"] body {
  overflow: hidden;
  min-height: 100dvh;
  height: 100dvh;
  max-height: 100dvh;
}

html.ui-compact .desk-header,
html[data-ui-compact="1"] .desk-header {
  padding-top: 6px;
  padding-bottom: 6px;
}

html[data-wp-density="compact"] .desk-title,
html[data-wp-density="laptop"] .desk-title,
html[data-wp-density="extra"] .desk-title,
html.ui-compact .desk-title,
html[data-ui-compact="1"] .desk-title {
  font-size: 0.95rem;
}

html[data-wp-density="compact"] .desk-product-line,
html[data-wp-density="laptop"] .desk-product-line,
html[data-wp-density="extra"] .desk-product-line,
html.ui-compact .desk-product-line,
html[data-ui-compact="1"] .desk-product-line {
  font-size: 0.64rem;
}

html[data-wp-density="compact"] .desk-header .btn-sm,
html[data-wp-density="laptop"] .desk-header .btn-sm,
html[data-wp-density="extra"] .desk-header .btn-sm,
html.ui-compact .desk-header .btn-sm,
html[data-ui-compact="1"] .desk-header .btn-sm {
  font-size: 0.72rem;
  padding: 4px 9px;
}

html.ui-compact body.trade-log-mode .command-deck-layout,
html.ui-compact body.helm-mode .command-deck-layout,
html.ui-compact body.event-radar-mode .command-deck-layout,
html.ui-compact body.store-mode .command-deck-layout,
html.ui-compact body.training-portal-mode .command-deck-layout,
html.ui-compact body.competitive-intel-mode .command-deck-layout,
html.ui-compact body.development-mode .command-deck-layout,
html.ui-compact body.admin-hub-mode .command-deck-layout,
html.ui-compact body.social-mode .command-deck-layout {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  grid-template-columns: var(--nav-rail-w) minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
}

html.ui-compact body.trade-log-mode .deck-persistent-shell,
html.ui-compact body.helm-mode .deck-persistent-shell,
html.ui-compact body.event-radar-mode .deck-persistent-shell,
html.ui-compact body.store-mode .deck-persistent-shell,
html.ui-compact body.training-portal-mode .deck-persistent-shell,
html.ui-compact body.competitive-intel-mode .deck-persistent-shell,
html.ui-compact body.development-mode .deck-persistent-shell,
html.ui-compact body.admin-hub-mode .deck-persistent-shell {
  height: calc(100dvh - var(--desk-header-h, 56px)) !important;
  max-height: calc(100dvh - var(--desk-header-h, 56px)) !important;
  padding: var(--shell-pad-y) var(--shell-pad-x) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html.ui-compact body.social-mode .deck-persistent-shell {
  height: calc(100dvh - var(--desk-header-h, 56px)) !important;
  max-height: calc(100dvh - var(--desk-header-h, 56px)) !important;
  padding: 0 !important;
  max-width: none !important;
}

html.ui-compact body.event-radar-mode .deck-persistent-shell {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
}

html.ui-compact body.event-radar-mode .panel-avatar,
html.ui-compact body.event-radar-mode #instrumentRail,
html.ui-compact body.event-radar-mode .deck-bottom {
  display: none !important;
}

html.ui-compact body.event-radar-mode .deck-workspace,
html.ui-compact body.admin-hub-mode .deck-workspace {
  grid-column: 1 !important;
  grid-row: 1 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
}

html.ui-compact body.trade-log-mode .nav-rail,
html[data-ui-compact="1"] body.trade-log-mode .nav-rail {
  display: flex !important;
  min-height: 0;
  height: 100%;
  max-height: calc(100dvh - var(--desk-header-h, 56px));
  padding: 8px 4px;
  gap: 6px;
  overflow-y: auto;
  overflow-x: hidden;
}

html.ui-compact .nav-rail-btn,
html[data-ui-compact="1"] .nav-rail-btn {
  width: 52px;
  min-height: var(--touch-min);
  border-radius: 10px;
}

html.ui-compact .nav-rail-btn-labeled,
html[data-ui-compact="1"] .nav-rail-btn-labeled {
  min-height: 48px;
  padding: 5px 3px;
  gap: 3px;
}

html.ui-compact .nav-rail-caption,
html[data-ui-compact="1"] .nav-rail-caption {
  font-size: 0.58rem;
  letter-spacing: 0.06em;
}

html.ui-compact .nav-rail-enhanced .nav-rail-emblem,
html[data-ui-compact="1"] .nav-rail-enhanced .nav-rail-emblem {
  --brand-emblem-size: 28px;
}

/* Trading Hub scroll — one intentional shell scroll */
html.ui-compact body.trade-log-mode .deck-workspace,
html.ui-compact body.trade-log-mode .deck-workspace > .deck-view:not([hidden]) {
  overflow: hidden !important;
  min-height: 0 !important;
  height: 100% !important;
}

html.ui-compact body.trade-log-mode .trade-hub-shell {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

html.ui-compact body.trade-log-mode .trade-hub-command-bar {
  padding: 4px 8px !important;
  margin-bottom: 2px !important;
  gap: 8px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

html.ui-compact body.trade-log-mode .trade-hub-command-title {
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
}

html.ui-compact body.trade-log-mode .trade-hub-tab {
  font-size: 0.64rem !important;
  padding: 2px 7px !important;
  min-height: 0 !important;
  border-radius: 6px !important;
}

html.ui-compact body.trade-log-mode .paper-horizon-tab {
  padding: 3px 8px !important;
  font-size: 0.64rem !important;
  min-height: 0 !important;
  border-radius: 6px 6px 0 0 !important;
}

html.ui-compact body.trade-log-mode .options-chain-table,
html.ui-compact body.trade-log-mode .options-chain-pro,
html.ui-compact body.trade-log-mode .trade-table {
  font-size: 0.86rem !important;
}

html.ui-compact body.trade-log-mode .trade-table th,
html.ui-compact body.trade-log-mode .trade-table td {
  padding: 7px 8px !important;
}

html.ui-compact .panel {
  padding: var(--card-pad);
}

@media (max-width: 1919px) {
  html.ui-compact.ui-tier-desktop .panel-title,
  html.ui-compact.ui-tier-laptop .panel-title {
    font-size: 0.92rem;
  }

  html.ui-compact.ui-tier-desktop .eyebrow,
  html.ui-compact.ui-tier-laptop .eyebrow {
    font-size: var(--type-caption);
  }

  html.ui-compact.ui-tier-desktop .btn,
  html.ui-compact.ui-tier-laptop .btn {
    font-size: 0.8rem;
  }

  html.ui-compact.ui-tier-desktop .btn-sm,
  html.ui-compact.ui-tier-laptop .btn-sm {
    font-size: 0.74rem;
    padding: 4px 9px;
  }
}

html.ui-compact.ui-tier-desktop body:not(.helm-mode):not(.trade-log-mode):not(.store-mode):not(.training-portal-mode):not(.competitive-intel-mode):not(.development-mode):not(.admin-hub-mode):not(.event-radar-mode):not(.social-mode) .command-deck-layout,
html.ui-compact.ui-tier-laptop body:not(.helm-mode):not(.trade-log-mode):not(.store-mode):not(.training-portal-mode):not(.competitive-intel-mode):not(.development-mode):not(.admin-hub-mode):not(.event-radar-mode):not(.social-mode) .command-deck-layout {
  min-height: 0;
  height: calc(100dvh - var(--desk-header-h, 56px));
  max-height: calc(100dvh - var(--desk-header-h, 56px));
  overflow: hidden;
  grid-template-columns: var(--nav-rail-w) 1fr;
}

html.ui-compact.ui-tier-desktop body:not(.helm-mode):not(.trade-log-mode):not(.store-mode):not(.training-portal-mode):not(.competitive-intel-mode):not(.development-mode):not(.admin-hub-mode):not(.event-radar-mode):not(.social-mode) .deck-persistent-shell,
html.ui-compact.ui-tier-laptop body:not(.helm-mode):not(.trade-log-mode):not(.store-mode):not(.training-portal-mode):not(.competitive-intel-mode):not(.development-mode):not(.admin-hub-mode):not(.event-radar-mode):not(.social-mode) .deck-persistent-shell {
  display: grid !important;
  grid-template-columns: minmax(160px, 0.75fr) minmax(240px, 1.4fr) minmax(180px, 0.9fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: var(--shell-pad-y) var(--shell-pad-x) !important;
  gap: var(--shell-gap) !important;
  overflow: hidden !important;
}

html.ui-compact.ui-tier-desktop body.development-mode .development-view,
html.ui-compact.ui-tier-desktop body.competitive-intel-mode .competitive-intel-view,
html.ui-compact.ui-tier-laptop body.development-mode .development-view,
html.ui-compact.ui-tier-laptop body.competitive-intel-mode .competitive-intel-view {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* ===== Big monitor shell ===== */
html.ui-tier-big .deck-persistent-shell {
  max-width: var(--shell-max);
}

html.ui-tier-big body.trade-log-mode .deck-persistent-shell,
html.ui-tier-big body.helm-mode .deck-persistent-shell,
html.ui-tier-big body.social-mode .deck-persistent-shell,
html.ui-tier-big body.event-radar-mode .deck-persistent-shell {
  max-width: none !important;
}

/* ===== Tablet ===== */
html.ui-tier-tablet .command-deck-layout {
  grid-template-columns: var(--nav-rail-w) minmax(0, 1fr);
}

html.ui-tier-tablet .nav-rail {
  padding: 8px 4px;
  gap: 4px;
}

html.ui-tier-tablet .nav-rail-btn {
  width: 52px;
  min-height: var(--touch-min);
}

html.ui-tier-tablet .nav-rail-caption {
  font-size: 0.55rem;
}

html.ui-tier-tablet body:not(.trade-log-mode):not(.helm-mode):not(.social-mode):not(.event-radar-mode):not(.store-mode):not(.training-portal-mode):not(.competitive-intel-mode):not(.development-mode):not(.admin-hub-mode) .deck-persistent-shell {
  grid-template-columns: minmax(0, 1fr) minmax(200px, 0.7fr) !important;
}

html.ui-tier-tablet #instrumentRail {
  display: none !important;
}

html.ui-tier-tablet .btn,
html.ui-tier-tablet .nav-rail-btn,
html.ui-tier-tablet .ws-nav-btn,
html.ui-tier-tablet .ws-chrome-btn {
  min-height: var(--touch-min);
}

/* ===== Phone ===== */
html.ui-tier-phone .command-deck-layout {
  grid-template-columns: 1fr;
}

html.ui-tier-phone .nav-rail {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 0;
  height: auto;
  width: 100%;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
  gap: 4px;
  border-right: 0;
  border-top: 1px solid rgba(201, 162, 39, 0.18);
  background: rgba(8, 18, 28, 0.98);
}

html.ui-tier-phone .nav-rail-brand {
  display: none;
}

html.ui-tier-phone .nav-rail-btn {
  width: auto;
  flex: 0 0 auto;
  min-width: 56px;
  min-height: 48px;
}

html.ui-tier-phone .deck-persistent-shell {
  grid-template-columns: 1fr !important;
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  max-width: 100%;
}

html.ui-tier-phone #instrumentRail,
html.ui-tier-phone .panel-avatar {
  display: none !important;
}

html.ui-tier-phone body {
  overflow-x: hidden;
}

/* ===== Shared breakpoints (preference-agnostic) ===== */
@media (max-width: 1200px) {
  .desk-header {
    flex-wrap: wrap;
    gap: 6px;
  }

  #liveQuoteStrip {
    flex-wrap: wrap;
    max-width: 100%;
  }
}

@media (max-width: 1100px) {
  html.ui-compact body.trade-log-mode .mc-row-ticket-pos,
  html.ui-compact body.trade-log-mode .mc-row-top {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  .deck-persistent-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .desk-product {
    display: none;
  }
}

/* ===== Laptop 1280–1919 — compact professional chrome (does not apply >=1920) ===== */
@media (max-width: 1919px) and (min-width: 1280px) {
  html.ui-compact .nav-rail-btn,
  html[data-ui-compact="1"] .nav-rail-btn,
  .nav-rail-btn {
    width: 48px;
    min-height: 42px;
    border-radius: 10px;
  }

  .nav-rail-btn-labeled {
    min-height: 46px;
    padding: 5px 3px 4px;
    gap: 3px;
  }

  .nav-rail-btn-pirate {
    width: 48px;
    min-height: 50px;
    padding: 6px 3px 5px;
  }

  .nav-rail-pete-art,
  .nav-rail-pete-photo,
  .nav-rail-pirate-svg,
  .nav-rail-social-art {
    width: 28px;
    height: 28px;
  }

  .desk-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .btn {
    font-size: 0.8rem;
  }

  .btn-sm {
    font-size: 0.74rem;
    padding: 3px 8px;
  }

  .panel {
    padding: var(--card-pad);
  }
}

/* ===== Tablet 768–1279 — structure, not shrunk-desktop ===== */
@media (max-width: 1279px) and (min-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }

  .command-deck-layout {
    grid-template-columns: var(--nav-rail-w) minmax(0, 1fr);
    min-width: 0;
  }

  .deck-persistent-shell {
    min-width: 0;
    max-width: 100%;
  }

  .nav-rail-btn {
    width: 48px;
    min-height: 44px;
  }

  .nav-rail-btn-labeled {
    min-height: 48px;
    padding: 6px 3px 5px;
  }

  .nav-rail-caption {
    font-size: 0.52rem;
  }

  #instrumentRail {
    display: none !important;
  }
}

/* Kill leftover zoom artifacts if any old script set them */
html.ui-zoom {
  zoom: 1 !important;
}

/*
 * Auto density packing — Hub + Analysis + header chrome.
 * workstation / native are excluded. No zoom. No absolute header hacks.
 */
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .desk-header,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-header,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-header {
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: var(--desk-header-h);
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-header,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-header {
  gap: 4px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-header > .desk-header-meta,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-header > .desk-header-meta {
  gap: 3px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .brand-lockup--header .brand-emblem,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .brand-lockup--header .brand-emblem {
  --brand-emblem-size: 20px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .brand-lockup--header .brand-name,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .brand-lockup--header .brand-name {
  font-size: 0.72rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-title {
  font-size: 0.7rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-product-line,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-product-line {
  font-size: 0.46rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .quote-strip-compact,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .quote-strip-compact {
  padding: 1px 6px;
  gap: 3px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .quote-strip-compact .quote-label,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .quote-strip-compact .quote-label {
  font-size: 9px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .quote-strip-compact .quote-price,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .quote-strip-compact .quote-price {
  font-size: 10px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .execution-journal-open-icon,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .execution-journal-open-icon {
  width: 18px;
  height: 18px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon {
  width: 22px;
  height: 22px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon .pete-brain-icon,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon .pete-brain-icon {
  width: 20px;
  height: 20px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .btn-account.btn-account-portrait {
  min-height: 34px;
  min-width: 28px;
  padding: 0 2px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .account-btn-emblem.account-btn-portrait {
  width: 24px;
  height: 32px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon {
  width: 28px;
  height: 28px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .pete-brainscan-toggle-icon .pete-brain-icon {
  width: 26px;
  height: 26px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .btn-account.btn-account-portrait,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .btn-account.btn-account-portrait {
  min-height: 32px;
  min-width: 26px;
  padding: 0 1px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .account-btn-emblem.account-btn-portrait,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .account-btn-emblem.account-btn-portrait {
  width: 22px;
  height: 30px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .desk-header .btn-sm,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .desk-header .btn-sm,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .display-mode-control select,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .display-mode-control select {
  min-height: 26px;
  padding: 1px 6px;
  font-size: 0.62rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .display-mode-control,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .display-mode-control {
  margin: 0;
  gap: 0;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .nav-rail,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail {
  gap: 1px;
  padding: 4px 2px 6px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .nav-rail-btn,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail-btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail-btn {
  width: 36px;
  min-height: 28px;
  border-radius: 8px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail-btn-labeled,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail-btn-labeled {
  min-height: 32px;
  padding: 2px 1px 2px;
  gap: 1px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail-caption,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail-caption {
  font-size: 8px;
  letter-spacing: 0.02em;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .nav-rail-enhanced .nav-rail-emblem,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .nav-rail-enhanced .nav-rail-emblem {
  --brand-emblem-size: 18px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .panel,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .panel,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .panel {
  padding: var(--wp-card-padding);
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .panel-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .panel-title {
  font-size: 0.88rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win-title,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .th-win-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .th-win-title {
  min-height: var(--wp-panel-header-height);
  padding: 3px 8px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .ad-win,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win {
  min-width: 112px;
  min-height: 80px;
}

html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win {
  min-width: 100px;
  min-height: 72px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .th-win,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .th-win {
  min-width: 128px;
  min-height: 96px;
}

html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .th-win {
  min-width: 112px;
  min-height: 84px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .pete-mini-brainscan,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .pete-mini-brainscan,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .pete-mini-brainscan {
  min-width: 0;
  min-height: 0;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .pete-mini-brainscan-frame,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .pete-mini-brainscan-frame {
  min-width: 140px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .command-deck-layout,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .command-deck-layout,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .command-deck-layout {
  overflow: hidden;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-shell,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-shell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-shell {
  overflow: hidden !important;
  gap: 2px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-event-guard-banner,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-event-guard-banner,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-event-guard-banner {
  padding: 1px 8px !important;
  margin: 0 !important;
  font-size: 0.56rem !important;
  line-height: 1.2 !important;
  border-radius: 4px !important;
  min-height: 0 !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-bar,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-bar,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  align-content: center !important;
  height: fit-content !important;
  max-height: none !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  padding: 2px 6px !important;
  margin: 0 !important;
  gap: 8px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 6px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand .eyebrow,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand .eyebrow,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-brand .eyebrow {
  display: none !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-title,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-title {
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-actions,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-actions,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-command-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  gap: 4px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mc-btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mc-btn,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-main-journal-btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-main-journal-btn,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mc-btn {
  flex: 0 0 auto !important;
  min-height: 22px !important;
  padding: 1px 6px !important;
  font-size: 0.52rem !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tabs-stacked,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tabs-stacked,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tabs-stacked {
  display: flex !important;
  width: auto !important;
  gap: 4px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zones,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zones,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zones {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  gap: 6px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone {
  flex: 1 1 0 !important;
  padding: 1px 6px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-zone-stats,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-zone-stats,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-zone-stats {
  flex-wrap: nowrap !important;
  gap: 2px 8px !important;
  font-size: 0.62rem !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-cmd-stat-hero strong,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-cmd-stat-hero strong,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-cmd-stat-hero strong {
  font-size: 0.68rem !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-platform-ticker-stat strong,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-platform-ticker-stat strong,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-platform-ticker-stat strong {
  font-size: 0.7rem !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone-label,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone-label,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-mission-zone-label {
  margin: 0 4px 0 0 !important;
  display: inline !important;
  font-size: 0.5rem !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tab,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tab,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-hub-tab {
  font-size: 0.58rem !important;
  padding: 2px 6px !important;
  min-height: 22px !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-tab,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-tab,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-tab {
  padding: 1px 8px !important;
  font-size: 0.56rem !important;
  min-height: 18px !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  line-height: 1.15 !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder-banner,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder-banner {
  padding: 2px 8px !important;
  font-size: 0.62rem !important;
  margin: 0 !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder {
  overflow: hidden !important;
  padding: 4px 6px 6px !important;
  gap: 4px !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]),
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]),
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]) {
  min-height: 0 !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active #paperFuturesPanel,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active #paperFuturesPanel,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active #paperFuturesPanel {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder-wrap,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder-wrap,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-horizon-folder-wrap {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .paper-platform-tabs,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .paper-platform-tabs {
  gap: 4px;
  padding: 2px;
  margin: 0;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .paper-platform-tab-cell,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .paper-platform-tab-cell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .paper-platform-tab-cell {
  flex-direction: row !important;
  align-items: center !important;
  padding: 1px 8px !important;
  gap: 8px !important;
  min-height: 0 !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .paper-platform-tab-title,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .paper-platform-tab-title {
  font-size: 0.62rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .paper-platform-tab-meta,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .paper-platform-tab-meta {
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  gap: 6px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-ticker-journal-btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-ticker-journal-btn,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-ticker-reset-btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .paper-ticker-reset-btn {
  min-height: 22px;
  padding: 1px 6px;
  font-size: 0.56rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .hub-venue-cards .helm-broker-card,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .hub-venue-cards .helm-broker-card {
  padding: 3px 6px;
  gap: 3px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .hub-venue-cards h3,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .hub-venue-cards h3 {
  font-size: 0.64rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .helm-paper-stats strong,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .helm-paper-stats strong {
  font-size: 0.72rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .btn,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.analysis-mode .btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.analysis-mode .btn {
  min-height: var(--btn-h);
  padding: 2px 8px;
  font-size: 0.68rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .btn-sm,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .btn-sm,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.analysis-mode .btn-sm,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.analysis-mode .btn-sm {
  min-height: var(--btn-h-sm);
  padding: 1px 6px;
  font-size: 0.62rem;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table {
  font-size: 0.68rem !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table th,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table td,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table th,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .trade-table td {
  padding: 2px 4px !important;
  line-height: 1.2;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]),
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]),
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode #paperFuturesPanel:not([hidden]) {
  grid-template-rows: minmax(0, auto) minmax(0, 1fr) minmax(0, 1fr);
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active #paperPlatformWindow,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active #paperPlatformWindow,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active #paperPlatformWindow {
  flex: 0 0 auto;
  margin-bottom: 2px;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-toolbar,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-toolbar,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-toolbar {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  padding: 1px 6px !important;
  margin: 0 0 2px !important;
  gap: 4px 8px !important;
  min-height: 0 !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-hint,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-hint,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-hint {
  font-size: 0.52rem !important;
  line-height: 1.15 !important;
  flex: 1 1 auto !important;
  flex-basis: auto !important;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-status,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-status,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-status {
  flex: 0 1 auto !important;
  flex-basis: auto !important;
  font-size: 0.52rem;
  white-space: nowrap;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-canvas,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-canvas,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-active .th-layout-canvas {
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace.ad-layout-absorbed,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace.ad-layout-absorbed,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .deck-workspace.ad-layout-absorbed {
  display: flex !important;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.trade-log-mode .ad-desk-host,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.trade-log-mode .ad-desk-host,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.trade-log-mode .ad-desk-host {
  display: none !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.th-layout-options .options-chain-deck,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.th-layout-options .options-chain-deck,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.th-layout-options .options-chain-deck {
  max-height: none !important;
  min-height: 0 !important;
  height: 100%;
  flex: 1 1 auto;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .th-win-body,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .th-win-body,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) .th-win-body,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .panel,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .panel {
  overflow: auto;
  min-height: 0;
}

html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .ad-desk-host,
html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .ad-desk-host,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .ad-desk-host {
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .deck-persistent-shell,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .deck-persistent-shell,
html[data-wp-density="compact"]:not([data-wp-zoom="1"]) body.analysis-mode.ad-full-desk .deck-persistent-shell {
  padding: 4px 6px 6px !important;
  overflow: hidden !important;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar {
  display: grid;
  grid-template-columns: minmax(120px, 0.85fr) minmax(0, 1.7fr);
  align-items: start;
  gap: 6px 8px;
  margin-bottom: 6px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-source-header,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-source-header {
  flex: 0 1 auto;
  min-width: 0;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-right,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-right {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-start;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-share-stack,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-share-stack {
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 0;
  gap: 4px;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-actions.button-row,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar-actions.button-row {
  flex: 1 1 100%;
  margin: 0;
  gap: 4px;
  justify-content: flex-start;
}

html[data-wp-density="laptop"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar .btn,
html[data-wp-density="extra"]:not([data-wp-zoom="1"]) .ad-win .chart-toolbar .btn {
  min-height: 26px;
  padding: 3px 8px;
  font-size: 0.68rem;
  white-space: nowrap;
}

/* Legacy wrapper (if present) must not create a second layout box. */
.wp-terminal-viewport {
  display: contents;
}

/* Founder desktop views own their scroll surface. This prevents fixed-height
   density rules and the legacy live strip from covering Mission Control. */
@media (min-width: 900px) {
  body.helm-mode .deck-workspace > #viewHelm:not([hidden]),
  body.trade-log-mode .deck-workspace > #viewTradeLog:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
  }

  body.trade-log-mode #viewTradeLog.trade-hub-shell {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.trade-log-mode #viewTradeLog .paper-horizon-folder-wrap,
  body.trade-log-mode #viewTradeLog .paper-horizon-folder {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.helm-mode .founder-live-strip,
  body.trade-log-mode .founder-live-strip,
  body.waypoint-charts-open .founder-live-strip {
    display: none !important;
  }
}