/*
 * Ordered Focus Workbench
 *
 * Visual source of truth: ordered-focus-workbench.html.
 * Structure: top product chrome + left context navigator + one progressive
 * canvas. All selectors are scoped by html.focus-workbench, which is enabled
 * by default and may be disabled only through the explicit diagnostic opt-out.
 */

html.focus-workbench {
  color-scheme: dark;
  --ofw-bg: #080c10;
  --ofw-surface: #0e151c;
  --ofw-surface-2: #131c25;
  --ofw-surface-3: #192430;
  --ofw-border: #2e3b49;
  --ofw-border-soft: #23303c;
  --ofw-primary: #f3f7f8;
  --ofw-secondary: #c5d0d4;
  --ofw-tertiary: #96a7ae;
  --ofw-accent: #bff06d;
  --ofw-blue: #72b2ff;
  --ofw-cyan: #70dcd7;
  --ofw-amber: #f2c172;
  --ofw-red: #ff909b;
  --ofw-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ofw-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bg: var(--ofw-bg);
  --panel: var(--ofw-surface);
  --panel2: #0a1118;
  --panel3: var(--ofw-surface-2);
  --line: var(--ofw-border);
  --line-soft: var(--ofw-border-soft);
  --text: var(--ofw-primary);
  --text2: var(--ofw-secondary);
  --muted: var(--ofw-tertiary);
  --faint: #798b92;
  --amber: var(--ofw-blue);
  --yes: var(--ofw-accent);
  --no: var(--ofw-red);
  --r: 0;
  --r-sm: 0;
  background: var(--ofw-bg) !important;
}

html.focus-workbench,
html.focus-workbench body,
html.focus-workbench * {
  box-sizing: border-box !important;
}

html.focus-workbench body {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 0 48px !important;
  overflow-x: hidden !important;
  color: var(--ofw-primary) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px) 0 0 / 96px 100%,
    var(--ofw-bg) !important;
  font-family: var(--ofw-sans) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html.focus-workbench ::selection {
  color: #08100c !important;
  background: var(--ofw-accent) !important;
}

html.focus-workbench * {
  scrollbar-width: thin !important;
  scrollbar-color: #42505e #0a1016 !important;
}

html.focus-workbench a {
  color: var(--ofw-blue) !important;
}

html.focus-workbench .view {
  width: min(100%, 1920px) !important;
  min-height: calc(100vh - 48px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html.focus-workbench :is(#browserView, #detailView, #userView, #scopeView, #membershipView)[hidden] {
  display: none !important;
}

html.focus-workbench button,
html.focus-workbench input,
html.focus-workbench select,
html.focus-workbench textarea {
  border-radius: 0 !important;
  font: inherit !important;
  box-shadow: none !important;
}

html.focus-workbench button {
  min-height: 30px !important;
  padding: 5px 9px !important;
  border: 1px solid var(--ofw-border) !important;
  color: var(--ofw-secondary) !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html.focus-workbench button:hover {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench button.active,
html.focus-workbench button[aria-pressed="true"] {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
  box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
}

html.focus-workbench button.primary {
  border-color: #597840 !important;
  color: #10160a !important;
  background: var(--ofw-accent) !important;
  font-weight: 650 !important;
}

html.focus-workbench input[type="text"],
html.focus-workbench input[type="number"],
html.focus-workbench select,
html.focus-workbench textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 9px !important;
  border: 1px solid var(--ofw-border) !important;
  color: var(--ofw-primary) !important;
  background: #0a1118 !important;
  font-size: 11px !important;
}

html.focus-workbench textarea {
  min-height: 96px !important;
  padding-top: 8px !important;
}

html.focus-workbench input::placeholder,
html.focus-workbench textarea::placeholder {
  color: #84959c !important;
  opacity: 1 !important;
}

html.focus-workbench :is(button, input, select, textarea, a):focus-visible {
  outline: 2px solid var(--ofw-blue) !important;
  outline-offset: 1px !important;
}

html.focus-workbench .panel {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface) !important;
  box-shadow: none !important;
}

html.focus-workbench .panel h2 {
  margin: 0 0 9px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  color: var(--ofw-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html.focus-workbench .panel h2::before {
  display: none !important;
}

html.focus-workbench :is(.status, .legend, .freshness, .okitem) {
  color: var(--ofw-tertiary) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

html.focus-workbench .status.ok {
  color: var(--ofw-accent) !important;
}

html.focus-workbench :is(.status.err, .freshness.stale) {
  color: var(--ofw-red) !important;
}

/* Approved top product chrome. */
html.focus-workbench .app-switch.ofw-chrome {
  position: sticky !important;
  inset: auto !important;
  top: 0 !important;
  z-index: 180 !important;
  display: grid !important;
  grid-template-columns: 210px minmax(420px, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  gap: 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: rgba(9, 14, 19, .98) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

html.focus-workbench .ofw-brand-zone {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  gap: 10px !important;
  border: 0 !important;
}

html.focus-workbench .studio-wordmark {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-width: 0 !important;
}

html.focus-workbench .aestus-wordmark-picture {
  display: block !important;
  flex: 0 0 150px !important;
  width: 150px !important;
  height: 40px !important;
}

html.focus-workbench .aestus-wordmark-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html.focus-workbench .studio-wordmark > span {
  display: none !important;
}

html.focus-workbench .aestus-header-feedback {
  padding: 3px 6px !important;
  border: 1px solid var(--ofw-border) !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  letter-spacing: .05em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html.focus-workbench .ofw-primary-nav {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 48px !important;
  gap: 24px !important;
}

html.focus-workbench .app-switch .ofw-primary-nav button,
html.focus-workbench .app-switch .membership-nav-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 72px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 4px !important;
  border: 0 !important;
  color: var(--ofw-tertiary) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html.focus-workbench .app-switch .ofw-primary-nav button::after {
  content: "" !important;
  position: absolute !important;
  right: 3px !important;
  bottom: 0 !important;
  left: 3px !important;
  height: 2px !important;
  background: transparent !important;
}

html.focus-workbench .app-switch .ofw-primary-nav button:hover {
  color: var(--ofw-primary) !important;
  background: transparent !important;
}

html.focus-workbench .app-switch .ofw-primary-nav button.active {
  color: var(--ofw-primary) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.focus-workbench .app-switch .ofw-primary-nav button.active::after {
  background: var(--ofw-accent) !important;
}

html.focus-workbench .app-switch .nav-ico {
  display: none !important;
}

html.focus-workbench .ofw-system-state {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  max-width: 330px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  letter-spacing: .045em !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html.focus-workbench .ofw-system-state::before {
  display: none !important;
}

html.focus-workbench .system-dot {
  width: 6px !important;
  height: 6px !important;
  margin-right: 7px !important;
  background: var(--ofw-accent) !important;
  box-shadow: 0 0 8px rgba(191, 240, 109, .4) !important;
}

/* Shared page head copied from the approved Workbench hierarchy. */
html.focus-workbench .browser-hero.studio-hero-card,
html.focus-workbench #detailView .detail-hero {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) auto !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench .browser-hero .hero-copy,
html.focus-workbench #detailView .detail-hero-grid > div:first-child {
  min-width: 0 !important;
  padding: 10px 15px !important;
  border-right: 1px solid var(--ofw-border) !important;
}

html.focus-workbench .hero-kicker {
  display: block !important;
  margin: 0 !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html.focus-workbench .hero-copy h1 {
  margin: 4px 0 0 !important;
  color: var(--ofw-primary) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}

html.focus-workbench .hero-copy h1 .tag {
  color: inherit !important;
}

html.focus-workbench .hero-copy .sub {
  margin: 3px 0 0 !important;
  color: var(--ofw-secondary) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html.focus-workbench .hero-side {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  gap: 0 !important;
}

html.focus-workbench .hero-metrics {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}

html.focus-workbench .hero-stat,
html.focus-workbench .hero-stat.hero-stat-black {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 130px !important;
  min-width: 130px !important;
  min-height: 69px !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-right: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  color: var(--ofw-primary) !important;
  background: transparent !important;
}

html.focus-workbench .hero-stat .k {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html.focus-workbench .hero-stat .v {
  display: block !important;
  max-width: 115px !important;
  margin-top: 6px !important;
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench .browser-refresh {
  align-self: center !important;
  width: 144px !important;
  min-width: 144px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 12px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* New structural workspaces: left context index + one progressive canvas. */
html.focus-workbench .ofw-workspace {
  display: grid !important;
  grid-template-columns: 196px minmax(0, 1fr) !important;
  align-items: start !important;
  align-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: calc(100vh - 118px) !important;
  border-bottom: 1px solid var(--ofw-border) !important;
}

html.focus-workbench .ofw-pane {
  min-width: 0 !important;
  min-height: calc(100vh - 118px) !important;
  border-right: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench .ofw-pane:last-child {
  border-right: 0 !important;
}

html.focus-workbench .ofw-index-pane {
  position: sticky !important;
  top: 48px !important;
  z-index: 30 !important;
  align-self: start !important;
  max-height: calc(100vh - 48px) !important;
  overflow: auto !important;
}

html.focus-workbench .ofw-canvas-pane {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html.focus-workbench .ofw-pane-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 39px !important;
  padding: 0 10px !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench .ofw-pane-head h2 {
  margin: 0 !important;
  color: var(--ofw-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html.focus-workbench .ofw-pane-head span {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
}

html.focus-workbench .ofw-ledger-columns {
  display: grid !important;
  grid-template-columns: minmax(230px, 1.15fr) minmax(270px, 1.35fr) minmax(250px, 1fr) 76px !important;
  min-height: 34px !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  color: var(--ofw-tertiary) !important;
  background: #0b1219 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html.focus-workbench .ofw-ledger-columns span:nth-child(n+3) {
  text-align: right !important;
}

/* Market Index navigator. */
html.focus-workbench #browserView {
  display: block !important;
}

html.focus-workbench #browserView > .browser-controls {
  display: none !important;
}

html.focus-workbench #browserView .ofw-index-pane > .browser-controls {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

html.focus-workbench #browserView .browser-controls::before {
  display: none !important;
}

html.focus-workbench #browserView .catalog-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
}

html.focus-workbench #browserView .catalog-toolbar #catalogSearch,
html.focus-workbench #browserView .catalog-toolbar #catalogSort {
  display: block !important;
  grid-column: 1 !important;
  width: 100% !important;
  height: 34px !important;
}

html.focus-workbench #browserView .catalog-toolbar :is(#catalogGenre, #catalogSport, #catalogCompetition, #catalogSubsection, #catalogEv) {
  display: none !important;
}

html.focus-workbench #browserView .catalog-status-row {
  min-height: 0 !important;
  margin: 5px 0 2px !important;
}

html.focus-workbench #browserView .catalog-status-row #catalogStatus {
  margin: 0 !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #browserView .genre-nav {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-height: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

html.focus-workbench #browserView .genre-nav::before {
  content: "CATEGORIES";
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .05em !important;
}

html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 8px !important;
  gap: 7px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  color: var(--ofw-secondary) !important;
  background: transparent !important;
  text-align: left !important;
}

html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card):hover {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card).active {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
  box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
}

html.focus-workbench #browserView .side-tax-head,
html.focus-workbench #browserView .side-tax-name {
  display: contents !important;
}

html.focus-workbench #browserView .side-tax-name > span:last-child,
html.focus-workbench #browserView .side-all-markets > span {
  display: block !important;
  min-width: 0 !important;
}

html.focus-workbench #browserView .side-tax-card .traffic-sign,
html.focus-workbench #browserView .side-top-list {
  display: none !important;
}

html.focus-workbench #browserView :is(.side-tax-name strong, .side-all-markets strong) {
  display: block !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView :is(.side-tax-name small, .side-all-markets small) {
  display: block !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView :is(.side-tax-vol, .side-all-markets > b) {
  display: block !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView :is(.side-tax-vol small, .side-all-markets > b small) {
  display: none !important;
}

html.focus-workbench #browserView .taxonomy-subnav {
  display: block !important;
  width: 100% !important;
  max-height: none !important;
  margin: 11px 0 0 !important;
  padding: 7px 0 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--ofw-border) !important;
  background: transparent !important;
}

html.focus-workbench #browserView .taxonomy-subnav[hidden] {
  display: none !important;
}

html.focus-workbench #browserView .side-subhead {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html.focus-workbench #browserView :is(.side-sub-all, .side-compact-link, .taxonomy-chip) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 33px !important;
  height: auto !important;
  padding: 5px 7px !important;
  gap: 6px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  text-align: left !important;
  white-space: normal !important;
}

html.focus-workbench #browserView .side-compact-links {
  display: block !important;
}

html.focus-workbench #browserView .manual-load {
  margin: 11px 0 0 !important;
  padding: 7px !important;
  border: 1px solid var(--ofw-border) !important;
  background: #0a1118 !important;
}

html.focus-workbench #browserView .manual-load summary {
  color: var(--ofw-tertiary) !important;
  font-size: 9px !important;
}

/* Ordered parent-market ledger: no old card grid. */
html.focus-workbench #catalogList {
  width: 100% !important;
  min-width: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #catalogList .catalog-results-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  gap: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #catalogList .catalog-results-kicker {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html.focus-workbench #catalogList .catalog-results-kicker::after {
  color: var(--ofw-tertiary) !important;
}

html.focus-workbench #catalogList .catalog-results-title {
  margin-top: 4px !important;
  color: var(--ofw-primary) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

html.focus-workbench #catalogList .catalog-results-summary[hidden],
html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb[hidden] {
  display: none !important;
}

html.focus-workbench #catalogList .catalog-results-summary {
  display: none !important;
}

html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb {
  margin-top: 4px !important;
  color: var(--ofw-secondary) !important;
  font-size: 10px !important;
}

html.focus-workbench #catalogList .catalog-head-stats {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
}

html.focus-workbench #catalogList .catalog-head-stats > span {
  min-width: 100px !important;
  padding: 5px 10px !important;
  border-left: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #catalogList .catalog-head-stats small {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #catalogList .catalog-head-stats b {
  display: block !important;
  margin-top: 4px !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html.focus-workbench #catalogList .catalog-groups {
  display: block !important;
  width: 100% !important;
}

html.focus-workbench #catalogList .market-group {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #catalogList .market-group-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #catalogList .market-group-ident {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html.focus-workbench #catalogList .market-group-ident .traffic-sign {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  flex: 0 0 25px !important;
  transform: none !important;
  border-width: 1px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

html.focus-workbench #catalogList .market-group-title strong {
  display: block !important;
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html.focus-workbench #catalogList .market-group-title small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #catalogList .market-group-actions,
html.focus-workbench #catalogList .market-group-stats {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html.focus-workbench #catalogList .market-group-stats span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
}

html.focus-workbench #catalogList .market-group-stats small {
  color: var(--ofw-tertiary) !important;
  font-size: 7px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #catalogList .market-group-stats b {
  color: var(--ofw-secondary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
}

html.focus-workbench #catalogList .market-group-open {
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
}

html.focus-workbench #browserView .market-group-grid-wrap {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 34px 0 0 !important;
  overflow: visible !important;
}

html.focus-workbench #browserView :is(.market-group-grid, .market-showcase-grid) {
  display: block !important;
  width: 100% !important;
}

html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(230px, 1.15fr) minmax(270px, 1.35fr) minmax(250px, 1fr) 76px !important;
  grid-template-areas: "identity preview metrics state" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 66px !important;
  height: 66px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  color: var(--ofw-secondary) !important;
  background: var(--ofw-surface) !important;
  box-shadow: none !important;
}

html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured):hover {
  transform: none !important;
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #browserView .dense-market-card.selected {
  background: rgba(191, 240, 109, .055) !important;
  box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
}

html.focus-workbench #browserView .dense-card-top {
  grid-area: identity !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html.focus-workbench #browserView .market-card-logo,
html.focus-workbench #browserView .market-card-logo .traffic-sign {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  transform: none !important;
  border-width: 1px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

html.focus-workbench #browserView .dense-card-copy {
  min-width: 0 !important;
}

html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title,
html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title a {
  display: block !important;
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-line-clamp: unset !important;
}

html.focus-workbench #browserView .catalog-taxonomy {
  margin-top: 3px !important;
  overflow: hidden !important;
  color: var(--ofw-tertiary) !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView .dense-type {
  padding: 2px 4px !important;
  border: 1px solid var(--ofw-border) !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView .dense-preview {
  grid-area: preview !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html.focus-workbench #browserView :is(.dense-preview-prices, .catalog-preview-prices) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  gap: 3px !important;
}

html.focus-workbench #browserView :is(.catalog-preview-entry, .catalog-preview-prices > span) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 31px !important;
  padding: 3px 5px !important;
  gap: 5px !important;
  border: 1px solid var(--ofw-border-soft) !important;
  color: var(--ofw-secondary) !important;
  background: #0a1118 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #browserView .catalog-preview-label {
  overflow: hidden !important;
  color: var(--ofw-secondary) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView .catalog-preview-value {
  color: var(--ofw-accent) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView :is(.dense-metrics, .featured .dense-metrics) {
  grid-area: metrics !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid var(--ofw-border-soft) !important;
}

html.focus-workbench #browserView .dense-metrics > span {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 31px !important;
  padding: 3px 5px !important;
  border: 0 !important;
  border-right: 1px solid var(--ofw-border-soft) !important;
}

html.focus-workbench #browserView .dense-metrics > span:last-child {
  border-right: 0 !important;
}

html.focus-workbench #browserView .dense-metrics small {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 7px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #browserView :is(.dense-metrics b, .featured .dense-metrics b) {
  margin-top: 2px !important;
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView .dense-card-foot {
  position: static !important;
  grid-area: state !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html.focus-workbench #browserView .dense-open-action {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 7px !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

html.focus-workbench #browserView :is(.dense-open, .dense-edge) {
  padding: 1px 3px !important;
  border: 1px solid #50683d !important;
  color: var(--ofw-accent) !important;
  background: rgba(191, 240, 109, .04) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 7px !important;
}

html.focus-workbench #browserView .dense-paused {
  color: var(--ofw-red) !important;
  font-size: 7px !important;
}

html.focus-workbench #browserView .market-group-more {
  padding: 5px 8px !important;
  color: var(--ofw-tertiary) !important;
  background: #0b1219 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-align: right !important;
}

html.focus-workbench #browserView .market-index-page-next {
  right: 6px !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 34px !important;
  min-height: 34px !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-2) !important;
  box-shadow: none !important;
}

/* Individual market: outcome navigator + progressive analysis canvas. */
html.focus-workbench #detailView {
  display: block !important;
}

html.focus-workbench #detailView[hidden] {
  display: none !important;
}

html.focus-workbench #detailView .detail-topbar {
  position: sticky !important;
  top: 48px !important;
  z-index: 100 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: rgba(8, 12, 16, .97) !important;
  backdrop-filter: blur(12px) !important;
}

html.focus-workbench #detailView .detail-topbar button {
  min-height: 29px !important;
  height: 29px !important;
}

html.focus-workbench #detailView .detail-hero {
  padding: 0 !important;
}

html.focus-workbench #detailView .detail-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) auto !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  gap: 0 !important;
}

html.focus-workbench #detailView .detail-title {
  margin: 4px 0 0 !important;
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .detail-event {
  margin-top: 4px !important;
  color: var(--ofw-secondary) !important;
  font-size: 11px !important;
}

html.focus-workbench #detailView .detail-betline {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 7px !important;
  gap: 0 !important;
}

html.focus-workbench #detailView .detail-betline .bl-i {
  padding-right: 12px !important;
  margin-right: 12px !important;
  border-right: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .detail-betline .k {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .detail-betline .v {
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
}

html.focus-workbench #detailView .detail-runtime-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 130px) !important;
  align-items: stretch !important;
}

html.focus-workbench #detailView .detail-mini-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 69px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-left: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.focus-workbench #detailView .detail-mini-card .k {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .detail-mini-card .v {
  display: -webkit-box !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.focus-workbench #detailView .detail-hero > .detail-runtime:not(.detail-runtime-cards) {
  display: none !important;
}

html.focus-workbench #detailView .aestus-beta60-layout,
html.focus-workbench #detailView .aestus-workbench-shell,
html.focus-workbench #detailView .aestus-workbench-primary,
html.focus-workbench #detailView .aestus-workbench-research,
html.focus-workbench #detailView .aestus-secondary-rail {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

html.focus-workbench #detailView .aestus-workbench-shell:empty,
html.focus-workbench #detailView .aestus-secondary-rail:empty {
  display: none !important;
}

html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
  display: grid !important;
  grid-template-columns: 224px minmax(0, 1fr) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView #eventOptionsPanel .event-options-head {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 39px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #detailView #eventOptionsPanel .event-options-head h2 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ofw-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView #eventOptionsPanel .event-options-summary {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView #mktSplit {
  display: contents !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col {
  position: sticky !important;
  top: 86px !important;
  z-index: 25 !important;
  grid-column: 1 !important;
  grid-row: 2 / span 90 !important;
  align-self: start !important;
  width: 100% !important;
  max-width: none !important;
  max-height: calc(100vh - 86px) !important;
  padding: 8px !important;
  overflow: auto !important;
  border-right: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col::before {
  content: "OUTCOMES";
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  letter-spacing: .05em !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-tools {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  margin-bottom: 6px !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-tools[hidden] {
  display: none !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-selbar {
  margin: 0 0 6px !important;
  color: var(--ofw-tertiary) !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
  display: block !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}

html.focus-workbench #detailView .mkt-listhead {
  display: grid !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  color: var(--ofw-tertiary) !important;
  background: #0b1219 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .mkt-list .mkt-row {
  min-height: 44px !important;
  padding: 5px 6px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  color: var(--ofw-secondary) !important;
  background: transparent !important;
}

html.focus-workbench #detailView .mkt-list .mkt-row:hover {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #detailView .mkt-list .mkt-row.on,
html.focus-workbench #detailView .mkt-list .mkt-row.active {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
  box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
}

html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel) {
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView .mkt-list :is(.mkt-px, .mkt-dlt) {
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView .mkt-chart-col .chart-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px !important;
  margin: 0 0 6px !important;
  gap: 8px !important;
}

html.focus-workbench #detailView .mkt-chart-col .chart-title {
  color: var(--ofw-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView .range-seg,
html.focus-workbench #detailView .chart-tools {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

html.focus-workbench #detailView :is(.range-seg button, #chartReload) {
  min-width: 30px !important;
  min-height: 27px !important;
  height: 27px !important;
  padding: 2px 6px !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView .range-seg button.active {
  color: var(--ofw-primary) !important;
  box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
}

html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
html.focus-workbench #detailView .mkt-chart-col #priceChart {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: #091118 !important;
}

html.focus-workbench #detailView .chart-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
  gap: 3px !important;
}

html.focus-workbench #detailView .leg-item {
  min-height: 27px !important;
  padding: 3px 5px !important;
  border: 1px solid var(--ofw-border-soft) !important;
  color: var(--ofw-secondary) !important;
  background: #0a1118 !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView .chart-status {
  margin-top: 6px !important;
  color: var(--ofw-tertiary) !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas {
  grid-column: 2 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 10px 10px !important;
  gap: 8px !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > :is(#fairValuePanel, #holderResearchPanel) {
  grid-column: 1 / -1 !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > .panel {
  align-self: start !important;
  width: 100% !important;
  grid-area: auto !important;
  grid-row: auto !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > #structurePanel {
  grid-area: auto !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  order: 1 !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > #valueBoard {
  grid-area: auto !important;
  grid-column: 2 !important;
  grid-row: auto !important;
  order: 2 !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > #fairValuePanel {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  order: 3 !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > #holderResearchPanel {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  order: 4 !important;
}

html.focus-workbench #detailView .ofw-family-index {
  display: none !important;
}

html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-family-index:not([hidden]) {
  position: sticky !important;
  top: 86px !important;
  z-index: 25 !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 2 / span 90 !important;
  align-self: start !important;
  max-height: calc(100vh - 86px) !important;
  overflow: auto !important;
  border-right: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .ofw-family-index-list {
  padding: 5px 8px !important;
}

html.focus-workbench #detailView .ofw-family-index-list button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 5px 8px !important;
  gap: 6px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  text-align: left !important;
}

html.focus-workbench #detailView .ofw-family-index-list button.active {
  background: var(--ofw-surface-3) !important;
  box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
}

html.focus-workbench #detailView .ofw-family-index-list button b {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .ofw-family-index-list button span {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  padding: 8px 10px 0 !important;
}

html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col {
  position: static !important;
  width: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
}

html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col::before {
  display: none !important;
}

html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col {
  display: none !important;
}

html.focus-workbench #detailView .soccer-match-hub-grid {
  display: block !important;
  width: 100% !important;
}

html.focus-workbench #detailView .soccer-hub-intro {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  margin: 0 0 7px !important;
  padding: 7px 9px !important;
  gap: 10px !important;
  border: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #detailView .sidebet-family {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
  scroll-margin-top: 88px !important;
}

html.focus-workbench #detailView .sidebet-family-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 37px !important;
  padding: 0 9px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #detailView .sidebet-family-head strong {
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView .sidebet-family-head small {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView .sidebet-family-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 6px !important;
  gap: 5px !important;
}

html.focus-workbench #detailView :is(.sidebet-card, .sidebet-level-group) {
  min-width: 0 !important;
  padding: 7px !important;
  border: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  color: var(--ofw-secondary) !important;
  background: #0a1118 !important;
}

html.focus-workbench #detailView :is(.sidebet-card:hover, .sidebet-level-button:hover) {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #detailView :is(.sidebet-card-title, .sidebet-level-head strong) {
  color: var(--ofw-primary) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  margin-top: 6px !important;
  gap: 3px !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  padding: 3px 5px !important;
  border: 1px solid var(--ofw-border-soft) !important;
  color: var(--ofw-secondary) !important;
  background: #080e14 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) b {
  color: var(--ofw-accent) !important;
  font-weight: 500 !important;
}

html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
  min-width: 0 !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) > h2::before {
  display: none !important;
  content: none !important;
}

html.focus-workbench #detailView .structure-market-head,
html.focus-workbench #detailView .vb-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html.focus-workbench #detailView .structure-bet-switcher {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 8px 0 !important;
  padding: 7px !important;
  border: 1px solid var(--ofw-border) !important;
  background: #0a1118 !important;
}

html.focus-workbench #detailView .structure-outcome-pair {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
}

html.focus-workbench #detailView .structure-outcome-chip {
  min-width: 0 !important;
  padding: 7px !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: #0a1118 !important;
}

html.focus-workbench #detailView .structure-outcome-chip.active {
  background: var(--ofw-surface-3) !important;
  box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
}

html.focus-workbench #detailView .structure-market-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 7px 0 !important;
  border: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .structure-market-stat {
  padding: 6px !important;
  border: 0 !important;
  border-right: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.focus-workbench #detailView .structure-market-stat:last-child {
  border-right: 0 !important;
}

html.focus-workbench #detailView .structure-market-stat small {
  color: var(--ofw-tertiary) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .structure-market-stat b {
  display: block !important;
  margin-top: 3px !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
}

html.focus-workbench #detailView .structure-tabs {
  display: flex !important;
  margin: 7px 0 !important;
  gap: 0 !important;
}

html.focus-workbench #detailView .structure-tab {
  border-right: 0 !important;
}

html.focus-workbench #detailView .structure-tab:last-child {
  border-right: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .table-scroll {
  width: 100% !important;
  max-height: 390px !important;
  overflow: auto !important;
  border: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .structure-market-data table {
  width: 100% !important;
  border-collapse: collapse !important;
}

html.focus-workbench #detailView .structure-market-data th {
  position: sticky !important;
  top: 0 !important;
  padding: 6px !important;
  color: var(--ofw-tertiary) !important;
  background: var(--ofw-surface-2) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .structure-market-data td {
  padding: 6px !important;
  border-top: 1px solid var(--ofw-border-soft) !important;
  color: var(--ofw-secondary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView .structure-market-data tr:hover td {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #detailView :is(.fv-model-panel, #f1ModelPanel, #wtiModelPanel, #muskModelPanel) {
  border-radius: 0 !important;
  background: #0a1118 !important;
}

html.focus-workbench #detailView :is(.fv-model-panel, #f1ModelPanel, #wtiModelPanel, #muskModelPanel) :is(.model-probability, .probability, .value) {
  color: var(--ofw-accent) !important;
}

/* Bet Scope: same two-zone hierarchy, not a separate visual language. */
html.focus-workbench #scopeView,
html.focus-workbench #userView,
html.focus-workbench #membershipView {
  display: block !important;
}

html.focus-workbench #scopeView[hidden],
html.focus-workbench #userView[hidden],
html.focus-workbench #membershipView[hidden] {
  display: none !important;
}

html.focus-workbench #scopeView > .scope-control-panel,
html.focus-workbench #userView > .user-search-panel {
  display: none !important;
}

html.focus-workbench #scopeView .ofw-index-pane > .scope-control-panel,
html.focus-workbench #userView .ofw-index-pane > .user-search-panel {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

html.focus-workbench #scopeView .scope-mode-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

html.focus-workbench #scopeView .scope-mode-grid button {
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 39px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  text-align: left !important;
}

html.focus-workbench #scopeView .scope-mode-grid button.active {
  box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
}

html.focus-workbench #scopeView .scope-filter-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  margin-top: 12px !important;
  gap: 8px !important;
}

html.focus-workbench #scopeView .scope-field {
  display: grid !important;
  gap: 4px !important;
}

html.focus-workbench #scopeView .scope-field > span,
html.focus-workbench #userView .user-rank-field > span {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #scopeView #scopeStatus {
  margin-top: 9px !important;
}

html.focus-workbench #scopeView .scope-feed {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
  display: grid !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  gap: 9px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  color: var(--ofw-secondary) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #scopeView .scope-card {
  grid-template-columns: 30px 170px minmax(260px, 1fr) repeat(3, minmax(86px, 105px)) !important;
}

html.focus-workbench #scopeView .scope-edge-card {
  grid-template-columns: 34px 190px minmax(300px, 1fr) repeat(3, minmax(96px, 116px)) !important;
}

html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card):hover {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #scopeView :is(.scope-rank, .scope-edge-rank) {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #scopeView :is(.scope-market, .scope-edge-market) {
  color: var(--ofw-primary) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html.focus-workbench #scopeView :is(.scope-sub, .scope-edge-sub, .scope-edge-note) {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #scopeView .scope-metric small,
html.focus-workbench #scopeView .scope-edge-metric small {
  display: block !important;
  color: var(--ofw-tertiary) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #scopeView .scope-metric b,
html.focus-workbench #scopeView .scope-edge-metric b {
  display: block !important;
  margin-top: 3px !important;
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

html.focus-workbench #scopeView :is(.scope-metric.pos, .scope-edge-value) b {
  color: var(--ofw-accent) !important;
}

/* Users: compact ledger with an inline expanded dossier. */
html.focus-workbench #userView .user-searchbar,
html.focus-workbench #userView .user-rankbar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

html.focus-workbench #userView .user-rankbar {
  margin-top: 12px !important;
}

html.focus-workbench #userView .user-rank-label {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #userView .user-rank-field {
  display: grid !important;
  gap: 4px !important;
}

html.focus-workbench #userView #userStatus,
html.focus-workbench #userView .user-summary {
  margin-top: 8px !important;
}

html.focus-workbench #userView .user-results {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

html.focus-workbench #userView .user-card {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  color: var(--ofw-secondary) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #userView .user-card:hover,
html.focus-workbench #userView .user-card.open {
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #userView .user-card.open {
  box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
}

html.focus-workbench #userView .user-card-head {
  min-height: 64px !important;
  padding: 7px 10px !important;
  border: 0 !important;
}

html.focus-workbench #userView .user-avatar {
  width: 38px !important;
  height: 38px !important;
}

html.focus-workbench #userView .user-name {
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html.focus-workbench #userView .user-subline {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
}

html.focus-workbench #userView .user-head-metric small {
  color: var(--ofw-tertiary) !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html.focus-workbench #userView .user-head-metric b {
  color: var(--ofw-primary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 10px !important;
}

html.focus-workbench #userView .user-detail {
  padding: 9px 10px 11px !important;
  border-top: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #userView .user-metrics {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #userView .user-metric {
  padding: 7px !important;
  border: 0 !important;
  border-right: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.focus-workbench #userView .user-metric:last-child {
  border-right: 0 !important;
}

html.focus-workbench #userView .user-trades {
  border: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #userView .user-trade {
  border-bottom: 1px solid var(--ofw-border-soft) !important;
}

/* Account: same index/canvas structure. */
html.focus-workbench #membershipView .membership-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html.focus-workbench #membershipView .membership-tabs {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  padding: 8px !important;
  gap: 0 !important;
}

html.focus-workbench #membershipView .membership-tabs button {
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 40px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  text-align: left !important;
}

html.focus-workbench #membershipView .membership-tabs button.active {
  box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
}

html.focus-workbench #membershipView .membership-grid {
  display: block !important;
  width: 100% !important;
  padding: 10px !important;
}

html.focus-workbench #membershipView .membership-card {
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}

html.focus-workbench #membershipView .membership-form {
  max-width: 820px !important;
}

html.focus-workbench #membershipView .membership-profile-field {
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: #0a1118 !important;
}

/* Responsive: the two primary zones stack; no hidden third pane emerges. */
@media (max-width: 1220px) {
  html.focus-workbench .ofw-ledger-columns,
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    grid-template-columns: minmax(230px, 1.1fr) minmax(230px, 1.2fr) minmax(215px, .9fr) 68px !important;
  }

  html.focus-workbench #detailView .ofw-progressive-canvas {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
    grid-column: 1 !important;
  }

  html.focus-workbench #scopeView .scope-card {
    grid-template-columns: 28px 150px minmax(220px, 1fr) repeat(2, 90px) !important;
  }

  html.focus-workbench #scopeView .scope-card .scope-metric:last-child {
    display: none !important;
  }
}

@media (max-width: 980px) {
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 170px minmax(360px, 1fr) !important;
    padding: 0 10px !important;
    gap: 8px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 140px !important;
    width: 140px !important;
  }

  html.focus-workbench .aestus-header-feedback,
  html.focus-workbench .ofw-system-state {
    display: none !important;
  }

  html.focus-workbench .ofw-primary-nav {
    gap: 8px !important;
  }

  html.focus-workbench .browser-hero.studio-hero-card,
  html.focus-workbench #detailView .detail-hero-grid {
    grid-template-columns: minmax(260px, 1fr) auto !important;
  }

  html.focus-workbench .hero-stat,
  html.focus-workbench .hero-stat.hero-stat-black,
  html.focus-workbench #detailView .detail-mini-card {
    width: 108px !important;
    min-width: 108px !important;
  }

  html.focus-workbench .browser-refresh {
    display: none !important;
  }

  html.focus-workbench .ofw-workspace {
    grid-template-columns: 176px minmax(0, 1fr) !important;
  }

  html.focus-workbench .ofw-ledger-columns,
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 215px 64px !important;
  }

  html.focus-workbench #browserView .dense-preview {
    display: none !important;
  }

  html.focus-workbench .ofw-ledger-columns span:nth-child(2) {
    visibility: hidden !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
    grid-template-columns: 196px minmax(0, 1fr) !important;
  }

  html.focus-workbench #detailView .sidebet-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html.focus-workbench body {
    padding-bottom: 36px !important;
  }

  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  html.focus-workbench .ofw-brand-zone {
    height: 50px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 122px !important;
    width: 122px !important;
    height: 38px !important;
  }

  html.focus-workbench .ofw-primary-nav {
    height: 50px !important;
    gap: 1px !important;
  }

  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
  }

  html.focus-workbench .browser-hero.studio-hero-card {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench .browser-hero .hero-copy {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }

  html.focus-workbench .hero-side {
    justify-content: stretch !important;
  }

  html.focus-workbench .hero-metrics {
    width: 100% !important;
  }

  html.focus-workbench .hero-stat,
  html.focus-workbench .hero-stat.hero-stat-black {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 58px !important;
  }

  html.focus-workbench .ofw-workspace {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench .ofw-pane {
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }

  html.focus-workbench .ofw-index-pane {
    position: static !important;
    max-height: clamp(280px, 42vh, 380px) !important;
    overflow: auto !important;
  }

  html.focus-workbench #browserView .genre-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 6px !important;
  }

  html.focus-workbench #browserView .genre-nav::before {
    grid-column: 1 / -1 !important;
  }

  html.focus-workbench .ofw-ledger-columns {
    display: none !important;
  }

  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    grid-template-columns: minmax(0, 1fr) 230px 60px !important;
    grid-template-areas: "identity metrics state" !important;
  }

  html.focus-workbench #detailView .detail-topbar {
    position: static !important;
    inset: auto !important;
  }

  html.focus-workbench #detailView .detail-hero-grid {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView .detail-runtime-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    border-top: 1px solid var(--ofw-border) !important;
  }

  html.focus-workbench #detailView .detail-mini-card {
    width: auto !important;
    min-width: 0 !important;
    min-height: 58px !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-family-index:not([hidden]) {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-height: clamp(280px, 42vh, 380px) !important;
    overflow: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  html.focus-workbench #detailView .ofw-progressive-canvas {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 6px !important;
  }

  html.focus-workbench #detailView .mkt-listhead {
    display: none !important;
  }

  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
    grid-template-columns: 28px minmax(0, 1fr) 90px !important;
  }

  html.focus-workbench #scopeView :is(.scope-main, .scope-edge-main) {
    grid-column: 1 / -1 !important;
  }

  html.focus-workbench #scopeView .scope-card .scope-metric:nth-last-child(-n+2),
  html.focus-workbench #scopeView .scope-edge-card > :nth-last-child(-n+2) {
    display: none !important;
  }

  html.focus-workbench #userView .user-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* beta.105 visual-QA corrections. These selectors intentionally outrank
   legacy focus rules that assigned visual order and block layout. */
html.focus-workbench .view {
  min-height: calc(100vh - 72px) !important;
}

html.focus-workbench .app-switch.ofw-chrome {
  grid-template-columns: minmax(320px, 350px) minmax(480px, 1fr) auto !important;
  height: 72px !important;
  min-height: 72px !important;
}

html.focus-workbench .ofw-brand-zone,
html.focus-workbench .ofw-primary-nav,
html.focus-workbench .app-switch .ofw-primary-nav button,
html.focus-workbench .app-switch .membership-nav-button {
  height: 72px !important;
  min-height: 72px !important;
}

html.focus-workbench .aestus-wordmark-picture {
  flex: 0 0 250px !important;
  width: 250px !important;
  height: 68px !important;
  overflow: hidden !important;
}

html.focus-workbench .aestus-wordmark-logo {
  width: 250px !important;
  height: 68px !important;
  max-height: 68px !important;
  transform: scale(1.35) !important;
  transform-origin: left center !important;
}

html.focus-workbench .aestus-header-feedback {
  min-width: 96px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  font-size: 11px !important;
}

html.focus-workbench #detailView .detail-topbar,
html.focus-workbench .ofw-index-pane {
  top: 72px !important;
}

html.focus-workbench .ofw-index-pane {
  max-height: calc(100vh - 72px) !important;
}

html.focus-workbench #browserView #catalogList :is(.dense-market-card, .dense-market-card.featured) .catalog-title a.soccer-event-title-link,
html.focus-workbench #detailView a.soccer-event-title-link {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-list-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-list-col {
  order: 1 !important;
  grid-column: 1 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-orderbook-col {
  order: 2 !important;
  grid-column: 2 !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-chart-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col {
  order: 3 !important;
  grid-column: 3 !important;
}

html.focus-workbench #detailView #mktSplit.ofw-execution-row,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
  grid-template-columns: minmax(430px, .95fr) minmax(420px, 1fr) minmax(500px, 1.2fr) !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span,
html.focus-workbench #detailView .sidebet-option-name strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span > b {
  flex: 0 0 auto !important;
}

@media (max-width: 1500px) {
  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: minmax(400px, .9fr) minmax(390px, .98fr) minmax(430px, 1.12fr) !important;
  }
}

@media (max-width: 1220px) {
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
    grid-column: 1 !important;
  }
}

@media (max-width: 980px) {
  html.focus-workbench .view {
    min-height: calc(100vh - 58px) !important;
  }

  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 255px minmax(360px, 1fr) !important;
    height: 58px !important;
    min-height: 58px !important;
  }

  html.focus-workbench .ofw-brand-zone,
  html.focus-workbench .ofw-primary-nav,
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    height: 58px !important;
    min-height: 58px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 168px !important;
    width: 168px !important;
    height: 54px !important;
  }

  html.focus-workbench .aestus-wordmark-logo {
    width: 168px !important;
    height: 54px !important;
    max-height: 54px !important;
  }

  html.focus-workbench #detailView .detail-topbar,
  html.focus-workbench .ofw-index-pane {
    top: 58px !important;
  }

  html.focus-workbench .ofw-index-pane {
    max-height: calc(100vh - 58px) !important;
  }
}

@media (max-width: 760px) {
  html.focus-workbench .aestus-wordmark-picture,
  html.focus-workbench .aestus-wordmark-logo {
    width: 118px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 118px !important;
  }
}

@media (max-width: 480px) {
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 0 6px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
  }

  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    font-size: 8.5px !important;
  }

  html.focus-workbench .hero-copy h1 {
    font-size: 19px !important;
  }

  html.focus-workbench .hero-stat .k {
    font-size: 7px !important;
  }

  html.focus-workbench .hero-stat .v {
    font-size: 9px !important;
  }

  html.focus-workbench #browserView .genre-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.focus-workbench #browserView .genre-nav::before {
    grid-column: 1 / -1 !important;
  }

  html.focus-workbench #browserView :is(.side-tax-vol, .side-all-markets > b) {
    display: none !important;
  }

  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    grid-template-areas:
      "identity state"
      "metrics metrics" !important;
    min-height: 96px !important;
    height: auto !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  html.focus-workbench #browserView .dense-metrics {
    margin-top: 3px !important;
  }

  html.focus-workbench #catalogList .catalog-head-stats {
    display: none !important;
  }

  html.focus-workbench #detailView .detail-runtime-cards,
  html.focus-workbench #detailView .structure-market-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.focus-workbench #detailView #eventOptionsGrid.mkt-list,
  html.focus-workbench #detailView .sidebet-family-grid {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
  html.focus-workbench #detailView .mkt-chart-col #priceChart {
    height: 300px !important;
    min-height: 300px !important;
  }

  html.focus-workbench #userView .user-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* -------------------------------------------------------------------------
   beta.105 preview — final feedback integration
   This block intentionally sits last. It replaces the abandoned fixed-pane
   detail experiment while preserving the approved ordered workbench shell.
   ------------------------------------------------------------------------- */

/* The product lockup uses the full header height and Feedback is a first-class
   action rather than a tiny utility label. */
html.focus-workbench body {
  padding-bottom: 36px !important;
}

html.focus-workbench .view {
  min-height: calc(100vh - 64px) !important;
}

html.focus-workbench .app-switch.ofw-chrome {
  grid-template-columns: minmax(300px, 330px) minmax(480px, 1fr) auto !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 18px !important;
  gap: 20px !important;
}

html.focus-workbench .ofw-brand-zone {
  height: 64px !important;
  gap: 12px !important;
}

html.focus-workbench .aestus-wordmark-picture {
  flex: 0 0 226px !important;
  width: 226px !important;
  height: 60px !important;
}

html.focus-workbench .aestus-wordmark-logo {
  width: 100% !important;
  height: 100% !important;
  max-height: 60px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html.focus-workbench .aestus-header-feedback {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 82px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-color: #426486 !important;
  color: var(--ofw-secondary) !important;
  background: #111d29 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: .055em !important;
}

html.focus-workbench .aestus-header-feedback:hover {
  border-color: var(--ofw-blue) !important;
  color: var(--ofw-primary) !important;
  background: #17283a !important;
}

html.focus-workbench .ofw-primary-nav,
html.focus-workbench .app-switch .ofw-primary-nav button,
html.focus-workbench .app-switch .membership-nav-button {
  height: 64px !important;
  min-height: 64px !important;
}

html.focus-workbench #detailView .detail-topbar {
  top: 64px !important;
}

html.focus-workbench .ofw-index-pane {
  top: 64px !important;
  max-height: calc(100vh - 64px) !important;
}

/* Correct the inherited diamond rotation and give category marks enough room
   to be read at a glance. */
html.focus-workbench #catalogList .traffic-sign,
html.focus-workbench #catalogList .traffic-sign .sign-art,
html.focus-workbench #catalogList .traffic-sign .sign-art > * {
  transform: none !important;
}

html.focus-workbench #catalogList .market-group-ident .traffic-sign {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  flex-basis: 38px !important;
  padding: 3px !important;
}

html.focus-workbench #catalogList .market-group-ident .traffic-sign .sign-art,
html.focus-workbench #catalogList .market-group-ident .traffic-sign .sign-art svg {
  width: 30px !important;
  height: 30px !important;
}

html.focus-workbench #catalogList .market-group-head {
  min-height: 50px !important;
  padding: 5px 10px !important;
}

html.focus-workbench #browserView .market-card-logo,
html.focus-workbench #browserView .market-card-logo .traffic-sign {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex-basis: 32px !important;
}

/* Intermediate category pages are compact ordered rows. Flags retain their
   approved medallion treatment; preview contracts stay horizontal and legible. */
html.focus-workbench #catalogList .catalog-group-directory {
  display: block !important;
  width: 100% !important;
}

html.focus-workbench #catalogList .group-directory-card {
  display: grid !important;
  grid-template-columns: 48px minmax(145px, 190px) minmax(78px, 96px) minmax(360px, 1fr) !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 74px !important;
  height: auto !important;
  padding: 7px 10px !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #catalogList .group-directory-card:hover {
  background: var(--ofw-surface-3) !important;
}

html.focus-workbench #catalogList .group-directory-card > .traffic-sign,
html.focus-workbench #catalogList .group-directory-card > .traffic-sign.flag {
  grid-row: 1 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  flex-basis: 46px !important;
  align-self: center !important;
  padding: 3px !important;
}

html.focus-workbench #catalogList .group-directory-card > .traffic-sign .sign-art,
html.focus-workbench #catalogList .group-directory-card > .traffic-sign .sign-art svg {
  width: 36px !important;
  height: 36px !important;
}

html.focus-workbench #catalogList .group-directory-card .country-flag-frame {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

html.focus-workbench #catalogList .group-directory-card .country-flag-svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}

html.focus-workbench #catalogList .group-dir-main,
html.focus-workbench #catalogList .group-dir-stats {
  min-width: 0 !important;
}

html.focus-workbench #catalogList .group-dir-main strong {
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #catalogList .group-dir-main small,
html.focus-workbench #catalogList .group-dir-stats small {
  color: var(--ofw-tertiary) !important;
  font-size: 8px !important;
}

html.focus-workbench #catalogList .group-dir-stats {
  align-items: flex-end !important;
}

html.focus-workbench #catalogList .group-dir-stats b {
  color: var(--ofw-secondary) !important;
  font-size: 10px !important;
}

html.focus-workbench #catalogList .group-dir-preview {
  grid-column: 4 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 5px !important;
  overflow: hidden !important;
}

html.focus-workbench #catalogList .group-dir-preview > span {
  display: grid !important;
  grid-template-columns: minmax(120px, 1fr) minmax(160px, .9fr) !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 4px 5px !important;
  gap: 5px !important;
  overflow: hidden !important;
  border: 1px solid var(--ofw-border-soft) !important;
  border-radius: 0 !important;
  background: #0a1118 !important;
  white-space: normal !important;
}

html.focus-workbench #catalogList .group-dir-preview > span > b {
  display: -webkit-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--ofw-secondary) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.focus-workbench #catalogList .group-dir-preview .group-dir-prices {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  gap: 2px !important;
}

html.focus-workbench #catalogList .group-dir-preview .group-dir-prices > span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  height: 30px !important;
  padding: 3px 4px !important;
  gap: 3px !important;
  border: 1px solid var(--ofw-border-soft) !important;
  background: #081018 !important;
  font-size: 8px !important;
}

/* Fixture identity is a single, deterministic row. Curated display names are
   applied in JS; CSS prevents any remaining browser-dependent line break. */
html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link .club-title-side {
  display: flex !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link .club-title-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Detail page: one progressive canvas, not three fixed sections. The first
   row is ordered exactly Markets -> Order book -> Price action. */
html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

html.focus-workbench #detailView #eventOptionsPanel .event-options-head {
  display: flex !important;
  position: static !important;
}

html.focus-workbench #detailView .ofw-family-index {
  display: none !important;
}

html.focus-workbench #detailView #mktSplit.ofw-execution-row,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
  display: grid !important;
  grid-template-columns: minmax(360px, .88fr) minmax(420px, 1.02fr) minmax(500px, 1.25fr) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}

html.focus-workbench #detailView .ofw-module-head {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #detailView .ofw-module-head span {
  color: var(--ofw-accent) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView .ofw-module-head h3 {
  margin: 0 !important;
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-list-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-list-col {
  position: static !important;
  display: flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 8px 8px !important;
  overflow: visible !important;
  border: 0 !important;
  border-right: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col::before {
  display: none !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col > .ofw-module-head {
  margin: 0 -8px 8px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-orderbook-col {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 420px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-right: 1px solid var(--ofw-border) !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView .ofw-orderbook-body {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  gap: 7px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .table-scroll {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 330px !important;
  overflow: auto !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .microstructure-table {
  table-layout: auto !important;
  width: 100% !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-chart-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col {
  position: static !important;
  display: flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 8px 8px !important;
  border: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView .mkt-chart-col > .ofw-module-head {
  margin: 0 -8px 8px !important;
}

html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
html.focus-workbench #detailView .mkt-chart-col #priceChart,
html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col #priceChart {
  height: 410px !important;
  min-height: 410px !important;
}

html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
  width: 100% !important;
  max-height: 610px !important;
  overflow: auto !important;
}

html.focus-workbench #detailView .mkt-listhead,
html.focus-workbench #detailView .mkt-list .mkt-row {
  grid-template-columns: 14px minmax(190px, 1fr) 48px 48px 48px !important;
  gap: 0 7px !important;
}

html.focus-workbench #detailView .mkt-list .mkt-row {
  min-height: 40px !important;
  padding: 5px 7px !important;
}

html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel),
html.focus-workbench #detailView .event-option-name,
html.focus-workbench #detailView .sidebet-option-name strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  -webkit-line-clamp: unset !important;
}

html.focus-workbench #detailView .soccer-match-hub-grid,
html.focus-workbench #detailView .tennis-match-hub-grid,
html.focus-workbench #detailView .baseball-match-hub-grid {
  width: 100% !important;
}

html.focus-workbench #detailView .sidebet-family-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html.focus-workbench #detailView .sidebet-card,
html.focus-workbench #detailView .sidebet-level-group {
  min-width: 0 !important;
}

html.focus-workbench #detailView .sidebet-card-title,
html.focus-workbench #detailView .sidebet-level-head strong {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  padding: 8px !important;
  gap: 8px !important;
  border-top: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard) {
  grid-column: auto !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > :is(#fairValuePanel, #holderResearchPanel) {
  grid-column: 1 / -1 !important;
}

/* Bet Scope has separate schemas for trades (four metrics) and positions
   (three). Explicit templates prevent the last metric from wrapping under the
   rank/source columns and keep profile controls contained. */
html.focus-workbench #scopeView .scope-trade-card {
  grid-template-columns: 30px minmax(190px, 220px) minmax(300px, 1fr) repeat(4, minmax(84px, 108px)) !important;
}

html.focus-workbench #scopeView .scope-position-card {
  grid-template-columns: 30px minmax(190px, 220px) minmax(300px, 1fr) repeat(3, minmax(92px, 118px)) !important;
}

html.focus-workbench #scopeView .scope-identity {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 4px !important;
}

html.focus-workbench #scopeView .scope-user-button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
}

html.focus-workbench #scopeView .scope-user-button span,
html.focus-workbench #scopeView .scope-user-button small {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #scopeView .scope-main,
html.focus-workbench #scopeView .scope-market,
html.focus-workbench #scopeView .scope-sub,
html.focus-workbench #scopeView .scope-metric {
  min-width: 0 !important;
}

html.focus-workbench #scopeView .scope-market {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #scopeView .scope-sub {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html.focus-workbench #scopeView .scope-basis-metric {
  grid-column: auto !important;
  grid-row: auto !important;
}

@media (max-width: 1500px) {
  html.focus-workbench #catalogList .group-directory-card {
    grid-template-columns: 46px minmax(130px, 165px) 82px minmax(300px, 1fr) !important;
  }

  html.focus-workbench #catalogList .group-dir-preview > span {
    grid-template-columns: minmax(90px, 1fr) minmax(130px, .9fr) !important;
  }

  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: minmax(340px, .82fr) minmax(390px, .98fr) minmax(430px, 1.15fr) !important;
  }
}

@media (max-width: 1220px) {
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 286px minmax(410px, 1fr) !important;
  }

  html.focus-workbench .ofw-system-state {
    display: none !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 194px !important;
    width: 194px !important;
  }

  html.focus-workbench .aestus-header-feedback {
    min-width: 76px !important;
    padding: 0 9px !important;
  }

  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }

  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col {
    max-height: 520px !important;
    overflow: auto !important;
  }

  html.focus-workbench #detailView .sidebet-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.focus-workbench #scopeView .scope-trade-card,
  html.focus-workbench #scopeView .scope-position-card {
    grid-template-columns: 28px minmax(165px, 195px) minmax(260px, 1fr) repeat(3, minmax(82px, 96px)) !important;
  }

  html.focus-workbench #scopeView .scope-trade-card .scope-basis-metric {
    display: none !important;
  }
}

@media (max-width: 980px) {
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 255px minmax(360px, 1fr) !important;
    height: 58px !important;
    min-height: 58px !important;
  }

  html.focus-workbench .ofw-brand-zone,
  html.focus-workbench .ofw-primary-nav,
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    height: 58px !important;
    min-height: 58px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 168px !important;
    width: 168px !important;
    height: 54px !important;
  }

  html.focus-workbench .aestus-header-feedback {
    display: inline-flex !important;
    min-width: 70px !important;
    min-height: 34px !important;
    font-size: 9px !important;
  }

  html.focus-workbench #catalogList .group-directory-card {
    grid-template-columns: 46px minmax(125px, 165px) 76px minmax(240px, 1fr) !important;
  }

  html.focus-workbench #catalogList .group-dir-preview {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #catalogList .group-dir-preview > span:nth-child(n+2) {
    display: none !important;
  }

  html.focus-workbench #detailView .ofw-progressive-canvas {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
    grid-column: 1 !important;
  }

  html.focus-workbench #scopeView .scope-trade-card,
  html.focus-workbench #scopeView .scope-position-card {
    grid-template-columns: 28px minmax(145px, 180px) minmax(220px, 1fr) repeat(2, minmax(80px, 92px)) !important;
  }

  html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-metric:nth-of-type(n+3) {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 190px minmax(300px, 1fr) !important;
    padding: 0 8px !important;
  }

  html.focus-workbench .aestus-wordmark-picture {
    flex-basis: 118px !important;
    width: 118px !important;
  }

  html.focus-workbench .aestus-header-feedback {
    min-width: 62px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
  }

  html.focus-workbench #catalogList .group-directory-card {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    min-height: 66px !important;
  }

  html.focus-workbench #catalogList .group-directory-card > .traffic-sign,
  html.focus-workbench #catalogList .group-directory-card > .traffic-sign.flag {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    flex-basis: 40px !important;
  }

  html.focus-workbench #catalogList .group-dir-preview {
    grid-column: 2 / -1 !important;
  }

  html.focus-workbench #detailView .sidebet-family-grid {
    grid-template-columns: 1fr !important;
  }

  html.focus-workbench #detailView .mkt-listhead,
  html.focus-workbench #detailView .mkt-list .mkt-row {
    grid-template-columns: 12px minmax(150px, 1fr) 44px 44px 42px !important;
    gap: 0 5px !important;
  }

  html.focus-workbench #scopeView .scope-trade-card,
  html.focus-workbench #scopeView .scope-position-card {
    grid-template-columns: 28px minmax(0, 1fr) 86px !important;
  }

  html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-identity {
    grid-column: 2 !important;
  }

  html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-main {
    grid-column: 1 / -1 !important;
  }

  html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-metric {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* Definitive post-cascade QA overrides. */
html.focus-workbench .view { min-height: calc(100vh - 72px) !important; }
html.focus-workbench .app-switch.ofw-chrome {
  grid-template-columns: minmax(320px, 350px) minmax(480px, 1fr) auto !important;
  height: 72px !important;
  min-height: 72px !important;
}
html.focus-workbench .ofw-brand-zone,
html.focus-workbench .ofw-primary-nav,
html.focus-workbench .app-switch .ofw-primary-nav button,
html.focus-workbench .app-switch .membership-nav-button {
  height: 72px !important;
  min-height: 72px !important;
}
html.focus-workbench .aestus-wordmark-picture {
  flex: 0 0 250px !important;
  width: 250px !important;
  height: 68px !important;
  overflow: hidden !important;
}
html.focus-workbench .aestus-wordmark-logo {
  width: 250px !important;
  height: 68px !important;
  max-height: 68px !important;
  transform: scale(1.35) !important;
  transform-origin: left center !important;
}
html.focus-workbench .aestus-header-feedback {
  min-width: 96px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  font-size: 11px !important;
}
html.focus-workbench #detailView .detail-topbar,
html.focus-workbench .ofw-index-pane { top: 72px !important; }
html.focus-workbench .ofw-index-pane { max-height: calc(100vh - 72px) !important; }

html.focus-workbench #browserView #catalogList :is(.dense-market-card, .dense-market-card.featured) .catalog-title a.soccer-event-title-link,
html.focus-workbench #detailView a.soccer-event-title-link {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
}

html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-list-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-list-col {
  order: 1 !important;
  grid-column: 1 !important;
}
html.focus-workbench #detailView .ofw-orderbook-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-orderbook-col {
  order: 2 !important;
  grid-column: 2 !important;
}
html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col,
html.focus-workbench #detailView.aestus-parent-hub .mkt-chart-col,
html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col {
  order: 3 !important;
  grid-column: 3 !important;
}
html.focus-workbench #detailView #mktSplit.ofw-execution-row,
html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
  grid-template-columns: minmax(430px, .95fr) minmax(420px, 1fr) minmax(500px, 1.2fr) !important;
}
html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span,
html.focus-workbench #detailView .sidebet-option-name strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span > b { flex: 0 0 auto !important; }

@media (max-width: 1500px) {
  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: minmax(400px, .9fr) minmax(390px, .98fr) minmax(430px, 1.12fr) !important;
  }
}
@media (max-width: 1220px) {
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col { grid-column: 1 !important; }
}
@media (max-width: 980px) {
  html.focus-workbench .view { min-height: calc(100vh - 58px) !important; }
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: 255px minmax(360px, 1fr) !important;
    height: 58px !important;
    min-height: 58px !important;
  }
  html.focus-workbench .ofw-brand-zone,
  html.focus-workbench .ofw-primary-nav,
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button { height: 58px !important; min-height: 58px !important; }
  html.focus-workbench .aestus-wordmark-picture { flex-basis: 168px !important; width: 168px !important; height: 54px !important; }
  html.focus-workbench .aestus-wordmark-logo { width: 168px !important; height: 54px !important; max-height: 54px !important; }
  html.focus-workbench #detailView .detail-topbar,
  html.focus-workbench .ofw-index-pane { top: 58px !important; }
  html.focus-workbench .ofw-index-pane { max-height: calc(100vh - 58px) !important; }
}
@media (max-width: 760px) {
  html.focus-workbench .aestus-wordmark-picture,
  html.focus-workbench .aestus-wordmark-logo { width: 118px !important; }
  html.focus-workbench .aestus-wordmark-picture { flex-basis: 118px !important; }
}

/* beta.105 final review: fixtures follow the same left title edge as every
   other catalog row. Team identity stays name + crest / crest + name. */
html.focus-workbench #browserView #catalogList .dense-market-card .catalog-title {
  text-align: left !important;
}

html.focus-workbench #browserView #catalogList :is(.dense-market-card, .dense-market-card.featured) .catalog-title a.soccer-event-title-link.soccer-event-title-link {
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

html.focus-workbench #browserView #catalogList .dense-market-card .soccer-event-title-link .club-title-side {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 18px) !important;
}

html.focus-workbench #browserView #catalogList .dense-market-card .soccer-event-title-link .club-title-home {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Each compact event quote owns two non-overlapping tracks: the label may
   truncate, while the price always keeps its full width. Long outcome sets
   switch to one quote per line; short Yes/No and score labels remain dense. */
html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) {
  min-width: 0 !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview):has(> .sidebet-preview-entry.is-long) {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > .sidebet-preview-entry {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 7px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .sidebet-preview-name {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font: inherit !important;
  font-style: normal !important;
  line-height: inherit !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .sidebet-preview-price {
  position: relative !important;
  z-index: 1 !important;
  justify-self: end !important;
  min-width: max-content !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView.aestus-parent-hub .sidebet-level-button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
}

html.focus-workbench #detailView.aestus-parent-hub :is(.sidebet-level-copy, .sidebet-level-preview) {
  width: 100% !important;
  min-width: 0 !important;
}

/* A high-specificity legacy generic-event rule added 9px above the chart
   column. Normalize all three execution modules to the same top coordinate. */
html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-width: 0 !important;
}

html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub) .mkt-chart-col {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-width: 0 !important;
}

html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col > .ofw-module-head {
  margin-top: 0 !important;
}

/* beta.106 refinement: chart periods are controls, not footnotes. Keep Reload
   deliberately quieter so the selected analytical window remains dominant. */
html.focus-workbench #detailView :is(.range-seg button, #chartReload):not(#chartReload) {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

html.focus-workbench #detailView #chartReload {
  font-size: 8px !important;
  font-weight: 500 !important;
}

/* A grouped line family can be opened one threshold at a time or compared as
   one shared-timeframe chart. The plot action stays distinct from level cards. */
html.focus-workbench #detailView .sidebet-level-head {
  align-items: center !important;
}

html.focus-workbench #detailView .sidebet-level-heading {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html.focus-workbench #detailView .sidebet-level-heading > strong {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html.focus-workbench #detailView .sidebet-level-heading > small {
  flex: 0 0 auto !important;
  max-width: none !important;
}

html.focus-workbench #detailView .sidebet-group-plot {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 68px !important;
  min-height: 25px !important;
  height: 25px !important;
  padding: 0 6px !important;
  gap: 5px !important;
  border: 1px solid #315b83 !important;
  border-radius: 0 !important;
  color: #c7d8e9 !important;
  background: #0b1824 !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .sidebet-group-plot b {
  color: var(--ofw-accent) !important;
  font: inherit !important;
}

html.focus-workbench #detailView .sidebet-group-plot:hover,
html.focus-workbench #detailView .sidebet-group-plot.active {
  border-color: #6ba7df !important;
  color: var(--ofw-primary) !important;
  background: #12283b !important;
  box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
}

/* Soccer's primary decision markets stay immediately visible. The long tail
   is one coherent secondary layer, closed by default and retained per event. */
html.focus-workbench #detailView .sidebet-secondary {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 1px solid var(--ofw-border) !important;
  border-radius: 0 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 6px 9px !important;
  gap: 12px !important;
  list-style: none !important;
  cursor: pointer !important;
  color: var(--ofw-primary) !important;
  background: var(--ofw-surface-2) !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary::-webkit-details-marker {
  display: none !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary strong {
  color: var(--ofw-primary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary small,
html.focus-workbench #detailView .sidebet-secondary > summary > b {
  color: var(--ofw-tertiary) !important;
  font-family: var(--ofw-mono) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary > b {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .sidebet-secondary > summary::after {
  content: '+' !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #315b83 !important;
  color: var(--ofw-accent) !important;
  font: 700 13px/1 var(--ofw-mono) !important;
}

html.focus-workbench #detailView .sidebet-secondary[open] > summary {
  border-bottom: 1px solid var(--ofw-border) !important;
  background: #111e28 !important;
}

html.focus-workbench #detailView .sidebet-secondary[open] > summary::after {
  content: '−' !important;
}

html.focus-workbench #detailView .sidebet-secondary-content {
  padding: 7px 7px 0 !important;
}

html.focus-workbench #detailView .sidebet-secondary-content > .sidebet-family:last-child {
  margin-bottom: 7px !important;
}

@media (max-width: 760px) {
  html.focus-workbench #detailView .sidebet-level-head,
  html.focus-workbench #detailView .sidebet-level-heading {
    align-items: flex-start !important;
  }

  html.focus-workbench #detailView .sidebet-level-heading {
    flex-direction: column !important;
    gap: 3px !important;
  }

  html.focus-workbench #detailView .sidebet-secondary > summary > b {
    display: none !important;
  }
}

/* beta110 refinement: selected markets use two useful working columns. The
   market list and compact order book share the left half; the price action
   canvas owns the right half instead of leaving three sparse columns. */
html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, auto) !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
  align-items: start !important;
}

html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-list-col {
  grid-column: 1 !important;
  grid-row: 1 !important;
  border-right: 0 !important;
}

html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .ofw-orderbook-col {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-height: 0 !important;
  height: auto !important;
  border-right: 0 !important;
  border-top: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-chart-col {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-height: 0 !important;
  border-left: 1px solid var(--ofw-border) !important;
  padding-left: 10px !important;
}

html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-body {
  padding: 6px !important;
}

html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .structure-market-data {
  gap: 5px !important;
}

html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .table-scroll {
  max-height: 235px !important;
}

html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .microstructure-table :is(th, td) {
  padding: 4px 5px !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView.aestus-selected-market .ofw-module-head > span {
  display: none !important;
}

html.focus-workbench #detailView .recent-media-panel {
  margin: 0 !important;
  padding: 10px !important;
  border-color: #264766 !important;
  background: var(--ofw-surface) !important;
}

html.focus-workbench #detailView .recent-media-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html.focus-workbench #detailView .recent-media-head h2 {
  margin: 0 !important;
  color: var(--ofw-primary) !important;
  font-size: 14px !important;
}

html.focus-workbench #detailView .recent-media-sub,
html.focus-workbench #detailView .recent-media-meta {
  margin-top: 3px !important;
  color: var(--ofw-tertiary) !important;
  font: 500 9px/1.35 var(--ofw-mono) !important;
}

html.focus-workbench #detailView .recent-media-meta {
  padding: 7px 0 5px !important;
  border-bottom: 1px solid var(--ofw-border) !important;
}

html.focus-workbench #detailView .recent-media-market-links {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  margin-top: 7px !important;
  padding: 6px 8px !important;
  border: 1px solid #203a55 !important;
  border-radius: 4px !important;
  background: #0b1724 !important;
}

html.focus-workbench #detailView .recent-media-market-links[hidden] {
  display: none !important;
}

html.focus-workbench #detailView .recent-media-market-label,
html.focus-workbench #detailView .recent-media-referral-note {
  color: var(--ofw-tertiary) !important;
  font: 700 8px/1.2 var(--ofw-mono) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html.focus-workbench #detailView .recent-media-market-link {
  color: var(--ofw-accent) !important;
  font: 700 9px/1.2 var(--ofw-mono) !important;
  text-decoration: none !important;
}

html.focus-workbench #detailView .recent-media-market-link::after {
  content: ' ↗' !important;
}

html.focus-workbench #detailView .recent-media-market-link:hover,
html.focus-workbench #detailView .recent-media-market-link:focus-visible {
  text-decoration: underline !important;
}

html.focus-workbench #detailView .recent-media-list {
  display: grid !important;
  gap: 5px !important;
  margin-top: 7px !important;
}

html.focus-workbench #detailView .recent-media-item {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid #203a55 !important;
  border-radius: 4px !important;
  color: var(--ofw-primary) !important;
  text-decoration: none !important;
  background: #09131e !important;
}

html.focus-workbench #detailView .recent-media-item:hover,
html.focus-workbench #detailView .recent-media-item:focus-visible {
  border-color: var(--ofw-accent) !important;
  background: #102238 !important;
}

html.focus-workbench #detailView .recent-media-kind {
  color: var(--ofw-accent) !important;
  font: 700 8px/1 var(--ofw-mono) !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .recent-media-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 3px !important;
}

html.focus-workbench #detailView .recent-media-copy strong {
  overflow: hidden !important;
  color: var(--ofw-primary) !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .recent-media-source {
  overflow: hidden !important;
  color: var(--ofw-tertiary) !important;
  font: 500 8px/1.2 var(--ofw-mono) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .recent-media-arrow {
  color: var(--ofw-accent) !important;
  font: 700 14px/1 var(--ofw-mono) !important;
  text-align: right !important;
}

html.focus-workbench #detailView .recent-media-empty {
  padding: 8px 0 !important;
  color: var(--ofw-tertiary) !important;
  font: 500 9px/1.4 var(--ofw-mono) !important;
}

html.focus-workbench #detailView .ofw-progressive-canvas > #recentMediaPanel {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  order: 3 !important;
}

html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #recentMediaPanel, #holderResearchPanel) {
  min-width: 0 !important;
}

@media (max-width: 1220px) {
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
  }

  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-list-col,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 1 !important;
    grid-row: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 8px !important;
  }
}

/* beta112 refinement: keep the selected-market execution rail dense. The
   order-book column retains every diagnostic and tab, but its controls use
   their content height instead of the generous research-card spacing that
   made a single market require unnecessary scrolling. */
html.focus-workbench #detailView .ofw-orderbook-col {
  min-height: 0 !important;
  height: auto !important;
}

html.focus-workbench #detailView .ofw-orderbook-body {
  padding: 4px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data {
  gap: 4px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head {
  gap: 6px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head strong {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head small {
  margin-top: 2px !important;
  font-size: 7px !important;
  line-height: 1.2 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head .mono-sm {
  font-size: 7px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher {
  gap: 6px !important;
  margin: 4px 0 !important;
  padding: 5px 6px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher select#structureBetSelector {
  height: 32px !important;
  min-height: 32px !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher label span {
  font-size: 7px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher small {
  font-size: 6.5px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-pair {
  gap: 4px !important;
  margin: 4px 0 !important;
  padding: 4px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col button.structure-outcome-chip {
  min-height: 44px !important;
  padding: 6px 7px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-chip span {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-chip small {
  margin-top: 2px !important;
  font-size: 7px !important;
  line-height: 1.15 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stats {
  gap: 4px !important;
  margin: 4px 0 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat {
  padding: 4px 5px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat small {
  font-size: 6px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat b {
  margin-top: 2px !important;
  font-size: 9px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure {
  gap: 2px 7px !important;
  padding: 5px 6px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure > div:first-child {
  min-width: 92px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure small {
  font-size: 6px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure strong {
  font-size: 9px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure-meta {
  font-size: 6.5px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .market-pressure-note {
  font-size: 7px !important;
  line-height: 1.25 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-tabs {
  gap: 5px !important;
  margin: 4px 0 !important;
  padding-bottom: 4px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .structure-tab {
  height: 25px !important;
  min-height: 25px !important;
  padding: 4px 7px !important;
  font-size: 8px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .microstructure-block h3 {
  margin-bottom: 3px !important;
  font-size: 7px !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .microstructure-table :is(th, td) {
  padding: 3px 4px !important;
  font-size: 7.5px !important;
  line-height: 1.15 !important;
}

html.focus-workbench #detailView .ofw-orderbook-col .latest-trades-meta,
html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data > .status {
  font-size: 6.5px !important;
  line-height: 1.25 !important;
}

/* A match result is a three-way quote. Keep home, draw and away on the same
   compact row, with the name track allowed to ellipsize before the price can
   collide with it. */
html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
}

html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-entry {
  grid-template-columns: minmax(0, 1fr) max-content !important;
  min-width: 0 !important;
  gap: 4px !important;
}

html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-price {
  min-width: max-content !important;
  font-size: 8px !important;
  white-space: nowrap !important;
}