.sbar { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.sbar input, .sbar select { padding:8px 10px; border-radius:8px; border:1px solid var(--line); background:var(--bg); color:var(--text); font:inherit; }
.sbar input { flex:1 1 220px; }
table.snd { border-collapse:collapse; width:100%; font-size:15px; }
table.snd th, table.snd td { padding:6px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
table.snd th { color:var(--muted); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.4px; }
table.snd td.id { font-weight:700; white-space:nowrap; }
table.snd td.sec { color:var(--muted); font-size:13px; }
table.snd button { padding:4px 9px; border-radius:6px; border:1px solid var(--line); background:var(--bg); color:var(--text); cursor:pointer; font:inherit; font-size:13px; white-space:nowrap; }
table.snd button.play.on { border-color:var(--good, #7ddc8b); }
table.snd .none { color:var(--muted); font-size:13px; white-space:nowrap; }
.swrap { overflow-x:auto; }
.count { color:var(--muted); font-size:14px; }
@media (max-width: 700px) { table.snd td.sec, table.snd th.sec { display:none; } }