/* Reference-richness layer, revision 5.
   The approved picture is a visual target, while every visible market value still comes from
   the terminal's existing snapshots. This layer restores the target's information density and
   prevents transformed desktop ornaments from creating a horizontally scrollable root. */

html[data-finance-terminal-page] { overflow-x: clip; }

.preview-flow-row {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 3px;
  align-content: center;
  gap: 2px 5px;
  padding: 1px 5px;
  border-bottom: 1px solid color-mix(in srgb, var(--gateway-color) 11%, transparent);
}

.preview-flow-row b,
.preview-flow-row em {
  overflow: hidden;
  font: 6px/1.2 var(--mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-flow-row b { color: color-mix(in srgb, var(--gateway-color) 60%, white); }
.preview-flow-row em { color: #9db1c3; font-style: normal; font-variant-numeric: tabular-nums; }
.preview-flow-row em.is-up { color: var(--up); }
.preview-flow-row em.is-down { color: var(--down); }
.preview-flow-row u {
  grid-column: 1 / -1;
  height: 2px;
  overflow: hidden;
  background: color-mix(in srgb, var(--gateway-color) 8%, transparent);
  text-decoration: none;
}
.preview-flow-row u::before {
  display: block;
  width: var(--strength, 0%);
  height: 100%;
  content: "";
  background: linear-gradient(90deg, var(--gateway-color), color-mix(in srgb, var(--gateway-color) 18%, transparent));
  box-shadow: 0 0 6px var(--gateway-color);
}

.preview-y-axis text {
  fill: color-mix(in srgb, var(--gateway-color) 42%, transparent);
  font: 6px var(--mono);
}

.preview-metrics strong {
  overflow: hidden;
  color: color-mix(in srgb, var(--gateway-color) 82%, white);
  font: 700 7px/1 var(--sans);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-event-list .preview-event-row {
  display: grid;
  min-width: 0;
  grid-template-columns: 6px 48px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 4px;
  padding: 0 5px;
  border-bottom: 1px solid color-mix(in srgb, var(--gateway-color) 12%, transparent);
}

.preview-event-row time {
  color: #a4b7c5;
  font: 6px var(--mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.preview-event-row b {
  grid-column: 3;
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--gateway-color) 58%, white);
  font: 6px var(--mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-grade {
  display: grid;
  min-width: 15px;
  min-height: 13px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--gateway-color) 26%, transparent);
  border-radius: 2px;
  color: #a9bbc8;
  font: 6px var(--mono);
  font-style: normal;
}
.event-grade.grade-high { border-color: rgba(255, 108, 112, .55); color: #ff8e91; background: rgba(255, 108, 112, .13); }
.event-grade.grade-medium { border-color: rgba(244, 182, 75, .55); color: #f4c66c; background: rgba(244, 182, 75, .13); }
.event-grade.grade-low { border-color: rgba(99, 200, 239, .45); color: #7bd4f5; background: rgba(99, 200, 239, .1); }
.event-grade.grade-holiday { color: #9db1c3; background: rgba(157, 177, 195, .08); }

.preview-impact-row u {
  display: grid;
  height: 4px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  background: transparent;
}

.preview-impact-row u i {
  position: static;
  display: block;
  min-width: 0;
  height: 100%;
  margin-left: 0;
  border: 0;
  background: color-mix(in srgb, var(--gateway-color) 13%, transparent);
  transform: none;
}
.preview-impact-row u i::before,
.preview-impact-row u i::after { display: none; content: none; }
.preview-impact-row u i:first-child { background: color-mix(in srgb, var(--gateway-color) 84%, transparent); }
.preview-impact-row u i:nth-child(2) { background: color-mix(in srgb, var(--gateway-color) 46%, transparent); }
.preview-impact-row u i:nth-child(3) { background: color-mix(in srgb, var(--gateway-color) 19%, transparent); }
.preview-impact-row em.is-up { color: var(--up); text-shadow: 0 0 6px color-mix(in srgb, var(--up) 65%, transparent); }
.preview-impact-row em.is-down { color: var(--down); text-shadow: 0 0 6px color-mix(in srgb, var(--down) 65%, transparent); }

@media (min-width: 1041px) {
  body[data-terminal-view="overview"] {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip !important;
    background:
      radial-gradient(circle at 7% 14%, rgba(113, 211, 255, .34) 0 1px, transparent 1.35px),
      radial-gradient(circle at 83% 19%, rgba(203, 230, 255, .26) 0 1px, transparent 1.25px),
      radial-gradient(circle at 69% 38%, rgba(81, 184, 255, .22) 0 1px, transparent 1.2px),
      radial-gradient(72vw 31vw at 54% 24%, rgba(6, 90, 153, .19), transparent 68%),
      linear-gradient(180deg, #01060b 0, #020a13 49%, #01070d 100%);
    background-size: 91px 83px, 151px 127px, 219px 173px, auto, auto;
  }

  body[data-terminal-view="overview"] .shell,
  body[data-terminal-view="overview"] .terminal-bar,
  body[data-terminal-view="overview"] #main-content,
  body[data-terminal-view="overview"] #overview-section,
  body[data-terminal-view="overview"] #market-section,
  body[data-terminal-view="overview"] #aurora-gateways,
  body[data-terminal-view="overview"] .aurora-gateway-grid,
  body[data-terminal-view="overview"] .aurora-gateway {
    min-width: 0;
    max-width: 100%;
  }

  body[data-terminal-view="overview"] .shell {
    width: 100vw;
    margin-inline: 0;
    overflow-x: clip;
  }

  body[data-terminal-view="overview"] .terminal-mode-switch { flex: 0 0 16.8vw; }

  /* Hero micro-grid, horizon rings and restrained aurora make the empty black areas read as a
     command surface. They contain no data and remain behind all real labels. */
  body[data-terminal-view="overview"] .orbit-panel {
    isolation: isolate;
    background:
      linear-gradient(rgba(52, 160, 207, .035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(52, 160, 207, .035) 1px, transparent 1px),
      radial-gradient(ellipse at 61% 55%, rgba(22, 132, 205, .23), transparent 49%),
      radial-gradient(ellipse at 50% 47%, rgba(30, 83, 164, .12), transparent 72%),
      linear-gradient(90deg, rgba(1, 7, 13, .99), rgba(2, 12, 23, .31) 55%, rgba(1, 7, 13, .12));
    background-size: 3.15vw 3.15vw, 3.15vw 3.15vw, auto, auto, auto;
  }

  body[data-terminal-view="overview"] .orbit-panel::before {
    opacity: .7;
    background:
      linear-gradient(90deg, rgba(69, 205, 255, .1) 1px, transparent 1px),
      linear-gradient(rgba(69, 205, 255, .08) 1px, transparent 1px);
    background-size: 2.9vw 2.9vw;
    mask-image: radial-gradient(ellipse at 58% 52%, black 0 24%, rgba(0, 0, 0, .45) 61%, transparent 88%);
  }

  body[data-terminal-view="overview"] .orbit-panel::after {
    position: absolute;
    right: 5%;
    bottom: -25%;
    left: 29%;
    z-index: 0;
    height: 62%;
    content: "";
    border: 1px solid rgba(75, 190, 236, .13);
    border-radius: 50%;
    box-shadow:
      0 -1px 0 rgba(111, 222, 255, .15),
      inset 0 0 3.8vw rgba(19, 106, 159, .09),
      0 0 3.2vw rgba(22, 118, 176, .08);
    pointer-events: none;
  }

  body[data-terminal-view="overview"] .orbit-copy::before {
    position: absolute;
    top: -1.2vw;
    bottom: -1.1vw;
    left: -.25vw;
    width: .12vw;
    content: "";
    background: linear-gradient(transparent, rgba(68, 203, 250, .65) 18%, rgba(68, 203, 250, .16) 76%, transparent);
    box-shadow: 0 0 .7vw rgba(68, 203, 250, .35);
  }

  body[data-terminal-view="overview"] #page-title > strong {
    background: linear-gradient(180deg, #8aeaff 0, #42d4f8 54%, #19a6d2 100%);
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 .9vw rgba(49, 203, 246, .23));
  }

  body[data-terminal-view="overview"] .aurora-evidence {
    overflow: hidden;
    background:
      linear-gradient(90deg, rgba(33, 142, 193, .08), transparent 48%, rgba(33, 142, 193, .06)),
      rgba(1, 11, 20, .84);
    box-shadow: 0 0 1.8vw rgba(42, 185, 230, .1), inset 0 0 1.5vw rgba(31, 133, 183, .07);
  }

  body[data-terminal-view="overview"] .aurora-evidence > * { position: relative; }
  body[data-terminal-view="overview"] .aurora-evidence > *::after {
    position: absolute;
    right: .45vw;
    bottom: .3vw;
    width: 1.45vw;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, var(--evidence-color, var(--aurora-cyan)));
    opacity: .45;
  }

  /* Segment ticks and a second halo restore the four instrument faces from the approved image. */
  body[data-terminal-view="overview"] .aurora-hud-ring {
    background:
      repeating-conic-gradient(from -43deg, color-mix(in srgb, var(--hud-color) 58%, transparent) 0 1.2deg, transparent 1.2deg 10deg),
      radial-gradient(circle, rgba(4, 17, 28, .97) 0 61%, transparent 62%),
      radial-gradient(circle, color-mix(in srgb, var(--hud-color) 10%, transparent) 0 74%, transparent 75%);
    box-shadow:
      0 0 1.45vw color-mix(in srgb, var(--hud-color) 23%, transparent),
      inset 0 0 1.3vw color-mix(in srgb, var(--hud-color) 11%, transparent);
  }

  body[data-terminal-view="overview"] .aurora-hud-ring::before {
    box-shadow: 0 0 .55vw color-mix(in srgb, var(--hud-color) 42%, transparent);
  }

  body[data-terminal-view="overview"] .aurora-hud {
    position: relative;
  }

  body[data-terminal-view="overview"] .aurora-hud::after {
    position: absolute;
    right: 4%;
    bottom: 12%;
    width: 31%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, var(--hud-color), transparent);
    box-shadow: 0 0 .55vw color-mix(in srgb, var(--hud-color) 45%, transparent);
    opacity: .42;
  }

  /* Quote ribbon gains the two orbital edges, separators and a visible chart floor. */
  body[data-terminal-view="overview"] .market-grid::before {
    background:
      repeating-linear-gradient(90deg, transparent 0 10.8%, rgba(95, 207, 244, .035) 10.9%, transparent 11%),
      radial-gradient(130% 170% at 50% 0, rgba(31, 151, 214, .38), transparent 66%),
      linear-gradient(180deg, rgba(5, 31, 50, .97), rgba(2, 11, 19, .94));
    box-shadow:
      0 0 2.8vw rgba(52, 198, 245, .31),
      inset 0 1px 0 rgba(174, 243, 255, .44),
      inset 0 0 4.6vw rgba(30, 148, 208, .16);
  }

  body[data-terminal-view="overview"] .market-grid::after {
    position: absolute;
    right: -2.5%;
    bottom: -.65vw;
    left: -2.5%;
    z-index: 0;
    height: 1.4vw;
    content: "";
    border-bottom: 1px solid rgba(68, 211, 255, .56);
    border-radius: 50%;
    filter: drop-shadow(0 0 .5vw rgba(50, 201, 255, .42));
    pointer-events: none;
  }

  body[data-terminal-view="overview"] #market-grid .asset-card {
    isolation: isolate;
    box-shadow: inset -1px 0 rgba(93, 201, 239, .16);
  }

  body[data-terminal-view="overview"] #market-grid .sparkline path:not(.area) {
    filter: drop-shadow(0 0 2px currentColor);
    stroke-width: 1.6;
  }

  /* Workspace panels use four lit corners, a stronger data grid and dense real preview rows. */
  body[data-terminal-view="overview"] .aurora-gateway-grid {
    width: 100%;
    overflow: hidden;
  }

  body[data-terminal-view="overview"] .aurora-gateway {
    background:
      linear-gradient(var(--gateway-color), var(--gateway-color)) left top / 1.3vw 1px no-repeat,
      linear-gradient(var(--gateway-color), var(--gateway-color)) left top / 1px 1.3vw no-repeat,
      linear-gradient(var(--gateway-color), var(--gateway-color)) right bottom / 1.3vw 1px no-repeat,
      linear-gradient(var(--gateway-color), var(--gateway-color)) right bottom / 1px 1.3vw no-repeat,
      radial-gradient(22vw 8vw at 48% 0, color-mix(in srgb, var(--gateway-color) 13%, transparent), transparent 74%),
      linear-gradient(145deg, rgba(5, 21, 34, .985), rgba(1, 9, 16, .985));
    box-shadow:
      0 0 1.9vw color-mix(in srgb, var(--gateway-color) 12%, transparent),
      inset 0 0 2.7vw color-mix(in srgb, var(--gateway-color) 6%, transparent);
  }

  body[data-terminal-view="overview"] .aurora-gateway header {
    background: linear-gradient(90deg, color-mix(in srgb, var(--gateway-color) 7%, transparent), transparent 64%);
  }

  body[data-terminal-view="overview"] .aurora-gateway-icon {
    box-shadow:
      0 0 .85vw color-mix(in srgb, var(--gateway-color) 18%, transparent),
      inset 0 0 .9vw color-mix(in srgb, var(--gateway-color) 11%, transparent);
  }

  body[data-terminal-view="overview"] .aurora-gateway-preview {
    isolation: isolate;
    background:
      linear-gradient(color-mix(in srgb, var(--gateway-color) 8%, transparent) 1px, transparent 1px),
      linear-gradient(90deg, color-mix(in srgb, var(--gateway-color) 8%, transparent) 1px, transparent 1px),
      radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--gateway-color) 5%, transparent), transparent 70%),
      rgba(1, 9, 16, .78);
    background-size: 1vw 1vw, 1vw 1vw, auto, auto;
    box-shadow: inset 0 0 1.6vw rgba(0, 0, 0, .35);
  }

  body[data-terminal-view="overview"] .aurora-gateway-preview::after {
    position: absolute;
    inset: 0;
    z-index: 4;
    content: "";
    pointer-events: none;
    background: repeating-linear-gradient(180deg, transparent 0 3px, color-mix(in srgb, var(--gateway-color) 4%, transparent) 4px);
    mix-blend-mode: screen;
  }

  body[data-terminal-view="overview"] .preview-head {
    min-height: 1.15vw;
    background: linear-gradient(90deg, color-mix(in srgb, var(--gateway-color) 11%, transparent), color-mix(in srgb, var(--gateway-color) 2%, transparent));
  }

  body[data-terminal-view="overview"] .preview-head b { font-size: .47vw; }
  body[data-terminal-view="overview"] .preview-head em {
    max-width: 62%;
    overflow: hidden;
    font-size: .37vw;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-terminal-view="overview"] .preview-quote-row {
    background: linear-gradient(90deg, color-mix(in srgb, var(--gateway-color) 3%, transparent), transparent 72%);
  }

  body[data-terminal-view="overview"] .preview-flow-table {
    display: grid;
    min-width: 0;
    grid-template-rows: auto repeat(6, minmax(0, 1fr));
    gap: 0;
    padding: 0;
  }

  body[data-terminal-view="overview"] .preview-flow-row {
    grid-template-rows: auto .13vw;
    gap: .08vw .25vw;
    padding: .08vw .3vw;
  }
  body[data-terminal-view="overview"] .preview-flow-row b,
  body[data-terminal-view="overview"] .preview-flow-row em { font-size: .38vw; }

  body[data-terminal-view="overview"] .preview-chart svg,
  body[data-terminal-view="overview"] .preview-macro-chart svg {
    filter: drop-shadow(0 0 .24vw color-mix(in srgb, var(--gateway-color) 28%, transparent));
  }

  body[data-terminal-view="overview"] .aurora-macro-preview {
    grid-template-rows: minmax(0, 1fr);
  }

  body[data-terminal-view="overview"] .preview-y-axis text { font-size: 5px; }
  body[data-terminal-view="overview"] .preview-axis { padding-inline: .35vw; }
  body[data-terminal-view="overview"] .preview-axis em { font-size: .34vw; }

  body[data-terminal-view="overview"] .preview-metrics {
    gap: .25vw;
    padding: .12vw .28vw .1vw;
  }
  body[data-terminal-view="overview"] .preview-metrics em {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto .12vw;
    gap: .08vw .2vw;
    padding: .2vw .28vw;
    background: color-mix(in srgb, var(--gateway-color) 3%, transparent);
  }
  body[data-terminal-view="overview"] .preview-metrics b { font-size: .34vw; }
  body[data-terminal-view="overview"] .preview-metrics strong { font-size: .43vw; }
  body[data-terminal-view="overview"] .preview-metrics i { grid-column: 1 / -1; height: .11vw; }

  body[data-terminal-view="overview"] .preview-event-list {
    position: relative;
    grid-template-rows: auto repeat(5, minmax(0, 1fr));
    padding-left: .22vw;
  }
  body[data-terminal-view="overview"] .preview-event-list::before {
    position: absolute;
    top: 1.45vw;
    bottom: .4vw;
    left: .53vw;
    width: 1px;
    content: "";
    background: linear-gradient(var(--gateway-color), color-mix(in srgb, var(--gateway-color) 10%, transparent));
    box-shadow: 0 0 .35vw color-mix(in srgb, var(--gateway-color) 38%, transparent);
  }

  body[data-terminal-view="overview"] .preview-event-list .preview-event-row {
    grid-template-columns: .34vw 2.75vw minmax(0, 1fr) .92vw;
    gap: .24vw;
    padding: 0 .32vw 0 .18vw;
  }
  body[data-terminal-view="overview"] .preview-event-row time,
  body[data-terminal-view="overview"] .preview-event-row b { font-size: .38vw; }
  body[data-terminal-view="overview"] .preview-event-list .preview-event-row b { grid-column: 3; }
  body[data-terminal-view="overview"] .preview-event-list .event-dot {
    position: relative;
    z-index: 2;
    width: .3vw;
    height: .3vw;
  }
  body[data-terminal-view="overview"] .event-grade {
    min-width: .82vw;
    min-height: .74vw;
    font-size: .34vw;
  }

  body[data-terminal-view="overview"] .preview-impact-table {
    grid-template-rows: auto repeat(6, minmax(0, 1fr));
    gap: 0;
    padding: 0;
  }
  body[data-terminal-view="overview"] .preview-impact-row {
    grid-template-columns: minmax(0, 1fr) .9vw minmax(2.9vw, .72fr);
    gap: .25vw;
    padding: 0 .35vw;
    border-bottom: 1px solid color-mix(in srgb, var(--gateway-color) 10%, transparent);
  }
  body[data-terminal-view="overview"] .preview-impact-row b,
  body[data-terminal-view="overview"] .preview-impact-row em { font-size: .38vw; }
  body[data-terminal-view="overview"] .preview-impact-row u { gap: .12vw; height: .23vw; }
  body[data-terminal-view="overview"] .preview-impact-table .preview-impact-row u i {
    position: static;
    height: 100%;
    margin-left: 0;
    transform: none;
  }
  body[data-terminal-view="overview"] .preview-impact-table .preview-impact-row u i::before,
  body[data-terminal-view="overview"] .preview-impact-table .preview-impact-row u i::after {
    display: none;
    content: none;
  }
  body[data-terminal-view="overview"] .preview-impact-legend { grid-template-columns: minmax(0, 1fr) .9vw minmax(2.9vw, .72fr); }
  body[data-terminal-view="overview"] .preview-impact-legend em { display: block; }

  body[data-terminal-view="overview"] .gateway-enter {
    background:
      linear-gradient(90deg, transparent, color-mix(in srgb, var(--gateway-color) 9%, transparent), transparent),
      color-mix(in srgb, var(--gateway-color) 5%, transparent);
    box-shadow:
      0 0 1vw color-mix(in srgb, var(--gateway-color) 18%, transparent),
      inset 0 0 1.2vw color-mix(in srgb, var(--gateway-color) 7%, transparent);
  }

  body[data-terminal-view="overview"] .aurora-statusbar {
    background:
      linear-gradient(90deg, rgba(28, 121, 169, .04), transparent 40%, rgba(28, 121, 169, .04)),
      rgba(1, 8, 15, .94);
    box-shadow: inset 0 1px rgba(98, 196, 229, .08);
  }
}

/* The reference is 1672×941. On very wide CSS viewports the old vw-only globe became 22% larger
   and its transformed ornament expanded the root scroll width. Scale that visual stage back while
   leaving the reference viewport untouched. */
@media (min-width: 1800px) {
  body[data-terminal-view="overview"] .market-globe-shell {
    top: 45%;
    width: 34.6vw;
    transform: translate(-60%, -50%) scaleX(1.16);
  }

  body[data-terminal-view="overview"] .market-orbit::after {
    top: -11%;
    left: 17%;
    width: 68%;
    height: 42%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-terminal-view="overview"] .aurora-gateway-preview::after { display: none; }
}