/* WebFTR v26.52 - SSTV Capture List UI
 * SSTV-only frontend polish. Kept outside index.html by design.
 */
.sstv-action-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:10px 0 0;
  padding:8px;
  border:1px solid rgba(255,165,0,.45);
  background:rgba(40,20,0,.28);
}
.sstv-capture-button{
  border-radius:0!important;
  border:1px solid rgba(255,165,0,.82);
  background:linear-gradient(180deg,rgba(255,165,0,.24),rgba(80,38,0,.72));
  color:#ffd28a;
  font-weight:800;
  letter-spacing:.04em;
  min-height:34px;
  cursor:pointer;
}
.sstv-capture-button:hover{filter:brightness(1.12)}
.sstv-capture-button:disabled{opacity:.62;cursor:wait}
.sstv-capture-button.running{border-color:rgba(66,255,138,.78);color:#b9ffd0;background:rgba(0,60,30,.48)}
.sstv-capture-action-status{
  color:#f6fffb;
  font-size:.88rem;
  opacity:.94;
}
.sstv-capture-action-status[data-state="ok"]{color:#9cffba}
.sstv-capture-action-status[data-state="error"]{color:#ffb0a0}
.sstv-capture-action-status[data-state="running"]{color:#ffe2a6}


/* v26.52: Capture list / latest WAV visibility. Kept SSTV-only and outside index.html. */
.sstv-capture-list-panel{
  border:1px solid rgba(95,255,218,.20);
  background:rgba(0,12,18,.66);
  padding:10px;
  display:grid;
  gap:9px;
}
.sstv-capture-list{display:grid;gap:8px;min-width:0;}
.sstv-capture-empty{
  color:#9fbfc1;
  border:1px dashed rgba(95,255,218,.24);
  background:rgba(0,18,24,.35);
  padding:10px;
  font-size:.86rem;
}
.sstv-capture-row{
  border:1px solid rgba(255,179,62,.22);
  background:linear-gradient(180deg,rgba(0,18,24,.76),rgba(0,8,12,.86));
  padding:10px;
  display:grid;
  gap:8px;
  min-width:0;
}
.sstv-capture-row.latest{border-color:rgba(66,255,138,.45);box-shadow:0 0 18px rgba(66,255,138,.08) inset;}
.sstv-capture-row-top{display:flex;align-items:center;gap:8px;min-width:0;}
.sstv-capture-row-top span{
  border:1px solid rgba(95,255,218,.32);
  color:#9ffcff;
  min-width:34px;
  text-align:center;
  padding:2px 5px;
  font-weight:900;
  font-size:.78rem;
}
.sstv-capture-row-top b{color:#f2fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;}
.sstv-capture-row-top small{margin-left:auto;color:#a6ffbf;font-weight:900;font-size:.68rem;letter-spacing:.08em;}
.sstv-capture-row-meta{display:flex;flex-wrap:wrap;gap:6px;}
.sstv-capture-row-meta span{
  border:1px solid rgba(95,255,218,.17);
  background:rgba(0,35,42,.35);
  color:#c9f6f2;
  padding:3px 6px;
  font-size:.76rem;
}
.sstv-capture-row-player{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0;}
.sstv-capture-row-player audio{height:30px;max-width:320px;width:100%;filter:brightness(.9);}
.sstv-capture-row-actions{display:flex;gap:6px;flex-wrap:wrap;}
.sstv-capture-row-actions a{
  border:1px solid rgba(255,165,0,.58);
  color:#ffd28a;
  background:rgba(65,32,0,.38);
  text-decoration:none;
  padding:5px 8px;
  font-weight:850;
  font-size:.76rem;
  letter-spacing:.04em;
}
.sstv-capture-row-actions a:hover{filter:brightness(1.14);}
@media(max-width:760px){.sstv-capture-row-player{display:grid}.sstv-capture-row-top{flex-wrap:wrap}.sstv-capture-row-top small{margin-left:0}.sstv-capture-row-player audio{max-width:100%;}}