/* "Sound — what to cut" card and the captions / openings cards (js/soundreport.js). */

/* Silent stretches drawn on the clip's own time axis. Reuses .qc-tl-bar's
   shape; a plain track so the red/amber bands are the only thing that reads. */
.snd-bar{background:var(--surface-2)}
.snd-band{position:absolute;top:4px;bottom:4px;border-radius:3px;opacity:.85}
.snd-band.snd-gap{background:var(--red)}
.snd-band.snd-start,.snd-band.snd-end{background:var(--amber)}

.snd-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px}
.snd-list li{position:relative;padding:9px 12px 9px 26px;border-radius:var(--r-md);
  background:var(--surface-2);border:1px solid var(--line);font:13px var(--mono)}
.snd-list li::before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;
  margin-top:-3.5px;border-radius:2px;background:var(--amber)}
.snd-list li.snd-gap::before{background:var(--red)}

/* Tile tint for the three sound tiles. */
.qc-tile.snd-ok b{color:var(--green)}
.qc-tile.snd-warn b{color:var(--amber)}
.qc-tile.snd-bad b{color:var(--red)}

.snd-hook{margin:0 0 12px}
.snd-hook-row{display:flex;justify-content:space-between;align-items:center;margin-top:7px}

#srtBtn{display:inline-flex;align-items:center;gap:7px}