.social-header-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
.social-icon { position:relative; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; color:#777c76; width:38px; height:42px; padding:8px; cursor:pointer; }
.social-icon .fa-icon { width:20px; height:20px; fill:currentColor; }
.social-icon.has-unread { color:#a62d2d; }
.social-icon span { position:absolute; top:0; right:0; border-radius:10px; padding:2px 4px; background:#a62d2d; color:white; font:10px Arial,sans-serif; }
.social-icon span[hidden] { display:none; }
.activity-dialog { width:min(540px,calc(100% - 24px)); padding:24px; }
.messages-dialog { width:min(920px,calc(100% - 24px)); padding:24px; }
.activity-heading { display:flex; gap:12px; align-items:center; margin-bottom:22px; }
.activity-heading h2 { margin:0 auto 0 0; font-size:28px; }
.activity-dialog label,.messages-dialog label { display:block; margin:12px 0 6px; font-weight:600; }
.activity-dialog input,.activity-dialog textarea,.messages-dialog textarea { width:100%; min-width:0; border:1px solid var(--line); padding:12px; border-radius:6px; background:#fffdf8; font:inherit; }
.activity-dialog textarea,.messages-dialog textarea { resize:vertical; }
.composer-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:10px; }
.composer-actions small { color:var(--muted); }
.member-label { display:flex; align-items:center; gap:10px; min-width:0; text-align:left; }
.member-label img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.member-label strong,.member-label small { display:block; overflow-wrap:anywhere; }
.member-label small { margin-top:4px; color:var(--muted); font-size:11px; }
.member-result,.thread-item { width:100%; padding:14px; border:0; border-bottom:1px solid var(--line); text-align:left; color:var(--ink); background:transparent; cursor:pointer; }
.member-result:hover,.thread-item:hover { background:#eeeede; }
.thread-item.unread,.notification-item.unread { border-left:3px solid #a62d2d; background:#f1f0e5; }
.notification-item { display:block; padding:16px 12px; border-bottom:1px solid var(--line); }
.notification-item small { display:block; color:var(--muted); margin-top:8px; }
.messenger { display:grid; grid-template-columns:250px minmax(0,1fr); gap:22px; min-height:400px; }
.inbox-panel { border-right:1px solid var(--line); padding-right:16px; max-height:65vh; overflow:auto; }
.conversation-panel { min-width:0; }
.conversation-heading { display:flex; gap:12px; align-items:center; }
.conversation-heading h3 { margin:0 auto 12px 0; overflow-wrap:anywhere; }
[data-back-inbox] { display:none; }
.chat-log { display:flex; flex-direction:column; gap:12px; height:36vh; min-height:180px; overflow:auto; padding:12px 4px; }
.chat-message { align-self:flex-start; max-width:88%; padding:10px 14px; border-radius:12px 12px 12px 2px; background:#e9e8dd; }
.chat-message.mine { align-self:flex-end; background:#dce7d4; border-radius:12px 12px 2px 12px; }
.chat-message p { white-space:pre-wrap; overflow-wrap:anywhere; margin:0 0 6px; }
.chat-message time { font-size:10px; color:var(--muted); }
.blocked-member { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); }
label.email-preference { display:flex; align-items:center; gap:12px; margin:16px 0; font-weight:normal; }
label.email-preference input { width:auto; }
#email-notifications,[data-block-settings] { margin-top:24px; }
#email-notifications:target { scroll-margin-top:100px; }
@media(max-width:1150px) { .account-header nav.account-nav { gap:10px; } .account-header .header-inner { gap:12px; } }
@media(max-width:950px) { .account-header nav.account-nav { display:none; } }
@media(max-width:600px) { .messages-dialog,.activity-dialog { padding:18px; } .messenger { grid-template-columns:1fr; gap:0; } .inbox-panel { border:0; padding:0; } .conversation-panel { display:none; } .has-conversation .inbox-panel { display:none; } .has-conversation .conversation-panel { display:block; } [data-back-inbox] { display:inline-block; } .activity-heading { flex-wrap:wrap; } .activity-heading h2 { font-size:25px; } .social-header-actions { gap:0; } .social-icon { width:30px; padding:6px; } .account-header .header-inner { gap:6px; } }

.thread-item[aria-current=true] { background:#e7ecdF; box-shadow:inset 3px 0 #526344; }