.msgr-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.msgr-header{position:sticky;top:0;z-index:10;padding:.5rem .75rem;background:var(--bs-body-bg);border-bottom:1px solid rgba(0,0,0,.06)}
.msgr-searchwrap{position:relative;min-width:0}
.msgr-search{margin-top:3px;margin-bottom:2px;padding:.5rem .85rem .5rem 2.25rem;border-radius:999px;background:rgba(0,0,0,.05);border:none;font-size:14px}
.msgr-searchicon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.45)}
.msgr-iconbtn{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
.msgr-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.5rem}
.msgr-thread{margin-bottom:8px;transition:background .12s}
.msgr-thread:hover{background:rgba(0,0,0,.05)}
.msgr-thread.is-selected{background:rgba(13,110,253,.12)}
.msgr-body{min-width:0}
.msgr-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.msgr-avatarwrap{width:48px;height:48px}
.msgr-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.msgr-online-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;background:#31a24c;border-radius:50%;border:3px solid #fff}
.msgr-name{font-weight:600;font-size:15px}
.msgr-dot{width:10px;height:10px;background:#0d6efd;border-radius:50%}
.msgr-badge{min-width:18px;height:18px;padding:0 6px;background:#0d6efd;color:#fff;border-radius:999px;font-size:12px;line-height:18px}