#chat-dock{position:fixed;right:90px;bottom:0;z-index:48;display:flex;align-items:flex-end;gap:14px;pointer-events:none}.live-chat-window{width:340px;background:white;border:1px solid #e6ecf5;border-radius:7px 7px 0 0;box-shadow:0 5px 35px #3f425730;pointer-events:auto;overflow:visible}.live-chat-head{height:65px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);background:#fff;border-radius:7px 7px 0 0}.live-chat-head>.row{min-width:0;gap:9px}.live-chat-head strong{font-size:12px;line-height:1.4;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-head small{font-size:10px;display:block;color:#888da8}.live-chat-head .avatar{width:30px;height:30px;flex-shrink:0}.live-chat-tools{display:flex;align-items:center;gap:3px}.live-chat-tools button,.live-chat-tools summary{padding:4px;color:#7c5ac2;display:flex;align-items:center;justify-content:center;cursor:pointer}.live-chat-tools .icon{width:18px;height:18px}.live-chat-tools details{position:relative}.live-chat-tools summary{list-style:none}.live-chat-tools summary::-webkit-details-marker{display:none}.chat-options{position:absolute;right:0;top:30px;background:white;border:1px solid var(--line);box-shadow:0 8px 30px #3f425730;z-index:5;width:200px;padding:6px;border-radius:4px}.chat-options button,.chat-options a{display:block;text-align:left;padding:12px;font-size:12px;width:100%;color:var(--ink)}.chat-options button:hover,.chat-options a:hover{background:var(--bg)}.live-chat-content{display:flex;flex-direction:column}.chat-network{text-align:center;font-size:9px;padding:5px;background:#fafbfd;color:#39a58c}.chat-network.offline{color:#d28535}.live-chat-log{height:300px;overflow-y:auto;padding:18px 14px;scrollbar-width:thin;scrollbar-color:#d7dbe6 transparent;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain}.live-bubble{align-self:flex-start;max-width:90%;padding:11px 13px;background:#edf2f6;border-radius:13px 13px 13px 2px;color:#515365;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.live-bubble.mine{align-self:flex-end;background:#7c5ac2;color:white;border-radius:13px 13px 2px 13px}.live-bubble small{display:block;font-size:9px;color:#888da8;text-align:right;margin-top:6px;white-space:normal}.live-bubble.mine small{color:#e1d9f3}.live-bubble audio{display:block;max-width:100%;width:230px;height:38px}.live-chat-form{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line);background:white}.live-chat-form textarea{flex:1;width:0;min-width:0;resize:none;min-height:44px;max-height:110px;padding:12px;font-size:12px;border-radius:20px;background:#f5f6fa}.live-chat-form>button{display:flex;align-items:center;justify-content:center;width:30px;height:44px;color:#7c5ac2;flex-shrink:0}.live-chat-form .icon{width:21px;height:21px}.chat-error{font-size:11px;color:#c23d3d;flex-basis:100%;overflow-wrap:anywhere}.chat-error:empty{display:none}.chat-permission{padding:12px 16px;background:#fff8f0;font-size:11px;border-top:1px solid #f4e6d5}.chat-permission p{margin:0 0 8px;color:#927555}.chat-permission button{color:#7c5ac2;font-weight:500;margin-right:12px}.chat-empty{padding:70px 10px;color:#888da8;font-size:12px;text-align:center}.minimized .live-chat-content{display:none}.minimized .live-chat-head{cursor:pointer}.older-messages{color:#7c5ac2;font-size:11px;align-self:center;flex-shrink:0;padding:5px}.live-inbox{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:620px;overflow:visible}.live-contacts{border-right:1px solid var(--line)}.live-contacts [data-chat-contacts]{max-height:650px;overflow:auto;scrollbar-width:thin}.live-contact{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.live-contact.active,.live-contact:hover{background:#f8f7fc}.live-contact .grow{min-width:0}.live-contact strong{font-size:13px;font-weight:500;display:block}.live-contact small{font-size:11px;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden;max-width:190px}.chat-unread,.chat-total{font-size:10px;background:var(--orange);color:white;padding:2px 6px;border-radius:20px}.top-msg,.rail-chat{position:relative}.chat-total{position:absolute;top:0;right:0}.rail-chat .chat-total{top:8px;right:9px}.contact-avatar{display:inline-flex;position:relative}.contact-avatar.is-online:after{content:'';position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#38bf9f}.live-full-chat{display:flex;flex-direction:column;min-width:0}.live-full-chat .live-chat-head{height:80px;padding:18px 24px}.live-full-chat .live-chat-head strong{max-width:400px;font-size:15px}.live-full-chat .live-chat-head .avatar{width:40px;height:40px}.live-full-chat .live-chat-head small{font-size:11px}.live-full-chat .live-chat-content{flex:1;min-height:0}.live-full-chat .live-chat-log{height:440px;padding:25px}.live-full-chat .live-chat-form{padding:18px 24px}.live-full-chat .live-chat-form textarea{font-size:14px}.live-full-chat .live-bubble{max-width:75%;font-size:14px}.chat-empty-inbox{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:40px;text-align:center}.chat-empty-inbox>.icon{width:65px;height:65px;color:#b2a3d7}.chat-empty-inbox h2{font-size:24px;font-weight:400}.chat-list-empty{padding:25px;font-size:12px;line-height:1.8}.friend-requests{background:white;border:1px solid var(--line);padding:20px 24px;margin-bottom:20px;border-radius:4px}.friend-requests h3{font-size:14px;margin-bottom:15px}.friend-request{padding:10px 0}.friend-request>.grow{font-size:13px}.friend-request .btn{padding:9px 16px}.profile-friend-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px;background:#fafbfd;border-top:1px solid var(--line);font-size:12px}.profile-friend-actions button{color:#7c5ac2}.blocked-user{padding:14px 0;border-top:1px solid var(--line)}.chat-privacy .check-row{align-items:flex-start}.chat-privacy .check-row strong{font-size:13px}.chat-privacy .check-row small{line-height:1.6;font-size:12px}.chat-privacy input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.chat-privacy h2{margin-bottom:18px}.chat-privacy h3{margin:25px 0 10px}.chat-recording{flex-basis:100%;padding:10px;background:#fff2ee;font-size:12px;border-radius:5px}.chat-recording[hidden]{display:none}
@media(max-width:1199px){#chat-dock{right:85px;gap:10px}.live-chat-window{width:320px}}
@media(max-width:991px){#chat-dock{right:15px}.live-inbox{grid-template-columns:240px minmax(0,1fr)}.live-contact{padding:16px}.live-contact small{max-width:135px}}
@media(max-width:760px){#chat-dock{left:10px;right:10px;bottom:0;display:block}.live-chat-window{width:100%;max-width:450px;margin-left:auto}.live-chat-log{height:min(50dvh,380px)}.live-chat-head strong{max-width:160px}.live-inbox{display:flex;flex-direction:column;min-height:0}.live-contacts{border-right:0}.live-contacts [data-chat-contacts]{max-height:230px}.live-inbox:has(.live-full-chat) .live-contacts{display:none}.live-full-chat .live-chat-log{height:calc(100dvh - 360px);min-height:220px;padding:18px 14px}.live-full-chat .live-chat-head{padding:15px;height:70px}.live-full-chat .live-chat-form{padding:12px}.live-full-chat .live-chat-head strong{max-width:180px;font-size:13px}.live-full-chat .live-bubble{max-width:90%;font-size:13px}.friend-requests{padding:16px}.friend-request{gap:9px}.friend-request>.grow{font-size:12px}.friend-request .btn{padding:8px 10px;font-size:10px}.chat-privacy .check-row{gap:14px}.chat-privacy .btn{padding:12px 18px}.chat-empty-inbox{min-height:300px;padding:25px}}

.voice-panel{position:fixed;right:90px;bottom:24px;width:360px;z-index:90;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 60px #3f425740;padding:24px;text-align:center}.voice-panel[hidden]{display:none}.voice-panel-heading{display:flex;gap:10px;align-items:center;color:#7c5ac2;margin-bottom:20px;text-align:left;font-size:13px}.voice-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#eee8f8;color:#7c5ac2;border-radius:50%;font-size:25px;margin:10px auto 20px}.voice-panel h2{font-size:20px}.voice-panel p{font-size:13px;line-height:1.7}.voice-call-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.voice-call-actions button{font-size:12px;border-radius:22px;padding:12px 16px;background:#edf2f6;display:flex;align-items:center;gap:7px}.voice-call-actions .voice-accept{background:#38b793;color:white}.voice-call-actions .voice-hangup{background:#f05c64;color:white}.voice-call-actions .icon{width:18px;height:18px}.voice-panel audio{width:100%;margin:12px 0}.voice-error{color:#c23939;font-size:12px;margin-top:12px}.voice-error:empty{display:none}.voice-play{margin-top:15px;color:#7c5ac2;font-size:12px}.recording-clock{font-size:23px!important;font-variant-numeric:tabular-nums}.recording-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f05c64;margin-right:5px}.voice-panel button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.voice-panel{left:15px;right:15px;bottom:20px;width:auto;max-width:410px;margin:auto;padding:22px}.voice-call-actions button{font-size:11px;padding:12px 15px}}