.channel-organizer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.55fr) minmax(190px,.6fr) auto;gap:12px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid rgba(38,166,136,.13);border-radius:17px;background:linear-gradient(145deg,#fbfffd,#f6faf9)}.channel-organizer label{display:grid;gap:6px;margin:0}.channel-organizer label>span{color:#71817d;font-size:11px;font-weight:800}.channel-organizer input,.channel-organizer select{min-height:40px;border-radius:11px}.channel-organizer-search{position:relative}.channel-organizer-search>span{position:absolute;z-index:1;left:13px;bottom:10px;color:#26a688;font-size:17px}.channel-organizer-search input{padding-left:38px}.channel-organizer small{grid-column:1/-1;color:#80908c;font-size:11px}.channel-category-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.channel-category-badge.social{color:#227b69;background:#dcf6ef}.channel-category-badge.bots{color:#6668a9;background:#ececff}.channel-category-badge.yandex{color:#397ca7;background:#e5f3fc}.channel-category-badge.other{color:#7b6b55;background:#f7efe3}.client-channel-card.channel-category-social{border-color:rgba(38,166,136,.2);background:linear-gradient(145deg,#fff,#f5fcf9)}.client-channel-card.channel-category-bots{border-color:rgba(142,144,209,.22);background:linear-gradient(145deg,#fff,#f7f6ff)}.client-channel-card.channel-category-yandex{border-color:rgba(83,170,215,.22);background:linear-gradient(145deg,#fff,#f4faff)}.client-channel-card.channel-category-other{border-color:rgba(164,143,111,.18)}.client-channel-card[hidden]{display:none!important}.connection-state.draft,.connection-state:not(.connected):not(.error):not(.active){color:#7c8785!important;background:#eef1f0!important;border-color:#dde3e1!important;box-shadow:none!important}.connection-state.draft i,.connection-state:not(.connected):not(.error):not(.active) i{background:#98a29f!important}.client-channel-title-row{flex-wrap:wrap}.client-channel-title-row .connection-state{margin-left:auto}@media(max-width:900px){.channel-organizer{grid-template-columns:1fr 1fr}.channel-organizer-search{grid-column:1/-1}}@media(max-width:620px){.channel-organizer{grid-template-columns:1fr}.channel-organizer-search{grid-column:auto}.channel-organizer .secondary{width:100%}.client-channel-title-row .connection-state{margin-left:0}}