.messages-main{padding:34px 0 80px;display:grid;gap:16px}.invite-strip{border-radius:22px;padding:24px}.messages-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.messages-section-head h1{font-size:25px;letter-spacing:-.04em;margin:7px 0}.messages-section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.invite-count{min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);font-size:11px;font-weight:850}.invite-list{display:flex;gap:10px;overflow:auto;margin-top:18px}.invite-item{min-width:270px;display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.invite-avatar,.chat-avatar,.contact-avatar,.chat-profile-avatar{background:linear-gradient(135deg,var(--violet),var(--blue));background-size:cover;background-position:center;color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.invite-avatar{width:42px;height:42px;border-radius:12px}.invite-copy b,.invite-copy small{display:block}.invite-copy b{font-size:11px}.invite-copy small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}.invite-actions{display:flex;gap:6px;margin-top:9px}.invite-actions .btn{font-size:8px;padding:7px 9px}.messages-layout{min-height:570px;border-radius:22px;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}.contacts-panel{border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 76%,transparent);min-height:0}.contacts-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.contacts-head strong,.contacts-head small{display:block}.contacts-head strong{font-size:15px}.contacts-head small{font-size:8px;color:var(--muted);margin-top:4px}.icon-refresh{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--text);cursor:pointer}.contact-list{display:grid;max-height:570px;overflow:auto}.contact-item{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;text-align:left;cursor:pointer}.contact-item:hover,.contact-item.active{background:var(--soft)}.contact-avatar{width:42px;height:42px;border-radius:13px}.contact-copy{min-width:0}.contact-copy b,.contact-copy small,.contact-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-copy b{font-size:11px}.contact-copy small{font-size:8px;color:var(--muted);margin-top:3px}.contact-copy em{font-size:8px;color:var(--muted);font-style:normal;margin-top:4px}.unread-pill{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.conversation-panel{min-width:0;display:flex}.conversation-empty{margin:auto;text-align:center;max-width:380px;padding:40px}.conversation-mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 15px;background:var(--soft);border:1px solid var(--line);font-size:25px}.conversation-empty h2{font-size:22px;margin:0 0 8px}.conversation-empty p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.conversation{width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0}.conversation[hidden]{display:none}.conversation-head{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-avatar{width:44px;height:44px;border-radius:14px}.conversation-head strong,.conversation-head small{display:block}.conversation-head strong{font-size:12px}.conversation-head small{font-size:9px;color:var(--muted);margin-top:3px}.direct-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:430px}.direct-message{max-width:72%;align-self:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:14px 14px 14px 5px;padding:9px 11px}.direct-message.mine{align-self:flex-end;background:linear-gradient(135deg,#6544dd,#2f70de);border:0;color:#fff;border-radius:14px 14px 5px 14px}.direct-message span,.direct-message small{display:block}.direct-message span{font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.direct-message small{font-size:7px;margin-top:4px;opacity:.6}.direct-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.direct-form input{min-width:0;background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 12px;outline:none}.direct-form input:focus{border-color:#6e58ff}.direct-error{padding:0 16px 12px}.messages-empty{min-width:100%;padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:9px;text-align:center;line-height:1.6}.messages-empty.compact{margin:14px;width:auto;min-width:0}.chat-profile-modal{width:min(450px,100%)}.chat-profile-head{display:flex;align-items:center;gap:14px}.chat-profile-avatar{width:66px;height:66px;border-radius:19px}.chat-profile-head h2{margin:0 0 4px}.chat-profile-head p,.chat-profile-bio,.chat-profile-meta{color:var(--muted)}.chat-profile-head p{margin:0;font-size:10px}.chat-profile-bio{font-size:11px;line-height:1.65;margin:18px 0 8px}.chat-profile-meta{font-size:9px;margin:0}
@media(max-width:800px){.messages-layout{grid-template-columns:1fr}.contacts-panel{border-right:0;border-bottom:1px solid var(--line)}.contact-list{max-height:260px}.conversation-panel{min-height:520px}}
@media(max-width:600px){.messages-main{padding-top:18px}.invite-strip{padding:18px}.messages-section-head h1{font-size:21px}.invite-item{min-width:250px}.messages-layout{border-radius:18px}.conversation-head .btn{padding:8px 10px}.direct-message{max-width:86%}}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:12px;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;z-index:150}.toast.show{opacity:1;transform:translate(-50%,0)}


/* v5.8 direct-message emoji picker */
.direct-form{position:relative;grid-template-columns:minmax(0,1fr) 42px auto}
.direct-emoji-toggle{height:42px;width:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.direct-emoji-toggle:hover,.direct-emoji-toggle[aria-expanded="true"]{border-color:#6f65d8;background:color-mix(in srgb,var(--soft) 70%,#6f65d8 30%)}
.direct-emoji-picker{position:absolute;right:82px;bottom:62px;width:min(330px,calc(100vw - 36px));height:340px;background:var(--bg2);border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 60px rgba(0,0,0,.34);z-index:80;overflow:hidden}
.direct-emoji-picker[hidden]{display:none}
.direct-emoji-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}
.direct-emoji-head strong{font-size:11px}.direct-emoji-head button{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.direct-emoji-head button:hover{background:var(--soft);color:var(--text)}
.direct-emoji-categories{display:flex;gap:4px;padding:7px 8px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.direct-emoji-categories::-webkit-scrollbar{display:none}
.direct-emoji-cat{flex:0 0 31px;height:30px;width:31px;padding:0;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;font-size:16px;cursor:pointer}.direct-emoji-cat:hover,.direct-emoji-cat.active{background:var(--soft);border-color:var(--line);color:var(--text)}
.direct-emoji-grid{height:250px;overflow-y:auto;padding:9px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;align-content:start}.direct-emoji-item{height:34px;width:34px;padding:0;border:0;background:transparent;border-radius:9px;font-size:21px;line-height:1;cursor:pointer}.direct-emoji-item:hover{background:var(--soft);transform:scale(1.08)}
@media(max-width:600px){.direct-form{grid-template-columns:minmax(0,1fr) 40px auto}.direct-emoji-toggle{width:40px;height:40px}.direct-emoji-picker{right:12px;bottom:62px;width:calc(100vw - 36px);height:320px}.direct-emoji-grid{height:230px;grid-template-columns:repeat(8,1fr);padding:7px}.direct-emoji-item{width:32px;height:32px;font-size:20px}}

/* v5.9 — cross-platform emoji rendering (Windows/Chrome included) */
.direct-emoji-item,.direct-emoji-cat,.direct-emoji-toggle{font-family:"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji","Segoe UI Symbol",sans-serif!important;font-variant-emoji:emoji;}
#directInput,.direct-message span{font-family:Inter,"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji","Segoe UI Symbol",sans-serif;}