.channels-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.channels-hero h1{margin:.2rem 0 .4rem}.channels-hero p{max-width:760px;color:var(--muted)}.channel-security-note{max-width:340px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.channel-security-note strong,.channel-security-note span{display:block}.channel-security-note span{margin-top:4px;color:var(--muted);font-size:.76rem;line-height:1.45}.channel-section{margin-bottom:18px}.channel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.channel-heading h2{margin:2px 0 0;font-size:1.05rem}.channel-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.channel-provider{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel)}.channel-provider strong,.channel-provider span{display:block}.channel-provider span{font-size:.75rem;color:var(--muted);margin-top:5px;line-height:1.4}.channel-provider em{display:inline-flex;margin-top:10px;font-style:normal;font-size:.68rem;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.05)}.channel-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.7rem;text-transform:capitalize;background:rgba(0,0,0,.06)}.channel-status.credentials_present{background:rgba(46,139,87,.12);color:#257447}.channel-status.credentials_required{background:rgba(209,145,37,.12);color:#9a6618}.channel-status.not_connected{background:rgba(0,0,0,.06);color:var(--muted)}.channel-actions{display:flex;gap:6px;flex-wrap:wrap}.channel-empty{padding:18px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:.82rem}.channel-kicker{font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.channel-provider-grid{grid-template-columns:repeat(2,1fr)}.channel-grid-two{grid-template-columns:1fr}.channels-hero{flex-direction:column}.channel-security-note{max-width:none;width:100%}}@media(max-width:560px){.channel-provider-grid{grid-template-columns:1fr}.channel-actions{flex-direction:column}.channel-actions .btn{width:100%}}