/* ---------- transport controls: play, step, scrubber, speed ---------- */
.controls{display:flex; align-items:center; gap:14px; padding:10px 16px; background:var(--panel); border-top:1px solid var(--line)}
.play{width:40px;height:40px;border-radius:50%; display:flex;align-items:center;justify-content:center;
      background:var(--bore); color:#04222b; border:none; cursor:pointer; flex:none}
.play svg{width:18px;height:18px}
.stepbtn{width:34px;height:34px;border-radius:50%; display:flex;align-items:center;justify-content:center; background:var(--panel2); color:var(--ink2); border:1px solid var(--line2); cursor:pointer; flex:none}
.stepbtn:hover{border-color:var(--bore); color:#fff}
.stepbtn svg{width:15px;height:15px}
.tl{flex:1; display:flex; flex-direction:column; gap:3px}
.tl-row{display:flex; align-items:center; gap:10px}
input[type=range].scrub{ -webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:4px;
  background:var(--line2); outline:none}
input[type=range].scrub::-webkit-slider-thumb{ -webkit-appearance:none; width:16px;height:16px;border-radius:50%;
  background:var(--bore); border:2px solid #0b0d12; cursor:pointer; box-shadow:0 0 8px rgba(54,201,230,.6)}
input[type=range].scrub::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--bore);border:2px solid #0b0d12;cursor:pointer}
.tl-labels{display:flex; justify-content:space-between; color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums}
.ts{font-family:var(--mono); font-size:13px; color:var(--ink); white-space:nowrap}
.ts b{color:var(--bore)}
select.speed,select.zoomdur{background:var(--panel2); color:var(--ink); border:1px solid var(--line2); border-radius:7px; padding:6px 8px; font-family:var(--font)}

/* optional chart-zoom controls (js/ui/charts.js wires them only where the markup exists) */
select.zoomdur:disabled{opacity:.4}
.zoomtog{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink2); white-space:nowrap}
.zoomtog input{accent-color:var(--bore); margin:0}
