@media(max-width:1180px){.tape-panel{display:block;grid-column:1/-1}.tape-rows{height:200px;overflow:auto}.tape-footer{padding:9px 12px}}
@media(max-width:760px){.book-panel{max-height:none}.book-rows{display:block}.book-row{height:16px}.book-row:nth-child(n+13){display:grid}.tape-rows{height:240px}}

.chart-column{min-width:0}
.terminal-grid{align-items:start}
.trail-heading{height:auto;min-height:47px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.trail-status{font:8px var(--mono);color:var(--buy);margin-left:6px}
.trail-status.wait{color:var(--amber)}
.trail-controls{display:flex;gap:8px!important;flex-wrap:wrap}
.trail-controls label{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted)}
.trail-controls select{font:9px var(--mono);color:var(--text);background:#222b1e;border:1px solid var(--border);border-radius:3px;padding:4px;max-width:110px}
.trail-controls .button{font-size:9px;padding:5px 8px}
.trail-controls button[aria-pressed=true]{color:var(--amber);border-color:#6f603c}
.trail-summary{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:10px 14px;font:9px var(--mono);border-bottom:1px solid #222b1e;color:var(--muted)}
.trail-summary b{font-weight:500}
.trail-count{margin-left:auto;font-size:8px}
.trail-wrap{position:relative;height:360px;background:#131910}
.trail-wrap canvas{touch-action:pan-y;cursor:crosshair}
.trail-tooltip{position:absolute;left:12px;top:10px;padding:8px 10px;max-width:calc(100% - 24px);border:1px solid #56664b;border-radius:4px;background:#10160ff5;color:#e2ebd9;font:10px/1.7 var(--mono);white-space:pre-line;pointer-events:none;z-index:2}
.trail-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:10px 14px;font-size:8px;color:var(--muted);border-top:1px solid #263020}
.trail-legend>span{display:flex;align-items:center;gap:5px}
.trail-dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.trail-dot.buy{background:var(--buy)}
.trail-dot.sell{background:var(--red)}
.trail-ring{width:9px;height:9px;border-radius:50%;border:1px solid var(--amber);display:inline-block}
.trail-paper{width:7px;height:7px;transform:rotate(45deg);background:var(--blue);display:inline-block}
.trail-size-note{margin-left:auto}
.trail-note{padding:0 14px 10px;font-size:8px;line-height:1.5;color:var(--muted)}
.trail-note.warning{color:var(--amber)}
.trail-view-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-bottom:1px solid #263020;color:var(--muted);font-size:8px}
.trail-view-tools>div{display:flex;gap:3px}
.trail-view-tools button{background:none;border:1px solid transparent;color:var(--muted);padding:3px 7px;font-size:9px;border-radius:3px}
.trail-view-tools button.selected{background:#34442b;color:var(--green)}
.trail-view-tools button:hover{border-color:var(--border)}
.trail-panel.trail-expanded{position:fixed;inset:16px;z-index:50;display:flex;flex-direction:column;box-shadow:0 0 0 30px #10140ff0}
.trail-expanded .trail-wrap{flex:1;min-height:160px;height:auto}
body.trail-focus{overflow:hidden}
@media(max-width:760px){.trail-wrap{height:320px}.trail-heading{gap:10px}.trail-controls{width:100%}.trail-controls label{flex:1}.trail-controls select{max-width:none;flex:1}.trail-summary{gap:9px;font-size:8px}.trail-count{width:100%;margin-left:0}.trail-legend{gap:10px}.trail-size-note{width:100%;margin-left:0}.trail-view-tools{padding:7px 10px}.trail-view-tools>span{font-size:7px}}
