.self-profile-editor { grid-column:1/-1; width:100%; max-width:40rem; padding:1rem 0; }
.self-profile-editor fieldset { border:0; padding:0; display:grid; gap:1rem; }
.self-profile-editor label { display:grid; gap:.4rem; }
.self-profile-editor input { max-width:100%; }
.self-profile-avatar { width:72px; height:72px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:var(--color-surface-subtle,#eef2f5); font-size:2rem; }
.self-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.staff-password-reset { margin-top:.4rem; font-size:.8rem; max-width:28rem; }
.staff-password-reset label { display:grid; gap:.4rem; }
.staff-password-reset input { width:100%; }
.self-profile-menu-avatar { width:100%; height:100%; object-fit:cover; border-radius:50%; }

.collapsible-channels { display:flex; align-items:center; gap:.4rem; min-width:0; flex-wrap:wrap; }
.collapsible-channels > button { font-size:.75rem; white-space:nowrap; padding:.35rem .5rem; }
.collapsible-channels > div { min-width:0; }
.collapsible-channels > div[hidden] { display:none!important; }
.conversation-list-column { position:relative; }
.conversation-list-resizer { display:none; }
@media (min-width:768px) {
  .app-shell .inbox-page .inbox-layout { grid-template-columns:minmax(220px,min(var(--inbox-list-width,288px),42%)) minmax(0,1fr); }
  .conversation-list-resizer { display:flex; align-items:center; justify-content:center; position:absolute; right:-4px; top:0; bottom:0; width:9px; z-index:4; cursor:col-resize; touch-action:none; }
  .conversation-list-resizer span { height:36px; width:3px; border-radius:3px; background:var(--color-border,#ccd5de); }
  .conversation-list-resizer:hover, .conversation-list-resizer:focus-visible { background:#3981b833; outline:2px solid var(--color-primary,#397cb8); }
}
@media (min-width:1280px) {
  .app-shell .inbox-page .inbox-layout--context-open { grid-template-columns:minmax(220px,min(var(--inbox-list-width,288px),35%)) minmax(0,1fr) clamp(18rem,23vw,21rem); }
}