/* FILE VERSION: 0.7.5-multi-monitor-ticker-popout */
body.market-overlay-active #root { display: none !important; }
#market-workspace-overlay { min-width: 320px; min-height: 100vh; color: var(--text); background: var(--bg); }
#market-workspace-overlay .market-overlay-version { color: var(--muted); font-size: .64rem; }
#market-workspace-overlay .market-overlay-admin-link { margin-top: .2rem; }
#market-workspace-overlay .market-overlay-profile-copy { display: grid; gap: .08rem; text-align: left; }
#market-workspace-overlay .market-overlay-profile-copy small { color: var(--muted); }
#market-workspace-overlay .market-overlay-logo { display: inline-flex; align-items: center; gap: .75rem; }
#market-workspace-overlay .market-overlay-logo-mark { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid rgba(66,211,146,.32); border-radius: .9rem; color: var(--green); background: rgba(66,211,146,.12); font-weight: 900; }
#market-workspace-overlay .market-overlay-logo-copy { display: grid; gap: .08rem; }
#market-workspace-overlay .market-overlay-logo-copy strong { font-size: 1.05rem; }
#market-workspace-overlay .market-overlay-logo-copy small { color: var(--muted); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
#market-workspace-overlay .sidebar--collapsed .market-overlay-logo-copy { display: none; }
#market-workspace-overlay .market-overlay-icon { width: 1.15rem; text-align: center; font-size: 1rem; }
#market-workspace-overlay .market-overlay-spinner { display: inline-block; width: 1.1rem; height: 1.1rem; border: 2px solid rgba(66,211,146,.2); border-top-color: var(--green); border-radius: 50%; animation: spin 700ms linear infinite; }
#market-workspace-overlay .market-overlay-error-detail { max-width: 48rem; overflow-wrap: anywhere; }
#market-workspace-overlay .market-overlay-footer-version { display: block; margin-top: .55rem; color: #526a82; font-size: .62rem; }
/* FILE VERSION: 0.6.2-unified-market-workspace */
.market-workspace-page {
  display: grid;
  gap: 1.25rem;
}

.market-page-heading {
  margin-bottom: 0;
}

.market-symbol-tabs {
  display: flex;
  gap: 0.7rem;
  padding: 0.35rem 0 0.15rem;
  overflow-x: auto;
  scrollbar-width: thin;
}

.market-symbol-tab {
  display: grid;
  min-width: 9.5rem;
  padding: 0.82rem 0.95rem;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: 0.9rem;
  background: rgba(11, 27, 44, 0.72);
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.market-symbol-tab:hover {
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.market-symbol-tab--active {
  color: var(--text);
  border-color: rgba(66, 211, 146, 0.46);
  background: linear-gradient(145deg, rgba(66, 211, 146, 0.14), rgba(12, 31, 47, 0.92));
  box-shadow: inset 0 0 0 1px rgba(66, 211, 146, 0.05), 0 12px 30px rgba(0, 0, 0, 0.16);
}

.market-symbol-tab__dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #52677b;
  box-shadow: 0 0 0 4px rgba(82, 103, 123, 0.12);
}

.market-symbol-tab--active .market-symbol-tab__dot {
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(66, 211, 146, 0.13), 0 0 18px rgba(66, 211, 146, 0.35);
}

.market-symbol-tab > span:last-child {
  display: grid;
  gap: 0.15rem;
}

.market-symbol-tab strong {
  font-size: 0.92rem;
}

.market-symbol-tab small {
  max-width: 9rem;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-empty-access,
.market-workspace-error {
  display: grid;
  min-height: 20rem;
  padding: 2rem;
  place-content: center;
  justify-items: center;
  gap: 0.85rem;
  color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 1.1rem;
  background: rgba(12, 27, 44, 0.74);
  text-align: center;
}

.market-empty-access strong,
.market-workspace-error strong {
  color: var(--text);
  font-size: 1.05rem;
}

.market-empty-access p,
.market-workspace-error p {
  max-width: 34rem;
  margin: 0;
  line-height: 1.6;
}

.market-hero-card {
  display: grid;
  padding: 1.25rem 1.35rem;
  grid-template-columns: minmax(14rem, 1fr) auto auto;
  align-items: center;
  gap: 1.5rem;
  border: 1px solid var(--border);
  border-radius: 1.1rem;
  background:
    radial-gradient(circle at 90% 0%, rgba(66, 211, 146, 0.09), transparent 24rem),
    linear-gradient(145deg, rgba(16, 35, 56, 0.96), rgba(9, 24, 39, 0.96));
  box-shadow: var(--shadow);
}

.market-hero-card__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.95rem;
}

.market-hero-card__symbol-mark {
  display: grid;
  width: 3.4rem;
  height: 3.4rem;
  flex: 0 0 auto;
  place-items: center;
  color: var(--green);
  border: 1px solid rgba(66, 211, 146, 0.28);
  border-radius: 1rem;
  background: rgba(66, 211, 146, 0.1);
  font-size: 0.73rem;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.market-hero-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.market-hero-card h2 {
  margin: 0;
  font-size: 1.65rem;
  letter-spacing: -0.04em;
}

.market-hero-card__identity p,
.market-hero-card__identity span {
  display: block;
  max-width: 30rem;
  margin: 0.2rem 0 0;
  overflow: hidden;
  color: var(--muted-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-hero-card__identity span {
  color: var(--muted);
  font-size: 0.72rem;
}

.market-hero-card__price {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
}

.market-hero-card__price > strong {
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  letter-spacing: -0.05em;
}

.market-change {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  font-size: 0.82rem;
  font-weight: 760;
}

.market-change--positive {
  color: var(--green);
}

.market-change--negative {
  color: var(--danger);
}

.market-hero-card__controls {
  display: grid;
  justify-items: end;
  gap: 0.55rem;
}

.segmented-control {
  display: inline-flex;
  padding: 0.25rem;
  gap: 0.18rem;
  border: 1px solid var(--border);
  border-radius: 0.72rem;
  background: rgba(4, 15, 27, 0.68);
}

.segmented-control button {
  min-width: 2.5rem;
  padding: 0.46rem 0.58rem;
  color: var(--muted);
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  font-size: 0.72rem;
  font-weight: 760;
  cursor: pointer;
}

.segmented-control button.is-active {
  color: #03130d;
  background: var(--green);
}

.market-hero-card__controls select {
  width: 100%;
  min-height: 2.35rem;
  padding: 0 0.65rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: 0.65rem;
  background: rgba(5, 18, 30, 0.86);
  font-size: 0.72rem;
}

.market-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 0.7fr);
  gap: 1rem;
}

.market-chart-card,
.market-signal-card {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 1.1rem;
  background: rgba(12, 28, 45, 0.9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.market-chart-card {
  padding: 1.15rem 1.2rem 1rem;
}

.market-chart-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.market-chart-card h3 {
  margin: 0.25rem 0 0;
  font-size: 1.05rem;
}

.market-chart-card__legend {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--muted);
  font-size: 0.68rem;
}

.market-chart-card__legend-line {
  width: 1.7rem;
  height: 2px;
  border-radius: 999px;
  background: var(--green);
}

.market-chart {
  position: relative;
  margin-top: 0.75rem;
  color: var(--green);
}

.market-chart--negative {
  color: var(--danger);
}

.market-chart svg {
  display: block;
  width: 100%;
  min-height: 19rem;
  overflow: visible;
}

.market-chart__grid {
  stroke: rgba(255, 255, 255, 0.055);
  stroke-dasharray: 4 9;
}

.market-chart__previous-close {
  stroke: rgba(247, 200, 115, 0.58);
  stroke-dasharray: 6 7;
}

.market-chart__area {
  fill: url(#marketArea);
}

.market-chart__line {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 7px currentColor);
}

.market-chart__axis {
  position: absolute;
  right: 0.2rem;
  color: var(--muted);
  font-size: 0.64rem;
}

.market-chart__axis--top {
  top: 0.25rem;
}

.market-chart__axis--bottom {
  bottom: 1.85rem;
}

.market-chart__labels {
  display: grid;
  margin: -0.2rem 1.4rem 0;
  grid-template-columns: repeat(3, 1fr);
  color: var(--muted);
  font-size: 0.62rem;
}

.market-chart__labels span:nth-child(2) {
  text-align: center;
}

.market-chart__labels span:last-child {
  text-align: right;
}

.market-chart__previous-label {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  padding: 0.26rem 0.45rem;
  color: var(--gold);
  border: 1px solid rgba(247, 200, 115, 0.2);
  border-radius: 999px;
  background: rgba(12, 27, 44, 0.82);
  font-size: 0.6rem;
}

.market-chart__empty {
  display: grid;
  min-height: 21rem;
  place-content: center;
  justify-items: center;
  gap: 0.6rem;
  color: var(--muted);
  text-align: center;
}

.market-chart__empty strong {
  color: var(--text);
}

.market-quick-stats {
  display: grid;
  margin-top: 0.85rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}

.market-quick-stats > div {
  display: grid;
  gap: 0.2rem;
  padding: 0.7rem 0.72rem;
  border: 1px solid rgba(164, 184, 207, 0.09);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.025);
}

.market-quick-stats span {
  color: var(--muted);
  font-size: 0.62rem;
}

.market-quick-stats strong {
  font-size: 0.78rem;
}

.market-signal-card {
  display: flex;
  padding: 1.3rem;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

.market-signal-card::before {
  display: block;
  width: 100%;
  height: 3px;
  margin: -1.3rem -1.3rem 1.2rem;
  content: "";
  background: var(--blue);
}

.market-signal-card--success::before {
  background: var(--green);
}

.market-signal-card--warning::before {
  background: var(--gold);
}

.market-signal-card--danger::before {
  background: var(--danger);
}

.market-signal-card__icon {
  display: grid;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  place-items: center;
  color: var(--green);
  border: 1px solid rgba(66, 211, 146, 0.24);
  border-radius: 0.95rem;
  background: var(--green-soft);
}

.market-signal-card--danger .market-signal-card__icon {
  color: var(--danger);
  border-color: rgba(255, 119, 119, 0.25);
  background: var(--danger-soft);
}

.market-signal-card--warning .market-signal-card__icon {
  color: var(--gold);
  border-color: rgba(247, 200, 115, 0.25);
  background: var(--gold-soft);
}

.market-signal-card h3 {
  margin: 0.55rem 0 0.65rem;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  letter-spacing: -0.04em;
}

.market-signal-card > p {
  margin: 0;
  color: var(--muted-strong);
  line-height: 1.65;
}

.market-signal-card__confidence {
  display: flex;
  width: 100%;
  margin-top: 1.15rem;
  padding: 0.85rem 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.market-signal-card__confidence span,
.market-signal-card__runtime span {
  color: var(--muted);
  font-size: 0.72rem;
}

.market-signal-card__confidence strong {
  font-size: 0.82rem;
}

.market-signal-card__runtime {
  display: grid;
  width: 100%;
  margin: 0.9rem 0 1rem;
  gap: 0.65rem;
}

.market-signal-card__runtime > div {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--muted-strong);
}

.market-analysis-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.market-analysis-card {
  display: grid;
  min-width: 0;
  padding: 0.9rem;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  border: 1px solid var(--border);
  border-radius: 0.9rem;
  background: rgba(12, 28, 45, 0.78);
}

.market-analysis-card__icon {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  color: var(--blue);
  border-radius: 0.75rem;
  background: var(--blue-soft);
}

.market-analysis-card > div {
  display: grid;
  min-width: 0;
  gap: 0.18rem;
}

.market-analysis-card span {
  color: var(--muted);
  font-size: 0.62rem;
}

.market-analysis-card strong {
  overflow: hidden;
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-analysis-card small {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
  gap: 1rem;
}

.market-reading-panel__summary {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.94rem;
  line-height: 1.75;
}

.market-reading-panel__facts {
  display: grid;
  margin-top: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.market-reading-panel__facts > div {
  display: grid;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.025);
}

.market-reading-panel__facts span {
  color: var(--muted);
  font-size: 0.64rem;
}

.market-reading-panel__facts strong {
  font-size: 0.78rem;
}

.market-strategy-list {
  display: grid;
  gap: 0.55rem;
}

.market-strategy-row {
  display: grid;
  padding: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  border: 1px solid var(--border);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.024);
}

.market-strategy-row__dot {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  background: #52677b;
}

.market-strategy-row__dot--running {
  background: var(--green);
  box-shadow: 0 0 11px rgba(66, 211, 146, 0.65);
}

.market-strategy-row > div {
  display: grid;
  min-width: 0;
  gap: 0.15rem;
}

.market-strategy-row strong {
  overflow: hidden;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-strategy-row small,
.market-strategy-row > span:last-child {
  color: var(--muted);
  font-size: 0.62rem;
}

@media (max-width: 1380px) {
  .market-analysis-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .market-quick-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .market-hero-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .market-hero-card__controls {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(10rem, 14rem);
    align-items: center;
    justify-content: space-between;
  }

  .market-primary-grid,
  .market-bottom-grid {
    grid-template-columns: 1fr;
  }
}

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

  .market-hero-card__price,
  .market-hero-card__controls {
    justify-items: start;
  }

  .market-hero-card__controls {
    grid-column: auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .segmented-control {
    width: 100%;
    overflow-x: auto;
  }

  .segmented-control button {
    flex: 1;
  }

  .market-analysis-grid,
  .market-reading-panel__facts {
    grid-template-columns: 1fr;
  }

  .market-quick-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-chart svg {
    min-height: 14rem;
  }

  .market-strategy-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .market-strategy-row > span:last-child {
    grid-column: 2;
  }
}

/* FILE VERSION: 0.6.3-unified-navigation-version-sync */
.market-runtime-version {
  display: block;
  margin-top: 0.35rem;
  color: var(--muted, #6f8aa5);
  font-size: 0.68rem;
  letter-spacing: 0.04em;
}

/* FILE VERSION: 0.6.9-compact-operational-market-feed */
#market-workspace-overlay .content {
  width: 100%;
  max-width: none;
  padding: 0.9rem 1rem 1.1rem;
}

.market-workspace-page--compact {
  gap: 0.62rem;
}

.market-compact-heading {
  display: flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.market-compact-heading h1 {
  margin: 0.08rem 0 0;
  font-size: clamp(1.32rem, 2vw, 1.7rem);
  letter-spacing: -0.035em;
}

.market-compact-heading .eyebrow,
.market-live-panel .eyebrow {
  font-size: 0.61rem;
}

.market-live-toolbar,
.market-live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
}

.market-live-indicator {
  padding: 0.38rem 0.58rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(10, 27, 43, 0.78);
  font-size: 0.66rem;
  white-space: nowrap;
}

.secondary-button--compact {
  min-height: 2rem;
  padding: 0.38rem 0.65rem;
  border-radius: 0.6rem;
  font-size: 0.7rem;
}

.market-symbol-tabs--compact {
  gap: 0.42rem;
  padding: 0;
}

.market-symbol-tabs--compact .market-symbol-tab {
  min-width: 6.8rem;
  padding: 0.48rem 0.62rem;
  gap: 0.48rem;
  border-radius: 0.68rem;
}

.market-symbol-tabs--compact .market-symbol-tab strong {
  font-size: 0.78rem;
}

.market-symbol-tabs--compact .market-symbol-tab small {
  font-size: 0.58rem;
}

.market-compact-hero {
  display: grid;
  min-width: 0;
  padding: 0.72rem 0.8rem;
  grid-template-columns: minmax(12rem, 1fr) auto minmax(18rem, 1.3fr) auto;
  align-items: center;
  gap: 0.85rem;
  border: 1px solid var(--border);
  border-radius: 0.86rem;
  background:
    radial-gradient(circle at 88% 0%, rgba(66, 211, 146, 0.07), transparent 20rem),
    linear-gradient(145deg, rgba(15, 34, 54, 0.96), rgba(8, 23, 38, 0.96));
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
}

.market-compact-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.65rem;
}

.market-compact-identity .market-hero-card__symbol-mark {
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 0.7rem;
  font-size: 0.62rem;
}

.market-compact-identity h2 {
  margin: 0;
  font-size: 1.2rem;
}

.market-compact-identity p {
  max-width: 18rem;
  margin: 0.12rem 0 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.64rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-compact-price {
  display: grid;
  justify-items: end;
  gap: 0.16rem;
}

.market-compact-price > strong {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  letter-spacing: -0.045em;
}

.market-compact-price .market-change {
  font-size: 0.68rem;
}

.market-current-reading {
  min-width: 0;
  padding: 0.48rem 0.65rem;
  border-left: 3px solid var(--blue);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.025);
}

.market-current-reading--success { border-left-color: var(--green); }
.market-current-reading--warning { border-left-color: var(--gold); }
.market-current-reading--danger { border-left-color: var(--danger); }

.market-current-reading > span {
  display: block;
  color: var(--muted);
  font-size: 0.58rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.market-current-reading > strong {
  display: block;
  margin-top: 0.12rem;
  font-size: 0.78rem;
}

.market-current-reading > small {
  display: -webkit-box;
  margin-top: 0.12rem;
  overflow: hidden;
  color: var(--muted-strong);
  font-size: 0.6rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.market-compact-controls {
  display: grid;
  justify-items: end;
  gap: 0.32rem;
}

.market-compact-controls .segmented-control {
  padding: 0.16rem;
  border-radius: 0.55rem;
}

.market-compact-controls .segmented-control button {
  min-width: 2rem;
  padding: 0.3rem 0.38rem;
  border-radius: 0.38rem;
  font-size: 0.62rem;
}

.market-compact-controls select {
  width: 100%;
  min-height: 1.9rem;
  padding: 0 0.48rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  background: rgba(5, 18, 30, 0.86);
  font-size: 0.62rem;
}

.market-metrics-strip {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 0.38rem;
}

.market-metric {
  display: grid;
  min-width: 0;
  min-height: 3.35rem;
  padding: 0.48rem 0.52rem;
  align-content: center;
  gap: 0.12rem;
  border: 1px solid rgba(164, 184, 207, 0.1);
  border-radius: 0.62rem;
  background: rgba(12, 28, 45, 0.72);
}

.market-metric span,
.market-metric small {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-metric strong {
  overflow: hidden;
  font-size: 0.69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-live-grid {
  display: grid;
  height: clamp(30rem, calc(100vh - 22.5rem), 54rem);
  min-height: 0;
  grid-template-columns: minmax(0, 1.8fr) minmax(20rem, 0.72fr);
  gap: 0.62rem;
}

.market-live-panel {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 0.82rem;
  background: rgba(10, 26, 43, 0.9);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.market-live-panel > header {
  display: flex;
  min-height: 3.4rem;
  padding: 0.58rem 0.72rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  border-bottom: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.018);
}

.market-live-panel > header h2 {
  margin: 0.1rem 0 0;
  font-size: 0.92rem;
}

.market-live-panel > header > span {
  color: var(--muted);
  font-size: 0.58rem;
  white-space: nowrap;
}

.market-feed-header,
.market-feed-row {
  display: grid;
  grid-template-columns: 0.55fr 0.72fr 1fr 0.72fr 0.86fr 0.82fr 1.72fr;
  align-items: center;
  gap: 0.38rem;
}

.market-feed-header {
  min-height: 2rem;
  padding: 0 0.65rem;
  color: var(--muted);
  border-bottom: 1px solid rgba(164, 184, 207, 0.08);
  background: rgba(4, 15, 27, 0.48);
  font-size: 0.54rem;
  font-weight: 780;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.market-feed-body {
  min-height: 0;
  flex: 1;
  overflow: auto;
  scrollbar-width: thin;
}

.market-feed-row {
  position: relative;
  min-height: 3.3rem;
  padding: 0.38rem 0.65rem;
  border-bottom: 1px solid rgba(164, 184, 207, 0.065);
  transition: background 120ms ease;
}

.market-feed-row:hover {
  background: rgba(255, 255, 255, 0.025);
}

.market-feed-row::before {
  position: absolute;
  top: 0.45rem;
  bottom: 0.45rem;
  left: 0;
  width: 2px;
  border-radius: 999px;
  content: "";
  background: #52677b;
}

.market-feed-row--success::before { background: var(--green); }
.market-feed-row--warning::before { background: var(--gold); }
.market-feed-row--danger::before { background: var(--danger); }

.market-feed-cell {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

.market-feed-cell strong,
.market-feed-cell small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-feed-cell strong {
  font-size: 0.66rem;
  font-weight: 720;
}

.market-feed-cell small {
  color: var(--muted);
  font-size: 0.54rem;
}

.market-feed-cell--time strong {
  font-variant-numeric: tabular-nums;
}

.market-feed-cell--time small {
  color: var(--green);
  font-size: 0.49rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.market-feed-cell--reading strong {
  color: var(--muted-strong);
}

.market-text-positive { color: var(--green) !important; }
.market-text-negative { color: var(--danger) !important; }

.market-feed-empty {
  display: grid;
  min-height: 7rem;
  padding: 1rem;
  place-content: center;
  color: var(--muted);
  font-size: 0.68rem;
  text-align: center;
}

.market-strategy-status-list {
  display: grid;
  max-height: 14rem;
  padding: 0.55rem;
  gap: 0.42rem;
  overflow-y: auto;
  border-bottom: 1px solid var(--border);
  scrollbar-width: thin;
}

.market-strategy-status {
  display: grid;
  padding: 0.52rem 0.58rem;
  gap: 0.3rem;
  border: 1px solid rgba(164, 184, 207, 0.1);
  border-left: 3px solid #52677b;
  border-radius: 0.58rem;
  background: rgba(255, 255, 255, 0.022);
}

.market-strategy-status--warning { border-left-color: var(--gold); }
.market-strategy-status--entry,
.market-strategy-status--success { border-left-color: var(--green); }
.market-strategy-status--danger { border-left-color: var(--danger); }

.market-strategy-status__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
}

.market-strategy-status__top > div {
  display: grid;
  min-width: 0;
  gap: 0.04rem;
}

.market-strategy-status__top strong {
  overflow: hidden;
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-strategy-status__top small,
.market-strategy-status > small {
  color: var(--muted);
  font-size: 0.52rem;
}

.market-strategy-status__state {
  max-width: 8.5rem;
  overflow: hidden;
  color: var(--muted-strong);
  font-size: 0.55rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-strategy-status p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.56rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.market-events-heading {
  display: flex;
  min-height: 2.5rem;
  padding: 0.48rem 0.65rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(164, 184, 207, 0.08);
  background: rgba(4, 15, 27, 0.38);
}

.market-events-heading strong {
  font-size: 0.68rem;
}

.market-events-heading span {
  color: var(--muted);
  font-size: 0.5rem;
}

.market-events-list {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
}

.market-event {
  display: grid;
  padding: 0.52rem 0.62rem;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  border-bottom: 1px solid rgba(164, 184, 207, 0.065);
}

.market-event__marker {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  color: var(--muted-strong);
  border: 1px solid rgba(164, 184, 207, 0.14);
  border-radius: 0.45rem;
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.64rem;
}

.market-event--warning .market-event__marker { color: var(--gold); border-color: rgba(247, 200, 115, 0.25); }
.market-event--entry .market-event__marker,
.market-event--success .market-event__marker { color: var(--green); border-color: rgba(66, 211, 146, 0.25); }
.market-event--danger .market-event__marker { color: var(--danger); border-color: rgba(255, 119, 119, 0.25); }

.market-event__body {
  min-width: 0;
}

.market-event__body > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.market-event__body strong {
  overflow: hidden;
  font-size: 0.61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-event__body time,
.market-event__body > span {
  color: var(--muted);
  font-size: 0.51rem;
}

.market-event__body p {
  display: -webkit-box;
  margin: 0.2rem 0 0;
  overflow: hidden;
  color: var(--muted-strong);
  font-size: 0.54rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 1450px) {
  .market-metrics-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .market-live-grid {
    height: clamp(30rem, calc(100vh - 26.5rem), 50rem);
    grid-template-columns: minmax(0, 1.55fr) minmax(19rem, 0.8fr);
  }
}

@media (max-width: 1120px) {
  .market-compact-hero {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .market-current-reading {
    grid-column: 1 / -1;
  }

  .market-compact-controls {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(10rem, 13rem);
    align-items: center;
    justify-content: space-between;
  }

  .market-live-grid {
    height: auto;
    grid-template-columns: 1fr;
  }

  .market-live-panel {
    min-height: 30rem;
  }

  .market-live-panel--strategies {
    min-height: 34rem;
  }
}

@media (max-width: 760px) {
  #market-workspace-overlay .content {
    padding: 0.72rem 0.62rem 1rem;
  }

  .market-compact-heading {
    align-items: flex-start;
  }

  .market-compact-heading h1 {
    font-size: 1.2rem;
  }

  .market-live-indicator {
    display: none;
  }

  .market-compact-hero {
    grid-template-columns: 1fr;
  }

  .market-compact-price,
  .market-compact-controls {
    justify-items: start;
  }

  .market-compact-controls {
    grid-column: auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .market-metrics-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-feed-header {
    display: none;
  }

  .market-feed-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
  }

  .market-feed-cell--reading {
    grid-column: 1 / -1;
  }
}

/* FILE VERSION: 0.7.2-persistent-user-layout-realtime-quotes */
#market-workspace-overlay .market-board-content {
  width: 100%;
  max-width: none;
  padding: .7rem .75rem calc(var(--market-alert-height, 132px) + 1rem);
  overflow: hidden;
}

.market-board-page {
  --market-history-width: 330px;
  --market-alert-height: 132px;
  display: grid;
  min-width: 0;
  gap: .55rem;
}

.market-board-toolbar {
  display: flex;
  min-height: 3.1rem;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.market-board-toolbar h1 {
  margin: .06rem 0 0;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  letter-spacing: -.035em;
}

.market-board-toolbar .eyebrow {
  font-size: .56rem;
}

.market-board-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: .38rem;
  flex-wrap: wrap;
}

.market-board-actions select {
  min-height: 2rem;
  padding: 0 .52rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: .56rem;
  background: rgba(5,18,30,.9);
  font-size: .62rem;
}

.market-board-actions .segmented-control {
  padding: .14rem;
  border-radius: .52rem;
}

.market-board-actions .segmented-control button {
  min-width: 1.9rem;
  padding: .28rem .36rem;
  border-radius: .36rem;
  font-size: .59rem;
}

.market-board-grid {
  display: grid;
  height: calc(100vh - 4.2rem - 3.9rem - var(--market-alert-height));
  min-height: 29rem;
  grid-template-columns: minmax(0,1fr) 8px var(--market-history-width);
  gap: 0;
  overflow: hidden;
}

.market-context-panel,
.global-history-panel {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  background: rgba(7,21,35,.94);
  box-shadow: 0 15px 36px rgba(0,0,0,.17);
}

.market-context-panel {
  position: relative;
  overflow: auto;
  border-radius: .85rem 0 0 .85rem;
  scrollbar-width: thin;
  background:
    linear-gradient(rgba(164,184,207,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(164,184,207,.032) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(53,159,255,.045), transparent 36rem),
    rgba(7,21,35,.96);
  background-size: 24px 24px, 24px 24px, auto, auto;
}

.market-context-canvas {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  padding: 0;
}

.market-history-resizer {
  position: relative;
  z-index: 20;
  cursor: col-resize;
  touch-action: none;
  background: rgba(4,15,27,.9);
}

.market-history-resizer::after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 4px;
  height: 3.5rem;
  border-radius: 99px;
  content: "";
  transform: translateY(-50%);
  background: rgba(112,145,175,.34);
  transition: background 140ms ease, box-shadow 140ms ease;
}

.market-history-resizer:hover::after {
  background: var(--green);
  box-shadow: 0 0 14px rgba(66,211,146,.45);
}

.ticker-card {
  --heat-color: 56,76,94;
  position: absolute;
  display: flex;
  min-width: 220px;
  min-height: 170px;
  flex-direction: column;
  overflow: hidden;
  color: #f4f8fc;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: .8rem;
  background:
    linear-gradient(150deg, rgba(var(--heat-color),.76), rgba(6,18,31,.95) 72%),
    rgba(8,23,38,.95);
  box-shadow: 0 12px 28px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.025);
  container-type: size;
  transition: box-shadow 150ms ease, border-color 150ms ease, filter 150ms ease;
}

.ticker-card:hover {
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 17px 34px rgba(0,0,0,.31), inset 0 0 0 1px rgba(255,255,255,.04);
}

.ticker-card--moving {
  user-select: none;
  opacity: .94;
  filter: brightness(1.08);
  box-shadow: 0 24px 58px rgba(0,0,0,.46), 0 0 0 2px rgba(66,211,146,.48);
}

.ticker-card--focus {
  animation: tickerFocus 1.6s ease both;
}

.ticker-card--event {
  animation: tickerEvent 1.2s ease both;
}

.ticker-card.heat-pos-1 { --heat-color: 35,104,73; }
.ticker-card.heat-pos-2 { --heat-color: 27,135,76; }
.ticker-card.heat-pos-3 { --heat-color: 19,159,71; }
.ticker-card.heat-pos-4 { --heat-color: 10,181,66; }
.ticker-card.heat-neg-1 { --heat-color: 110,60,61; }
.ticker-card.heat-neg-2 { --heat-color: 139,53,54; }
.ticker-card.heat-neg-3 { --heat-color: 165,43,45; }
.ticker-card.heat-neg-4 { --heat-color: 190,34,38; }
.ticker-card.heat-neutral { --heat-color: 56,72,88; }

.ticker-card__drag {
  display: flex;
  min-height: 3.05rem;
  padding: .55rem .65rem;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.115);
  background: rgba(3,13,23,.27);
  cursor: grab;
  touch-action: none;
}

.ticker-card__drag:active { cursor: grabbing; }

.ticker-card__symbol {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .48rem;
}

.ticker-card__symbol > div {
  display: grid;
  min-width: 0;
  gap: .02rem;
}

.ticker-card__symbol strong {
  font-size: .92rem;
  letter-spacing: -.015em;
}

.ticker-card__symbol small {
  max-width: 13rem;
  overflow: hidden;
  color: rgba(230,240,249,.68);
  font-size: .51rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticker-card__live-dot {
  width: .48rem;
  height: .48rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #5bf0ab;
  box-shadow: 0 0 0 4px rgba(91,240,171,.13), 0 0 14px rgba(91,240,171,.55);
}

.ticker-card__phase .status-badge {
  padding: .22rem .42rem;
  font-size: .48rem;
}

.ticker-card__body {
  display: grid;
  min-height: 0;
  padding: .58rem .65rem .7rem;
  flex: 1;
  align-content: start;
  gap: .48rem;
  overflow: auto;
  scrollbar-width: thin;
}

.ticker-card__price-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .6rem;
}

.ticker-card__price-row > div {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  flex-wrap: wrap;
}

.ticker-card__price-row strong {
  font-size: clamp(1.25rem, 4cqw, 1.85rem);
  letter-spacing: -.05em;
}

.ticker-card__price-row span {
  font-size: clamp(.68rem, 2.2cqw, .92rem);
  font-weight: 850;
}

.ticker-card__price-row > small {
  color: rgba(229,239,248,.62);
  font-size: .5rem;
  white-space: nowrap;
}

.ticker-card__reading {
  padding: .48rem .55rem;
  border-left: 3px solid #6e879f;
  border-radius: .48rem;
  background: rgba(2,12,22,.38);
}

.ticker-card__reading--success { border-left-color: #58eca8; }
.ticker-card__reading--warning { border-left-color: #f3c66a; }
.ticker-card__reading--danger { border-left-color: #ff8585; }

.ticker-card__reading > span {
  display: block;
  color: rgba(230,240,249,.62);
  font-size: .47rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.ticker-card__reading > strong {
  display: block;
  margin-top: .12rem;
  font-size: clamp(.72rem, 2.4cqw, .9rem);
}

.ticker-card__reading p {
  display: -webkit-box;
  margin: .16rem 0 0;
  overflow: hidden;
  color: rgba(235,243,250,.78);
  font-size: clamp(.52rem, 1.75cqw, .66rem);
  line-height: 1.34;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ticker-card__metrics {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .32rem;
}

.ticker-card__metric {
  display: grid;
  min-width: 0;
  padding: .35rem .4rem;
  gap: .06rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .42rem;
  background: rgba(2,12,22,.25);
}

.ticker-card__metric span,
.ticker-card__metric small {
  overflow: hidden;
  color: rgba(230,240,249,.58);
  font-size: .44rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticker-card__metric strong {
  overflow: hidden;
  font-size: .58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticker-card__event {
  display: grid;
  padding: .4rem .48rem;
  gap: .14rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .46rem;
  background: rgba(2,12,22,.31);
}

.ticker-card__event > div {
  display: flex;
  align-items: center;
  gap: .35rem;
}

.ticker-card__event > div > span {
  display: grid;
  width: 1.2rem;
  height: 1.2rem;
  place-items: center;
  border-radius: .32rem;
  background: rgba(255,255,255,.06);
  font-size: .56rem;
}

.ticker-card__event strong { font-size: .56rem; }
.ticker-card__event p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: rgba(235,243,250,.72);
  font-size: .5rem;
  line-height: 1.32;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ticker-card__event small { color: rgba(230,240,249,.52); font-size: .45rem; }
.ticker-card__event--warning { border-color: rgba(243,198,106,.24); }
.ticker-card__event--entry,
.ticker-card__event--success { border-color: rgba(88,236,168,.24); }
.ticker-card__event--danger { border-color: rgba(255,133,133,.24); }

.ticker-card__resize {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 1.15rem;
  height: 1.15rem;
  cursor: nwse-resize;
  touch-action: none;
}

.ticker-card__resize::before,
.ticker-card__resize::after {
  position: absolute;
  right: 3px;
  bottom: 3px;
  border-right: 2px solid rgba(255,255,255,.45);
  border-bottom: 2px solid rgba(255,255,255,.45);
  content: "";
}
.ticker-card__resize::before { width: 8px; height: 8px; }
.ticker-card__resize::after { width: 4px; height: 4px; right: 7px; bottom: 7px; }

.ticker-card__loading {
  display: grid;
  flex: 1;
  place-content: center;
}

.global-history-panel {
  display: flex;
  flex-direction: column;
  border-radius: 0 .85rem .85rem 0;
}

.global-history-panel > header {
  display: flex;
  min-height: 3.5rem;
  padding: .58rem .65rem;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  border-bottom: 1px solid var(--border);
  background: rgba(255,255,255,.018);
}

.global-history-panel h2 {
  margin: .08rem 0 0;
  font-size: .86rem;
}

.global-history-panel .eyebrow { font-size: .5rem; }
.global-history-panel > header > span {
  display: grid;
  min-width: 1.6rem;
  height: 1.6rem;
  place-items: center;
  color: var(--green);
  border: 1px solid rgba(66,211,146,.22);
  border-radius: 999px;
  background: rgba(66,211,146,.08);
  font-size: .57rem;
  font-weight: 850;
}

.global-history-list {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
}

.global-history-event {
  display: grid;
  width: 100%;
  padding: .55rem .58rem;
  grid-template-columns: auto minmax(0,1fr);
  gap: .48rem;
  color: var(--text);
  border: 0;
  border-bottom: 1px solid rgba(164,184,207,.075);
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.global-history-event:hover { background: rgba(255,255,255,.03); }

.global-history-event__icon {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  color: var(--muted-strong);
  border: 1px solid rgba(164,184,207,.16);
  border-radius: .42rem;
  background: rgba(255,255,255,.025);
  font-size: .63rem;
}
.global-history-event--warning .global-history-event__icon { color: var(--gold); border-color: rgba(247,200,115,.26); }
.global-history-event--entry .global-history-event__icon,
.global-history-event--success .global-history-event__icon { color: var(--green); border-color: rgba(66,211,146,.26); }
.global-history-event--danger .global-history-event__icon { color: var(--danger); border-color: rgba(255,119,119,.26); }

.global-history-event__body { display: grid; min-width: 0; gap: .12rem; }
.global-history-event__body > span:first-child { display: flex; align-items: center; justify-content: space-between; gap: .35rem; }
.global-history-event__body strong { overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.global-history-event__body time,
.global-history-event__body small { color: var(--muted); font-size: .47rem; }
.global-history-event__body p {
  display: -webkit-box;
  margin: .06rem 0 0;
  overflow: hidden;
  color: var(--muted-strong);
  font-size: .51rem;
  line-height: 1.34;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.global-history-empty {
  display: grid;
  min-height: 10rem;
  padding: 1rem;
  place-content: center;
  color: var(--muted);
  font-size: .62rem;
  text-align: center;
}

.market-global-alert {
  position: fixed;
  z-index: 10050;
  right: 0;
  bottom: 0;
  left: 270px;
  display: grid;
  height: var(--market-alert-height,132px);
  min-height: 96px;
  padding: 1rem 1.1rem .82rem;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: .9rem;
  overflow: hidden;
  color: var(--text);
  border-top: 2px solid #52677b;
  background: rgba(4,17,29,.985);
  box-shadow: 0 -16px 38px rgba(0,0,0,.36);
}

.app-shell--sidebar-collapsed .market-global-alert { left: 86px; }

.market-global-alert__resize {
  position: absolute;
  top: -5px;
  right: 0;
  left: 0;
  height: 10px;
  cursor: ns-resize;
  touch-action: none;
}
.market-global-alert__resize::after {
  position: absolute;
  top: 3px;
  left: 50%;
  width: 4.5rem;
  height: 3px;
  border-radius: 999px;
  content: "";
  transform: translateX(-50%);
  background: rgba(164,184,207,.36);
}
.market-global-alert__resize:hover::after { background: var(--green); box-shadow: 0 0 12px rgba(66,211,146,.45); }

.market-global-alert__icon {
  display: grid;
  width: clamp(3rem, 5vw, 4.7rem);
  height: clamp(3rem, 5vw, 4.7rem);
  place-items: center;
  color: var(--muted-strong);
  border: 1px solid rgba(164,184,207,.2);
  border-radius: 1rem;
  background: rgba(255,255,255,.035);
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.market-global-alert__copy {
  display: grid;
  min-width: 0;
  gap: .17rem;
  align-content: center;
}
.market-global-alert__copy > span {
  color: var(--green);
  font-size: clamp(.72rem, 1vw, .9rem);
  font-weight: 900;
  letter-spacing: .055em;
}
.market-global-alert__copy > strong {
  overflow: hidden;
  font-size: clamp(.95rem, 1.55vw, 1.35rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.market-global-alert__copy > p {
  display: -webkit-box;
  margin: .08rem 0 0;
  overflow: hidden;
  color: var(--muted-strong);
  font-size: clamp(.72rem, 1.15vw, .98rem);
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.market-global-alert__actions { display: flex; align-items: center; gap: .35rem; }
.market-global-alert__actions .icon-button { width: 2.35rem; height: 2.35rem; font-size: 1rem; }

.market-global-alert--warning { border-top-color: var(--gold); }
.market-global-alert--entry,
.market-global-alert--success { border-top-color: var(--green); }
.market-global-alert--danger { border-top-color: var(--danger); }
.market-global-alert--warning .market-global-alert__icon { color: var(--gold); border-color: rgba(247,200,115,.28); background: rgba(247,200,115,.08); }
.market-global-alert--entry .market-global-alert__icon,
.market-global-alert--success .market-global-alert__icon { color: var(--green); border-color: rgba(66,211,146,.28); background: rgba(66,211,146,.08); }
.market-global-alert--danger .market-global-alert__icon { color: var(--danger); border-color: rgba(255,119,119,.28); background: rgba(255,119,119,.08); }
.market-global-alert--idle .market-global-alert__copy > span { color: var(--muted); }

.market-global-alert--attention {
  animation: globalAlertIn .38s ease both, globalAlertGlow 1.45s ease .38s 2;
}
.market-global-alert--attention .market-global-alert__icon { animation: globalAlertPulse .75s ease 3; }

@keyframes tickerFocus {
  0%,100% { box-shadow: 0 12px 28px rgba(0,0,0,.25); }
  35% { box-shadow: 0 0 0 3px rgba(66,211,146,.72), 0 0 35px rgba(66,211,146,.42); }
}
@keyframes tickerEvent {
  0%,100% { filter: brightness(1); }
  35% { filter: brightness(1.3); }
}
@keyframes globalAlertIn {
  from { transform: translateY(100%); opacity: .35; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes globalAlertGlow {
  0%,100% { box-shadow: 0 -16px 38px rgba(0,0,0,.36); }
  50% { box-shadow: 0 -18px 50px rgba(66,211,146,.25), inset 0 1px 0 rgba(255,255,255,.08); }
}
@keyframes globalAlertPulse {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}

@container (max-width: 300px) {
  .ticker-card__phase,
  .ticker-card__event,
  .ticker-card__metric:nth-child(n+3) { display: none; }
  .ticker-card__metrics { grid-template-columns: 1fr; }
  .ticker-card__reading p { -webkit-line-clamp: 1; }
}

@container (max-height: 225px) {
  .ticker-card__event,
  .ticker-card__metric:nth-child(n+3) { display: none; }
  .ticker-card__body { gap: .34rem; }
  .ticker-card__reading p { -webkit-line-clamp: 1; }
}

@media (max-width: 1150px) {
  .market-board-toolbar { align-items: flex-start; }
  .market-board-grid { grid-template-columns: minmax(0,1fr) 7px minmax(260px,var(--market-history-width)); }
  .market-live-indicator { display: none; }
}

@media (max-width: 820px) {
  #market-workspace-overlay .market-board-content { overflow: auto; padding: .6rem .55rem calc(var(--market-alert-height,132px) + .8rem); }
  .market-board-toolbar { display: grid; }
  .market-board-actions { justify-content: flex-start; }
  .market-board-grid { height: auto; min-height: 0; grid-template-columns: 1fr; gap: .55rem; overflow: visible; }
  .market-context-panel { min-height: 34rem; border-radius: .8rem; }
  .market-history-resizer { display: none; }
  .global-history-panel { min-height: 25rem; border-radius: .8rem; }
  .market-global-alert,
  .app-shell--sidebar-collapsed .market-global-alert { left: 0; padding: .8rem .7rem .65rem; grid-template-columns: auto minmax(0,1fr); }
  .market-global-alert__actions { position: absolute; top: .65rem; right: .55rem; }
  .market-global-alert__icon { width: 2.8rem; height: 2.8rem; border-radius: .75rem; }
  .market-global-alert__copy { padding-right: 4.7rem; }
}


/* FILE VERSION: 0.7.2-persistent-user-layout */
.market-board-actions {
  flex-wrap: nowrap;
}
@media (max-width: 760px) {
  .market-board-actions {
    flex-wrap: wrap;
  }
}


/* FILE VERSION: 0.7.5-multi-monitor-ticker-popout */
#market-workspace-overlay .market-overlay-copyright,
.market-runtime-copyright {
  display: block;
  margin-top: .28rem;
  color: #526a82;
  font-size: .54rem;
  line-height: 1.35;
}

.ticker-context-menu {
  position: fixed;
  z-index: 12000;
  min-width: 18rem;
  padding: .38rem;
  border: 1px solid rgba(124,155,184,.32);
  border-radius: .7rem;
  background: rgba(5,18,31,.985);
  box-shadow: 0 18px 50px rgba(0,0,0,.5);
  backdrop-filter: blur(18px);
  animation: tickerContextIn .15s ease both;
}
.ticker-context-menu button {
  display: grid;
  width: 100%;
  padding: .7rem .75rem;
  grid-template-columns: 2rem minmax(0,1fr);
  align-items: center;
  gap: .65rem;
  color: var(--text);
  border: 0;
  border-radius: .5rem;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.ticker-context-menu button:hover { background: rgba(66,211,146,.1); }
.ticker-context-menu button > span:first-child {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: var(--green);
  border: 1px solid rgba(66,211,146,.26);
  border-radius: .55rem;
  background: rgba(66,211,146,.08);
  font-size: 1rem;
}
.ticker-context-menu button > span:last-child { display: grid; gap: .08rem; }
.ticker-context-menu strong { font-size: .78rem; }
.ticker-context-menu small { color: var(--muted); font-size: .6rem; }
@keyframes tickerContextIn { from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; } }

body.market-ticker-popout-active { overflow: hidden; }
body.market-ticker-popout-active #market-workspace-overlay { min-height: 100vh; }
.ticker-popout-shell {
  --market-history-width: 330px;
  min-height: 100vh;
  padding-bottom: calc(var(--market-alert-height,132px) + 1.9rem);
  background: var(--bg);
}
.ticker-popout-topbar {
  position: sticky;
  z-index: 100;
  top: 0;
  display: flex;
  min-height: 4.15rem;
  padding: .6rem .85rem;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  border-bottom: 1px solid var(--border);
  background: rgba(7,17,31,.97);
  backdrop-filter: blur(18px);
}
.ticker-popout-brand {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: var(--text);
  text-decoration: none;
}
.ticker-popout-brand > span {
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  color: var(--green);
  border: 1px solid rgba(66,211,146,.3);
  border-radius: .78rem;
  background: rgba(66,211,146,.1);
  font-weight: 900;
}
.ticker-popout-brand > div { display: grid; gap: .02rem; }
.ticker-popout-brand strong { font-size: .95rem; }
.ticker-popout-brand small { color: var(--muted); font-size: .55rem; letter-spacing: .12em; text-transform: uppercase; }
.ticker-popout-status { display: flex; align-items: center; gap: .45rem; color: var(--muted-strong); font-size: .72rem; }
.ticker-popout-actions { display: flex; align-items: center; justify-content: flex-end; gap: .36rem; flex-wrap: wrap; }
.ticker-popout-actions select {
  min-height: 2rem;
  padding: 0 .52rem;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  border-radius: .56rem;
  background: rgba(5,18,30,.9);
  font-size: .62rem;
}
.ticker-popout-page { padding: .7rem .75rem 0; }
.ticker-popout-grid {
  display: grid;
  height: calc(100vh - 4.15rem - var(--market-alert-height,132px) - 2rem);
  min-height: 32rem;
  grid-template-columns: minmax(0,1fr) 8px var(--market-history-width);
  gap: 0;
  overflow: hidden;
}
.ticker-popout-details {
  --heat-color: 56,72,88;
  min-width: 0;
  min-height: 0;
  padding: 1rem;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: .9rem 0 0 .9rem;
  background:
    radial-gradient(circle at 15% 0%, rgba(var(--heat-color),.32), transparent 28rem),
    linear-gradient(145deg, rgba(var(--heat-color),.18), rgba(7,21,35,.97) 62%);
  scrollbar-width: thin;
}
.ticker-popout-details.heat-pos-1 { --heat-color: 35,104,73; }
.ticker-popout-details.heat-pos-2 { --heat-color: 27,135,76; }
.ticker-popout-details.heat-pos-3 { --heat-color: 19,159,71; }
.ticker-popout-details.heat-pos-4 { --heat-color: 10,181,66; }
.ticker-popout-details.heat-neg-1 { --heat-color: 110,60,61; }
.ticker-popout-details.heat-neg-2 { --heat-color: 139,53,54; }
.ticker-popout-details.heat-neg-3 { --heat-color: 165,43,45; }
.ticker-popout-details.heat-neg-4 { --heat-color: 190,34,38; }
.ticker-popout-details.heat-neutral { --heat-color: 56,72,88; }
.ticker-popout-hero {
  display: flex;
  padding: .9rem 1rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .85rem;
  background: rgba(2,12,22,.34);
}
.ticker-popout-symbol { display: flex; min-width: 0; align-items: center; gap: .7rem; }
.ticker-popout-symbol > div { display: grid; min-width: 0; gap: .04rem; }
.ticker-popout-symbol > div > span { color: var(--green); font-size: .56rem; font-weight: 850; letter-spacing: .1em; }
.ticker-popout-symbol h1 { margin: 0; font-size: clamp(2rem,5vw,4.7rem); line-height: .95; letter-spacing: -.06em; }
.ticker-popout-symbol small { color: rgba(235,243,250,.68); font-size: .68rem; }
.ticker-popout-price { display: grid; justify-items: end; gap: .15rem; }
.ticker-popout-price > strong { font-size: clamp(2rem,4vw,4rem); letter-spacing: -.06em; }
.ticker-popout-price > span { font-size: clamp(.9rem,1.5vw,1.25rem); font-weight: 900; }
.ticker-popout-price > small { color: var(--muted); font-size: .62rem; }
.ticker-popout-reading {
  margin-top: .75rem;
  padding: .85rem .9rem;
  border-left: 4px solid #6e879f;
  border-radius: .7rem;
  background: rgba(2,12,22,.45);
}
.ticker-popout-reading > span { display: block; color: rgba(230,240,249,.62); font-size: .56rem; font-weight: 900; letter-spacing: .09em; }
.ticker-popout-reading > strong { display: block; margin-top: .12rem; font-size: clamp(1rem,1.8vw,1.5rem); }
.ticker-popout-reading > p { margin: .2rem 0 0; color: var(--muted-strong); font-size: clamp(.72rem,1.2vw,.95rem); line-height: 1.5; }
.ticker-popout-reading.ticker-card__reading--success { border-left-color: #58eca8; }
.ticker-popout-reading.ticker-card__reading--warning { border-left-color: #f3c66a; }
.ticker-popout-reading.ticker-card__reading--danger { border-left-color: #ff8585; }
.ticker-popout-metrics { display: grid; margin-top: .75rem; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; }
.ticker-popout-metrics .ticker-card__metric { min-height: 4.25rem; padding: .65rem .7rem; border-radius: .65rem; background: rgba(2,12,22,.34); }
.ticker-popout-metrics .ticker-card__metric span,
.ticker-popout-metrics .ticker-card__metric small { font-size: .58rem; }
.ticker-popout-metrics .ticker-card__metric strong { font-size: .85rem; }
.ticker-popout-latest { display: grid; margin-top: .75rem; padding: .8rem .85rem; gap: .3rem; border: 1px solid rgba(255,255,255,.1); border-radius: .72rem; background: rgba(2,12,22,.4); }
.ticker-popout-latest > header { display: grid; grid-template-columns: 2rem minmax(0,1fr) auto; align-items: center; gap: .55rem; }
.ticker-popout-latest > header > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .55rem; background: rgba(255,255,255,.06); }
.ticker-popout-latest > header > div { display: grid; gap: .06rem; }
.ticker-popout-latest > header small { color: var(--muted); font-size: .52rem; letter-spacing: .08em; }
.ticker-popout-latest > header strong { font-size: .85rem; }
.ticker-popout-latest > header time { color: var(--muted); font-size: .58rem; }
.ticker-popout-latest > p { margin: 0; color: var(--muted-strong); font-size: .72rem; line-height: 1.45; }
.ticker-popout-latest > small { color: var(--muted); font-size: .58rem; }
.ticker-popout-strategies { margin-top: .75rem; border: 1px solid rgba(255,255,255,.1); border-radius: .72rem; overflow: hidden; background: rgba(2,12,22,.26); }
.ticker-popout-strategies > header { display: flex; min-height: 3.3rem; padding: .65rem .75rem; align-items: center; justify-content: space-between; gap: .5rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.ticker-popout-strategies > header h2 { margin: .08rem 0 0; font-size: .92rem; }
.ticker-popout-strategies > header > span { color: var(--green); font-size: .62rem; font-weight: 800; }
.ticker-popout-strategies > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; padding: .65rem; }
.ticker-popout-strategy { display: grid; padding: .65rem .7rem; gap: .18rem; border: 1px solid rgba(255,255,255,.08); border-radius: .6rem; background: rgba(255,255,255,.025); }
.ticker-popout-strategy--running { border-color: rgba(66,211,146,.26); background: rgba(66,211,146,.06); }
.ticker-popout-strategy > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.ticker-popout-strategy > header > div { display: flex; min-width: 0; align-items: center; gap: .42rem; }
.ticker-popout-strategy > header strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.ticker-popout-strategy > header > span { color: var(--green); font-size: .55rem; }
.ticker-popout-strategy > small { color: var(--muted); font-size: .54rem; }
.ticker-popout-strategy > p { margin: 0; color: var(--muted-strong); font-size: .62rem; line-height: 1.38; }
.ticker-popout-empty { padding: 1.2rem; color: var(--muted); font-size: .7rem; text-align: center; }
.ticker-popout-grid .global-history-panel { border-radius: 0 .9rem .9rem 0; }
.ticker-popout-shell .market-global-alert { left: 0; }
.ticker-popout-footer {
  position: fixed;
  z-index: 10040;
  right: .85rem;
  bottom: calc(var(--market-alert-height,132px) + .28rem);
  display: flex;
  gap: .55rem;
  color: #526a82;
  font-size: .54rem;
  pointer-events: none;
}

@media (max-width: 980px) {
  .ticker-popout-topbar { align-items: flex-start; flex-wrap: wrap; }
  .ticker-popout-status { order: 3; width: 100%; }
  .ticker-popout-grid { height: auto; min-height: 0; grid-template-columns: 1fr; gap: .55rem; overflow: visible; }
  .ticker-popout-details { min-height: 36rem; border-radius: .85rem; }
  .ticker-popout-grid .market-history-resizer { display: none; }
  .ticker-popout-grid .global-history-panel { min-height: 26rem; border-radius: .85rem; }
  .ticker-popout-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ticker-popout-strategies > div { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .ticker-popout-actions { width: 100%; justify-content: flex-start; }
  .ticker-popout-hero { align-items: flex-start; flex-direction: column; }
  .ticker-popout-price { justify-items: start; }
  .ticker-popout-metrics { grid-template-columns: 1fr; }
  .ticker-popout-footer { display: none; }
}

.ticker-popout-state {
  display: grid;
  min-height: calc(100vh - 4.15rem);
  padding: 2rem;
  place-content: center;
  justify-items: center;
  gap: .75rem;
  color: var(--muted);
  text-align: center;
}
.ticker-popout-state strong { color: var(--text); font-size: 1.1rem; }
.ticker-popout-state p { max-width: 34rem; margin: 0; line-height: 1.55; }
.ticker-popout-state .secondary-button { margin-top: .25rem; text-decoration: none; }
.ticker-popout-footer--state { bottom: .55rem; }