.channel-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.channel-source{min-width:0}
.channel-source p{margin:8px 0 0;overflow-wrap:anywhere}
.channel-connection-top,#channel-sync-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.channel-sync-status{flex-basis:100%;min-width:0;border-top:1px solid var(--border);padding-top:12px;font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}
.channel-sync-status p{margin:6px 0 0}
.channel-sync-times{display:flex;flex-wrap:wrap;gap:4px 20px}
.channel-sync-button{min-width:116px;min-height:38px}
.channel-sync-button[aria-busy=true] svg{animation:channel-sync-spin 1.4s linear infinite}
[data-page=channels] #page-actions{min-width:0;justify-content:flex-end}
[data-page=channels] #page-actions>.button{display:inline-flex;align-items:center;gap:7px}
[data-page=channels] button:disabled{cursor:not-allowed}
[data-page=channels] button[aria-busy=true]:disabled{cursor:wait}
#channel-sync-form{min-width:0;overflow-wrap:anywhere}
#channel-sync-form fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}
#channel-sync-form input{max-width:100%}
#channel-sync-form #channel-cookie-hint{margin:-6px 0 0}
#channel-settings-error{min-height:18px;margin:12px 0 0;line-height:1.7}
.channel-sync-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border);font-size:13px}
.channel-sync-toggle input[role=switch]{appearance:none;position:relative;width:38px;height:22px;min-width:38px;padding:0;margin:0;border-radius:11px;background:#879098;border-color:#879098;cursor:pointer}
.channel-sync-toggle input[role=switch]:before{content:'';position:absolute;inset:2px auto auto 2px;width:16px;height:16px;border-radius:50%;background:white}
.channel-sync-toggle input[role=switch]:checked{background:var(--green);border-color:var(--green)}
.channel-sync-toggle input[role=switch]:checked:before{left:18px}
@keyframes channel-sync-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.channel-sync-button[aria-busy=true] svg{animation:none}}
.channel-summary td{vertical-align:top;font-variant-numeric:tabular-nums}
.channel-summary .cell-note{white-space:normal;min-width:108px}
.channel-imports{margin-top:24px;border-top:1px solid var(--line,#dce6e6);padding-top:18px}
.channel-imports summary{cursor:pointer;font-weight:600}
#channel-filter{align-items:end}
#channel-pending{font-size:12px;min-height:18px;align-self:center}
#channel-preview{overflow-wrap:anywhere}
[data-page=channels] .scope-caption{max-width:960px;line-height:1.8;margin-top:18px}
@media(max-width:600px){#channel-filter{gap:12px}#channel-filter>label{flex:1;min-width:135px}#channel-filter .segmented{width:100%}#channel-filter .segmented button{flex:1}#channel-filter .range-inputs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#channel-filter input,#channel-filter select{min-width:0;width:100%}#channel-filter .range-inputs label{min-width:0}.channel-connection{gap:12px}.channel-sync-times{display:grid;gap:4px}[data-page=channels] #page-actions{justify-content:flex-start}[data-page=channels] .page-heading{align-items:flex-start;flex-wrap:wrap}[data-page=channels] .page-heading>div{min-width:0;max-width:100%}#channel-sync-form .form-actions button{min-height:38px}}
.channel-traffic{border:1px solid var(--border);background:#fff;border-radius:6px;padding:20px 22px;margin-top:20px}
.channel-traffic>.section-head,.channel-intake>.section-head{margin:0 0 16px}
.channel-traffic-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.channel-traffic-numbers>div{min-width:0;padding:2px 16px 10px 0;border-right:1px solid var(--border)}
.channel-traffic-numbers>div:last-child{border-right:0}
.channel-traffic-numbers span,.channel-traffic-numbers small{display:block;color:var(--muted);font-size:12px;line-height:1.7}
.channel-traffic-numbers strong{display:block;font-size:30px;line-height:1.4;font-weight:650;margin:7px 0;font-variant-numeric:tabular-nums}
.channel-traffic-chart{margin-top:18px;border-top:1px solid var(--border);padding-top:18px}
.channel-traffic-chart>b{font-size:14px}.channel-traffic-chart>p{margin:7px 0 10px}
.channel-intake{margin:24px 0;padding:22px;background:#fff;border:1px solid var(--border);border-radius:6px}
#channel-intake-form{display:flex;gap:12px;align-items:end;max-width:740px;flex-wrap:wrap}
#channel-intake-form label{flex:1;min-width:180px}#channel-intake-form button{min-height:41px}
.channel-intake-list{margin-top:8px}.channel-intake-row{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--border);flex-wrap:wrap}
.channel-intake-row>div:first-child{flex:1;min-width:160px;overflow-wrap:anywhere}.channel-intake-row b{font-size:14px}.channel-intake-row span{font-size:12px;margin-left:10px;color:var(--muted)}
.channel-intake-row small{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:5px}
.channel-intake-actions{display:flex;gap:8px}.channel-intake-note{font-size:12px;margin:13px 0 0}#channel-intake-feedback{min-height:18px;margin:10px 0}
@media(max-width:600px){.channel-traffic,.channel-intake{padding:16px}.channel-traffic-numbers{grid-template-columns:1fr;gap:10px}.channel-traffic-numbers>div{border-right:0;border-bottom:1px solid var(--border);padding-bottom:12px}.channel-traffic-numbers>div:last-child{border-bottom:0}.channel-traffic-numbers strong{font-size:28px}.channel-intake-row>.tag{margin-left:0}.channel-intake-actions{width:100%}.channel-intake-actions button{flex:1}#channel-intake-form{display:grid;grid-template-columns:1fr;width:100%}#channel-intake-form label{min-width:0}}
