.market-hero { margin-bottom: 1.25rem; }
.market-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.75rem; padding: 1.5rem; }
.market-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 0.7rem 1rem; }
.market-identity__name { margin: 0; font-size: clamp(1.4rem, 3vw, 2.15rem); letter-spacing: -0.045em; }
.market-identity__meta { display: flex; align-items: center; gap: 0.55rem; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.7rem; }
.market-identity__meta strong { color: var(--muted-strong); font-weight: 500; }
.market-header__price { display: flex; align-items: flex-end; gap: 1.2rem; margin-top: 1.55rem; }
.price-readout { margin: 0; font-family: "IBM Plex Mono", monospace; font-size: clamp(2.8rem, 7vw, 5.8rem); font-weight: 500; line-height: 0.9; letter-spacing: -0.08em; }
.price-readout.is-updated { animation: price-tick 420ms var(--ease-out); }
@keyframes price-tick { 0% { color: var(--celeste-bright); transform: translateY(3px); } 100% { color: inherit; transform: translateY(0); } }
.price-unit { margin-left: 0.22em; color: var(--muted); font-size: 0.34em; letter-spacing: -0.02em; }
.change-readout { display: flex; flex-direction: column; gap: 0.1rem; padding-bottom: 0.12rem; }
.change-readout__value { color: var(--green); font-family: "IBM Plex Mono", monospace; font-size: 1rem; font-weight: 600; }
.change-readout__value--down { color: var(--red); }
.change-readout__label { color: var(--muted); font-size: 0.7rem; }
.market-header__side { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 1.3rem; min-width: 180px; }
.market-header__side-note { max-width: 220px; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.65rem; line-height: 1.55; text-align: right; }

.status-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.status-item { min-width: 0; padding: 0.72rem 1rem; border-right: 1px solid var(--line); }
.status-item:last-child { border-right: 0; }
.status-item__label { display: block; margin-bottom: 0.28rem; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.62rem; letter-spacing: 0.05em; text-transform: uppercase; }
.status-item__value { display: flex; align-items: center; gap: 0.4rem; color: var(--muted-strong); font-size: 0.78rem; font-weight: 700; }

.market-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.72fr); gap: 1.25rem; align-items: start; }
.market-main, .market-side { display: grid; gap: 1.25rem; }
.chart-panel { overflow: hidden; }
.chart-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.chart-toolbar__title { display: flex; align-items: center; gap: 0.65rem; }
.chart-toolbar__title h2 { margin: 0; font-size: 0.82rem; }
.chart-periods { display: flex; gap: 0.2rem; }
.chart-period { padding: 0.32rem 0.48rem; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.63rem; }
.chart-period:hover, .chart-period.is-active { border-color: var(--line-strong); background: var(--celeste-soft); color: var(--celeste-bright); }
.chart-legend { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 0.7rem; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.62rem; }
.legend-item { display: inline-flex; align-items: center; gap: 0.35rem; }
.legend-line { width: 18px; height: 2px; background: var(--celeste-bright); }
.legend-line--ema { background: var(--amber); }
.legend-line--mark { background: var(--muted); border-top: 1px dashed var(--muted); }
.chart-wrap { min-height: 360px; padding: 0.5rem 1rem 0.9rem; }
.chart-svg { width: 100%; height: 350px; overflow: visible; }
.chart-gridline { stroke: rgba(188,215,234,0.11); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-axis-label { fill: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 10px; }
.chart-area { fill: url(#chart-area-fill); }
.chart-line { fill: none; stroke: var(--celeste-bright); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.chart-line--ema { stroke: var(--amber); stroke-width: 1.5; }
.chart-empty { display: grid; place-items: center; min-height: 350px; padding: 2rem; color: var(--muted); text-align: center; }
.chart-empty__icon { width: 54px; height: 54px; margin-bottom: 0.9rem; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--celeste); }
.chart-empty p { max-width: 260px; margin: 0; font-size: 0.8rem; }
.chart-footnote { margin: 0; padding: 0.72rem 1.25rem 1rem; border-top: 1px solid var(--line); color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.62rem; }

.metrics-panel { overflow: hidden; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.metric-card { min-height: 108px; padding: 1rem 1.15rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.metric-card:nth-child(3n) { border-right: 0; }
.metric-card:nth-last-child(-n+3) { border-bottom: 0; }
.metric-label { display: block; margin-bottom: 0.55rem; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.62rem; letter-spacing: 0.05em; text-transform: uppercase; }
.metric-value { margin: 0; color: var(--ink); font-family: "IBM Plex Mono", monospace; font-size: 1.18rem; font-weight: 500; letter-spacing: -0.04em; }
.metric-value--muted { color: var(--muted); }
.metric-detail { margin: 0.25rem 0 0; color: var(--muted); font-size: 0.68rem; }

.trading-panel__body { display: grid; gap: 1rem; }
.segmented-control { display: grid; grid-template-columns: 1fr 1fr; padding: 0.22rem; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(0,0,0,0.12); }
.segmented-control button { padding: 0.55rem; border-radius: 4px; background: transparent; color: var(--muted); font-size: 0.76rem; font-weight: 800; }
.segmented-control button:hover, .segmented-control button.is-active { background: var(--green-soft); color: var(--green); }
.segmented-control button:last-child:hover, .segmented-control button:last-child.is-active { background: var(--red-soft); color: var(--red); }
.form-grid { display: grid; gap: 0.8rem; }
.field { display: grid; gap: 0.35rem; }
.field label { color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.64rem; text-transform: uppercase; }
.field input, .field select { width: 100%; min-height: 39px; padding: 0.55rem 0.65rem; border: 1px solid var(--line); border-radius: var(--radius-sm); outline: 0; background: rgba(8,18,29,0.52); color: var(--muted); font-size: 0.78rem; }
.field input:focus, .field select:focus { border-color: var(--celeste); box-shadow: 0 0 0 3px rgba(63,169,224,0.13); }
.trade-note { display: flex; align-items: flex-start; gap: 0.55rem; padding: 0.72rem; border: 1px solid rgba(233,196,106,0.26); border-radius: var(--radius-sm); background: var(--yellow-soft); color: var(--yellow); font-size: 0.7rem; }
.trade-note svg { flex: 0 0 auto; width: 15px; height: 15px; margin-top: 0.1rem; }

.oracle-summary { overflow: hidden; }
.oracle-summary__body { display: grid; gap: 1rem; }
.oracle-summary__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.oracle-summary__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; }
.summary-metric { padding: 0.75rem; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(255,255,255,0.025); }
.summary-metric__label { display: block; margin-bottom: 0.35rem; color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 0.6rem; text-transform: uppercase; }
.summary-metric__value { color: var(--muted-strong); font-family: "IBM Plex Mono", monospace; font-size: 0.78rem; }
.summary-metric__value strong { color: var(--ink); font-weight: 500; }
.oracle-summary__link { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--celeste-bright); font-size: 0.75rem; font-weight: 800; }
.oracle-summary__link:hover { color: var(--white); }