.stream-connections{margin-bottom:24px}
#settings-form>h2{margin-bottom:22px}
#settings-form .switch-row{flex-direction:row;align-items:center;gap:12px;font-size:13px}
#settings-form .switch-row input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.stream-connections p,.stream-connections small{font-size:12px;line-height:1.65;color:var(--muted)}
.stream-connections .connection-intro{margin:8px 0 18px}
.stream-connections .connection-status{padding:12px 15px;background:#263223;border:1px solid #405437;border-radius:8px;color:#d6edcb;margin-bottom:26px;overflow-wrap:anywhere}
.stream-connections select{width:100%;min-width:0;padding:12px;background:var(--bg);color:var(--text);border:1px solid #34432e;border-radius:8px}
.connection-step{border:0;padding:0;margin:0 0 26px;min-width:0}
.connection-step legend{font-size:14px;font-weight:600;margin-bottom:12px;padding:0}
.connection-step>p{margin:0 0 12px}
.connection-step>select+p{margin:8px 0 0}
.connection-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stream-connections .connection-modes label,.stream-connections .connection-choice{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin:0;padding:15px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--bg)}
.stream-connections .connection-modes label:has(:checked),.stream-connections .connection-choice:has(:checked){border-color:var(--green);background:#222e20}
.stream-connections .connection-choice:has(:disabled){opacity:.55;cursor:not-allowed}
.stream-connections input[type=checkbox],.stream-connections input[type=radio]{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:var(--green);cursor:pointer}
.stream-connections strong{display:block;font-size:13px;font-weight:600}
.stream-connections small{display:block;margin-top:3px}
#connections-list{display:grid;gap:9px}
.stream-connections .connection-backup-label,.connection-fallback>label{margin-bottom:8px;font-size:12px}
.connection-advanced{margin:0 0 20px}
.connection-advanced summary,.connection-compare summary{cursor:pointer;color:var(--green);font-size:12px;padding:4px 0}
.connection-advanced label{margin:14px 0 0}
.stream-connections .connection-preview{margin-bottom:14px;color:var(--text)}
.connection-fallback{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.connection-fallback h3{font-size:15px;margin:0}
.connection-fallback p{margin:8px 0 16px}
.connection-fallback .session-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.connection-fallback small+small{margin-top:8px}
.connection-compare{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.connection-compare p{margin:10px 0 14px}
.connection-compare input{width:100%;max-width:100%}
#connections-feedback,#connections-comparison{margin-top:12px;overflow-wrap:anywhere;font-size:12px;line-height:1.65}
#connections-feedback:empty{display:none}
.channel-connection{font-size:11px;color:var(--muted);margin:8px 0}
@media(max-width:560px){.stream-connections{padding:20px}.connection-modes{grid-template-columns:1fr}.connection-fallback .session-actions>*{width:100%}.stream-connections .connection-choice{padding:13px}.stream-connections .primary{white-space:normal}}
/* What checking a live stream on every connection found, one connection a row. */
.video-check-summary{margin:0 0 10px;color:var(--text);font-size:13px}
.video-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.video-check li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#151e17}
.video-check li>span{justify-self:end;font-weight:600}
.video-check li.found>span{color:var(--green)}
.video-check li.missing>span{color:var(--red)}
.video-check li>small{grid-column:1/-1;color:var(--muted);font-size:11px}
