.quote-panel { display: flex; flex-direction: column; gap: .35rem; }
.quote-title { margin: 0 0 .15rem; font-size: .95rem; font-weight: 600; }
.quote-sub, .quote-extra { margin-bottom: .15rem; }
.ltp-row { display: flex; align-items: baseline; gap: .65rem; flex-wrap: wrap; margin: .15rem 0 .45rem; border-radius: 6px; padding: .25rem .45rem; }
.px-up { box-shadow: inset 0 0 0 100vmax rgba(46, 160, 67, 0.16); border-radius: 4px; }
.px-down { box-shadow: inset 0 0 0 100vmax rgba(248, 81, 73, 0.16); border-radius: 4px; }
.ltp { font-size: 1.45rem; font-weight: 700; line-height: 1.1; }
.stat .val { min-height: 1.1em; }
table.depth td.bid, table.depth td.ask { min-width: 4.5rem; }
.straddle-px { min-width: 5rem; display: inline-block; text-align: left; }
.straddle-mid { display: inline-block; min-width: 3.5rem; text-align: left; }
.chg { font-size: .88rem; font-weight: 600; }
.chg.up { color: #7ee787; }
.chg.down { color: #ff7b72; }
.exch { font-size: .68rem; color: #79c0ff; font-weight: 600; margin-left: .35rem; }
.exch.bse { color: #d2a8ff; }
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .35rem .5rem;
  margin-bottom: .55rem;
  padding: .5rem;
  background: #0d1117;
  border: 1px solid #21262d;
  border-radius: 6px;
}
@media (max-width: 520px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
.stat { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.stat .lbl { font-size: .68rem; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
.stat .val { font-size: .82rem; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.depth { width: 100%; border-collapse: collapse; font-size: .78rem; margin-top: .15rem; }
table.depth th { text-align: left; color: var(--muted); font-weight: 500; padding: .15rem 0; }
table.depth th.bid-h { color: #7ee787; }
table.depth th.ask-h { color: #ff7b72; }
table.depth td { padding: .1rem .15rem .1rem 0; font-variant-numeric: tabular-nums; }
table.depth td.ord { color: var(--muted); font-size: .72rem; }
.quote-footer { margin-top: .35rem; }