/* Market inspection is a focused workspace with legible financial hierarchy. */
.chart-panel .chart-toolbar{gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}
.chart-panel .chart-periods{flex-wrap:wrap;gap:3px}
.chart-panel .chart-periods button{font-size:12px;letter-spacing:.02em;padding:8px 12px}
.chart-panel .chart-periods button[id^="open-"]{color:var(--muted);border-left:1px solid var(--line);border-radius:0}
.chart-panel .range-pick-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line-soft);margin-bottom:8px}
.chart-panel .range-pick-toolbar>button{border:1px solid var(--line);padding:7px 10px;border-radius:5px;background:transparent;color:var(--muted);font-size:11px}
.chart-panel .range-pick-toolbar>button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}
.chart-panel #range-pick-status{flex:1;min-width:190px;font-size:11px;color:var(--muted)}
.chart-panel #inspect-trading-day{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}
.chart-panel #inspect-trading-day:disabled{opacity:.5;cursor:not-allowed}
.chart-panel .ohlc-row{font-variant-numeric:tabular-nums;line-height:1.8;min-height:43px}
.day-timeline-dialog{box-sizing:border-box;width:min(1240px,96vw);max-width:96vw;max-height:94dvh;border:1px solid var(--line);border-radius:10px;padding:0;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #0008;overscroll-behavior:contain}
.day-timeline-dialog::backdrop{background:rgba(5,11,18,.78);backdrop-filter:blur(5px)}
.day-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:4}
.day-timeline-head small{display:block;color:var(--accent);font:10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.13em}
.day-timeline-head h2{font-size:20px;line-height:1.5;margin:3px 0 1px;font-weight:650}
.day-timeline-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}
.day-timeline-head button{flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:5px;padding:9px 12px;font-size:12px}
.day-timeline-head button:hover{color:var(--accent);border-color:var(--accent)}
.day-timeline-dialog [data-timeline-host]{padding:0 20px 20px}
.day-timeline-dialog .tl-panel{border:0;background:transparent;box-shadow:none}
.day-timeline-dialog .timeline-workspace{margin:0}
.day-timeline-dialog [data-tl-toggle]{pointer-events:none}
.day-timeline-dialog .tl-toggle-end{display:none}
@media(max-width:600px){.chart-panel #range-pick-status{flex-basis:100%;order:5}.chart-panel #inspect-trading-day{font-size:10px}.day-timeline-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.day-timeline-head{padding:14px}.day-timeline-head h2{font-size:17px}.day-timeline-head p{max-width:230px}.day-timeline-head button{padding:8px;font-size:11px}.day-timeline-dialog [data-timeline-host]{padding:0 8px 12px}}
@media(prefers-reduced-motion:reduce){.day-timeline-dialog::backdrop{backdrop-filter:none}}