/* Only the Channel zone and its own search field. */
.channel-mine-heading { display: flex; align-items: center; justify-content: space-between; }
.channel-mine-toggle {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  background: none; border: 0; color: inherit; padding: 0; font: inherit;
  text-align: left; letter-spacing: inherit; text-transform: inherit; cursor: pointer;
}
.channel-mine-toggle svg { width: 16px; height: 16px; transition: transform .15s; }
.channel-mine-toggle[aria-expanded="false"] svg { transform: rotate(-90deg); }
[data-sidebar-zone-panel="channels"] [hidden], #channel-search-input[hidden] { display: none !important; }
[data-sidebar-zone-panel="channels"] .channel-directory-list { list-style: none; margin: 0; padding: 0; }
.channel-directory-entry {
  display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box;
  border: 0; border-radius: 8px; padding: 10px; background: none; color: #e9edef;
  text-align: left; font: inherit; cursor: pointer; text-decoration: none;
}
.channel-directory-entry:hover, .channel-directory-entry:focus-visible { background: #202c33; }
.channel-directory-entry .avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.channel-directory-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.channel-directory-name { font-weight: bold; overflow-wrap: anywhere; }
.channel-directory-description { font-size: 12px; color: #8696a0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-following-badge { color: #25d366; font-size: 10px; }
.channel-directory-status { color: #8696a0; font-size: 13px; padding: 8px 12px; }
.channel-directory-status:empty { display: none; }
.channel-directory-more {
  border: 1px solid #2a3942; background: #111b21; color: #e9edef; border-radius: 6px;
  padding: 8px 12px; margin: 8px 12px; cursor: pointer;
}
