.messages-panel{height:100vh;overflow:auto;padding:94px 18px 105px}
.messages-panel h2{font-size:24px;margin:0 0 14px}
.msg-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}
.msg-tabs button{border:1px solid #ffffff18;background:#1b2131;border-radius:20px;padding:7px 13px;font-size:11px;white-space:nowrap}
.msg-tabs button.active{background:var(--text);color:#10121a;border-color:transparent;font-weight:700}
.msg-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer}
.msg-row>div{flex:1;min-width:0}
.msg-row b,.msg-row small{display:block}
.msg-row b{font-size:13px}
.msg-row small{color:var(--muted);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-row time{color:var(--muted);font-size:10px}
.msg-av{position:relative;flex:none}
.msg-av img{width:46px;height:46px;border-radius:50%;display:block}
.msg-ic{position:absolute;bottom:-2px;left:-2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal;border:2px solid var(--bg);background:var(--cyan);color:#071017}
.msg-ic.like{background:var(--pink);color:#fff}
.msg-ic.comment{background:var(--yellow)}
.msg-note{color:var(--muted);font-size:12px;text-align:center;margin-top:24px}