.main-content:has(> .private-chat) { padding-bottom:0; min-height:0; }
.private-chat { --chat-border:#eeeef2; --chat-muted:#777780; display:grid; grid-template-columns:25% minmax(0,1fr) 25%; width:100%; margin:0; padding:0; height:calc(100dvh - 80px); min-height:420px; background:#fff; border-top:1px solid var(--chat-border); overflow:hidden; color:#242429; }
.private-chat [hidden],.private-chat-dropdown [hidden] { display:none!important; }
.private-chat h2 { color:#242429; margin:0; font-size:14px; font-weight:500; line-height:1.4; }
.private-chat button,.private-chat input,.private-chat textarea { font:inherit; }
.private-chat a:focus-visible,.private-chat button:focus-visible,.private-chat input:not([data-chat-search]):focus-visible,.private-chat textarea:focus-visible { outline:2px solid var(--color-brand-primary,#293bcf); outline-offset:-2px; }
.private-chat-sidebar { border-right:1px solid var(--chat-border); overflow:auto; min-width:0; }
.private-chat-sidebar-heading,.private-chat-thread-header { min-height:64px; padding:14px 16px; border-bottom:1px solid var(--chat-border); display:flex; gap:12px; align-items:center; }
.private-chat-sidebar-action { padding:14px 16px; }
.private-chat-start { text-transform:none!important; font-weight:400!important; display:flex!important; justify-content:center; align-items:center; gap:8px; width:100%; padding:10px!important; border-radius:6px!important; font-size:13px!important; }
.private-chat-conversation { display:flex!important; align-items:center; gap:12px; width:100%; padding:16px; border:0; border-bottom:1px solid #f7f7f9; background:#fff; color:inherit; text-decoration:none!important; text-align:left; }
.private-chat-conversation:hover,.private-chat-conversation:focus-visible { background:#fafafe; color:inherit; }
.private-chat-conversation.is-active { background:#f1f1fb; }
.private-chat-conversation.is-unread .private-chat-name,.private-chat-conversation.is-unread .private-chat-snippet { font-weight:600; color:#242429; }
.private-chat-avatar { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; background:#eeeeff; color:#35358a; font-size:13px; }
.private-chat-person { min-width:0; flex:1; }
.private-chat-name,.private-chat-snippet { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.private-chat-name { font-size:13px; }
.private-chat-snippet,.private-chat-subtitle { font-size:12px; margin-top:3px; color:var(--chat-muted); font-weight:400; }
.private-chat-conversation-line { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.private-chat-conversation time { font-size:10px; color:var(--chat-muted); flex-shrink:0; }
.private-chat-thread { min-width:0; min-height:0; display:flex; flex-direction:column; position:relative; background:#fafafa; }
.private-chat-thread-header { background:#fff; }
.private-chat-peer { display:flex; align-items:center; gap:12px; width:100%; text-align:left; border:0; background:none; padding:0; color:inherit; cursor:pointer; }
.private-chat-messages { padding:24px 16px 16px; overflow-y:auto; flex:1; display:flex; flex-direction:column; justify-content:flex-start; gap:20px; overflow-anchor:none; }
.private-chat-message { display:flex; align-items:flex-start; gap:10px; max-width:92%; align-self:flex-start; }
.private-chat-message:first-child { margin-top:auto; }
.private-chat-message > .private-chat-avatar { width:32px; height:32px; font-size:11px; }
.private-chat-message.is-own { align-self:flex-end; }
.private-chat-bubble { margin:0; padding:12px; border-radius:10px; background:#fff; color:#303037; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.6; min-width:60px; }
.private-chat-message.is-own .private-chat-bubble { background:#f1f1fc; }
.private-chat-bubble p { margin:0; }
.private-chat-message time { display:block; font-size:10px; color:var(--chat-muted); margin-top:5px; white-space:nowrap; }
.private-chat-message.is-own time { text-align:right; }
.private-chat-compose { display:flex; gap:10px; padding:12px 16px; align-items:flex-end; }
.private-chat-compose textarea { width:100%; min-width:0; resize:none; height:42px; max-height:140px; padding:10px 12px; border:1px solid #e8e8ed; border-radius:5px; background:#fff; font-size:13px; line-height:20px; }
.private-chat-send { width:42px; height:42px; padding:0!important; display:grid!important; place-items:center; flex-shrink:0; border-radius:5px!important; }
.private-chat-profile { border-left:1px solid var(--chat-border); text-align:center; padding:32px 16px; overflow:auto; overflow-wrap:anywhere; margin-top:64px; }
.private-chat-profile .private-chat-avatar { width:64px; height:64px; font-size:22px; margin-bottom:16px; }
.private-chat-profile h3 { color:#242429; font-size:15px; font-weight:500; margin:0 0 6px; }
.private-chat-profile p { color:var(--chat-muted); font-size:12px; margin:3px 0; }
.private-chat-profile .private-chat-profile-link { display:block; margin:22px 0; border:1px solid var(--chat-border); padding:10px; border-radius:5px; font-size:13px; }
.private-chat-profile-details { text-align:left; margin-top:24px; }
.private-chat-profile-details h4 { font-size:13px; font-weight:500; margin:22px 0 10px; }
.private-chat-profile-details p { white-space:pre-wrap; line-height:1.6; }
.private-chat-contact { display:flex; justify-content:space-between; gap:8px; font-size:11px; border-bottom:1px solid var(--chat-border); padding:10px 0; }
.private-chat-contact a { overflow-wrap:anywhere; min-width:0; }
.private-chat-placeholder { color:var(--chat-muted); padding:24px; text-align:center; margin:auto; font-size:13px; }
.private-chat-empty { text-align:center; margin:auto; padding:32px 20px; font-size:13px; color:var(--chat-muted); }
.private-chat-empty > i { display:block; font-size:28px; margin-bottom:24px; color:#8d8d96; }
.private-chat-empty h3 { font-size:14px; color:#303037; font-weight:500; margin:0 0 8px; }
.private-chat-empty p { margin:0; }
.private-chat-error { margin:0; padding:12px 20px; color:#9d2929; background:#fff2f2; font-size:13px; }
.private-chat-new { position:absolute; bottom:80px; left:50%; transform:translateX(-50%); box-shadow:0 2px 12px #0002; }
.private-chat-icon { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; background:none; border:0; color:inherit; flex-shrink:0; cursor:pointer; }
.private-chat-back,.private-chat-profile-close,.private-chat-profile-icon { display:none; }
.private-chat-picker { grid-column:2 / 4; min-width:0; overflow:auto; background:#fafafa; }
.private-chat.is-composing .private-chat-thread,.private-chat.is-composing .private-chat-profile { display:none; }
.private-chat-search { margin:16px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--chat-border); border-radius:5px; color:var(--chat-muted); background:#fff; }
.private-chat-search:focus-within { border-color:#92929e; box-shadow:0 0 0 1px #92929e; }
.private-chat-search input { width:100%; border:0; min-width:0; outline:none; background:none; font-size:13px; }
.private-chat-attendee { background:#fff; padding:16px; }
.private-chat-dropdown .dropdown-menu { width:340px; max-width:90vw; padding:0; max-height:70vh; overflow:auto; }
.private-chat-dropdown-heading { display:block; padding:16px; }
.private-chat-dropdown .badge { margin-left:5px; }
.private-chat-dropdown .dropdown-item { padding:16px; }
@media(min-width:1500px) { .private-chat { grid-template-columns:320px minmax(0,1fr) 320px; } }
@media(max-width:1100px) { .private-chat { grid-template-columns:260px minmax(0,1fr); } .private-chat-profile { display:none; grid-column:2; margin-top:0; } .private-chat.show-profile .private-chat-profile { display:block; } .private-chat.show-profile .private-chat-thread { display:none; } .private-chat-profile-close,.private-chat-profile-icon { display:inline-flex; } .private-chat-profile-close { float:left; } .private-chat-profile-icon { margin-left:auto; } .private-chat-picker { grid-column:2; } }
@media(max-width:700px) { .private-chat { display:flex; height:calc(100dvh - 64px); min-height:0; } .private-chat-sidebar { width:100%; } .private-chat-thread { display:none; width:100%; } .private-chat.has-peer .private-chat-sidebar,.private-chat.is-composing .private-chat-sidebar { display:none; } .private-chat.has-peer .private-chat-thread { display:flex; } .private-chat-back { display:inline-flex; } .private-chat-thread-header { min-height:64px; padding:10px 12px; } .private-chat-messages { padding:16px 12px; } .private-chat-compose { padding:10px 12px; } .private-chat-profile,.private-chat-picker { width:100%; } .private-chat.is-composing .private-chat-thread,.private-chat.show-profile .private-chat-thread { display:none; } }

.private-chat-conversation .badge { position:static; flex-shrink:0; margin-left:auto; align-self:center; }
.private-chat-dropdown > button { position:relative; }
.private-chat-dropdown > button > .badge { top:4px; right:4px; left:auto; margin:0; }
.private-chat-peer:disabled { opacity:1; cursor:default; color:inherit; }
.private-chat-peer > span:last-of-type { min-width:0; flex:1; }
@media(max-width:700px) {
    .private-chat-peer h2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .private-chat-subtitle { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
}