/* Streaming monitor: task-focused layout, scoped to this page. */
#qf-streaming{--sm-panel:#151920;--sm-line:#303946;--sm-muted:#a3afc1;--sm-red:#f34638;color:#eef2f8;gap:18px}
#qf-streaming .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 0}
#qf-streaming .hero h1{margin:7px 0;font-size:clamp(27px,2vw,38px);letter-spacing:-.025em}
#qf-streaming .hero p,#qf-streaming p{color:var(--sm-muted);line-height:1.7;margin:8px 0;font-size:13px}
#qf-streaming .qf-sm-eyebrow,#qf-streaming .qf-sm-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;color:#ff8c80}
#qf-streaming .qf-md-panel{min-width:0;background:linear-gradient(145deg,#191d25,#12151b);border:1px solid var(--sm-line);border-radius:16px;padding:24px;box-shadow:0 10px 28px #0002}
#qf-streaming .qf-sm-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#qf-streaming .qf-sm-guide>div{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:16px;background:#171b23;border:1px solid #303946;border-radius:13px}
#qf-streaming .qf-sm-guide span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#41211f;color:#ff9385;font-size:12px;font-weight:700}
#qf-streaming .qf-sm-guide strong{font-size:14px;color:#f3f5fa}#qf-streaming .qf-sm-guide small{font-size:12px;color:var(--sm-muted)}
#qf-streaming .qf-sm-notice{display:flex;gap:12px;align-items:baseline;padding:14px 17px;border:1px solid #674539;border-radius:11px;background:#2a211e;color:#dec8bb;font-size:13px;line-height:1.6}
#qf-streaming .qf-sm-notice strong{color:#ffc4a7;white-space:nowrap}
#qf-streaming h3{margin:4px 0;color:#f5f6fa;font-size:18px}#qf-streaming .qf-sm-heading{margin-bottom:16px}
#qf-streaming .qf-sm-count{display:inline-block;margin-left:5px;padding:2px 8px;border-radius:999px;background:#292f39;color:#bac6d6;font-size:12px;vertical-align:middle}
#qf-streaming label{display:grid;gap:7px;color:#b5c1d3;font-size:13px;min-width:0}
#qf-streaming label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}
#qf-streaming input:not([type=checkbox]),#qf-streaming select{box-sizing:border-box;width:100%;min-height:42px;background:#0d1015;color:#f0f3f8;border:1px solid #394250;border-radius:9px;padding:9px 12px;font:inherit}
#qf-streaming input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;accent-color:var(--sm-red)}
#qf-streaming button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #394250;border-radius:9px;background:#252b35;color:#f0f3f8;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
#qf-streaming button:hover:not(:disabled){background:#343b47}#qf-streaming button:disabled{opacity:.45;cursor:not-allowed}
#qf-streaming button[type=submit]{background:var(--sm-red);border-color:var(--sm-red);color:white}#qf-streaming button[type=submit]:hover:not(:disabled){background:#ff594c}
#qf-streaming :is(button,input,select,summary):focus-visible{outline:2px solid #ff9284;outline-offset:3px}
#qf-streaming .qf-sm-song{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px;margin:9px 0;border:1px solid #303946;border-radius:12px;background:#101319}
#qf-streaming .qf-sm-song-main{display:flex;flex:1 1 240px;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
#qf-streaming .qf-sm-song-main strong{font-size:14px}#qf-streaming .qf-sm-song-main small,#qf-streaming .qf-sm-song-status{color:var(--sm-muted);font-size:12px}
#qf-streaming .qf-sm-platform{padding:4px 8px;border-radius:6px;background:#312521;color:#ffad9e;font-size:11px;font-weight:700}
#qf-streaming .qf-sm-observation{color:#c7e2cb;font-size:13px}#qf-streaming .qf-sm-empty{padding:18px;border:1px dashed #3a4350;border-radius:10px;background:#101319}
#qf-streaming .qf-md-toolbar{gap:12px;margin:16px 0}#qf-streaming .qf-md-toolbar>label{flex:1 1 150px}#qf-streaming .qf-md-toolbar>.qf-md-grow{flex:2 1 240px}
#qf-streaming details>summary{cursor:pointer;color:#dce3ef;font-weight:600}#qf-streaming .qf-md-table{margin-top:16px;border:1px solid var(--sm-line);border-radius:11px;background:#0e1116}#qf-streaming .qf-md-table th{background:#1d222b;white-space:nowrap}#qf-streaming .qf-md-table td,#qf-streaming .qf-md-table th{padding:13px 14px}#qf-streaming .qf-sm-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){#qf-streaming .hero{align-items:flex-start;flex-direction:column}#qf-streaming .qf-md-panel{padding:18px}#qf-streaming .qf-sm-guide{grid-template-columns:1fr}#qf-streaming .qf-sm-notice{flex-direction:column;gap:3px}#qf-streaming .qf-md-toolbar>label{flex-basis:100%}}