.channel-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:24px;display:grid}.telegram-card .channel-status{margin:0 0 18px;display:inline-flex}.telegram-card .channel-note p,.telegram-card .channel-code-box p,.telegram-card .channel-connect-form p,.telegram-card .channel-revoke-confirm p{margin-bottom:0}.telegram-card>.error-message,.telegram-card>.success-message{margin:18px 0 0!important}.telegram-card .channel-mini-mark{margin-bottom:18px}.channel-primary{min-width:0;padding:32px}.channel-heading{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.channel-heading h2{letter-spacing:-.7px;margin:0;font-size:24px}.channel-heading .eyebrow{margin:0 0 5px;font-size:10px}.channel-mark{color:#fff;background:linear-gradient(145deg,#6673dc,#8149a8);border-radius:20px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:34px;font-style:italic;font-weight:800;display:grid;box-shadow:0 8px 18px #7561bd22}.channel-status{color:#716749;background:#f5f0df;border-radius:20px;margin-left:auto;padding:7px 11px;font-size:11px;font-weight:650;line-height:1.5}.channel-status.connected{color:#426541;background:#e7f0df}.channel-intro{color:var(--text-muted,#73717d);max-width:600px;margin:24px 0;line-height:1.8}.channel-benefits{flex-wrap:wrap;gap:12px 18px;margin-bottom:28px;display:flex}.channel-benefits span{color:#5f5874;align-items:center;gap:7px;font-size:12px;display:flex}.channel-benefits svg{color:#8e7cba}.channel-note{background:#f6f3fc;border:1px solid #ebe5f5;border-radius:16px;margin:20px 0;padding:20px}.channel-note h3,.channel-help h3,.channel-revoke-confirm h3{margin:0 0 8px;font-size:16px}.channel-note h3{align-items:center;gap:8px;display:flex}.channel-note p,.channel-help p,.channel-revoke-confirm p{color:#6e667d;margin:0;font-size:13px;line-height:1.8}.channel-note.connected{background:#f0f5eb;border-color:#dfe9d5}.channel-connect-form{gap:16px;margin:24px 0;display:grid}.channel-connect-form h3{margin:0;font-size:17px}.channel-connect-form>.button{justify-self:start}.channel-steps{color:#6e667d;margin:0;padding-left:24px;font-size:13px;line-height:1.9}.channel-steps li{margin-bottom:6px;padding-left:4px}.channel-steps li::marker{color:#8872ba;font-weight:700}.channel-connect-form .consent-label{align-items:flex-start;font-size:12px;line-height:1.8}.channel-connect-form .consent-label input{flex-shrink:0;margin-top:5px}.channel-connect-form .muted,.channel-code-box .muted{margin:0;font-size:12px;line-height:1.7}.channel-code-box{background:#faf9fc;border:1px dashed #c3b4df;border-radius:14px;gap:12px;margin:24px 0;padding:18px;display:grid}.channel-code-box .button{justify-self:start}.channel-code{letter-spacing:.2px;width:100%;min-width:0;font-family:Consolas,monospace!important;font-size:13px!important}.channel-actions{flex-wrap:wrap;gap:10px;margin:22px 0 8px;display:flex}.channel-actions .button{font-size:12px}.channel-revoke{color:#8f5b65;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:18px 0 0;padding:4px 0;font-size:12px;text-decoration:underline}.channel-revoke-confirm{background:#fdf8f8;border:1px solid #eadbdc;border-radius:14px;margin-top:20px;padding:20px}.channel-revoke-confirm .channel-actions{margin-bottom:0}.channel-pending{color:#6e667d;font-size:13px;line-height:1.8}.channel-aside{gap:24px;min-width:0;display:grid}.channel-secondary{padding:28px}.channel-mini-mark{color:#68879e;background:#eaf2f7;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.channel-secondary h2{letter-spacing:-.5px;margin:0 0 12px;font-size:23px}.channel-secondary p:not(.eyebrow){color:#7b7686;margin:0 0 24px;font-size:13px;line-height:1.8}.channel-text-link{color:#7160a3;overflow-wrap:anywhere;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.channel-help{padding:8px 15px}.channel-help p{margin:12px 0}.channel-primary>.error-message,.channel-primary>.success-message{margin-top:20px;line-height:1.7}@media (max-width:1100px){.channel-layout{grid-template-columns:1fr}.channel-aside{grid-template-columns:1fr 1fr}.channel-status{margin-left:0}}@media (max-width:600px){.channel-primary,.channel-secondary{padding:22px}.channel-heading{gap:12px}.channel-heading h2{font-size:20px}.channel-mark{border-radius:16px;width:46px;height:46px;font-size:28px}.channel-status{font-size:10px}.channel-aside{grid-template-columns:1fr}.channel-actions{flex-direction:column;align-items:stretch}.channel-actions .button{justify-content:center}.channel-code{font-size:11px!important}.channel-benefits{gap:10px}.channel-benefits span{font-size:11px}.channel-note{padding:16px}.channel-help{padding:4px 8px}}
