.messages-launcher{position:fixed;right:24px;bottom:22px;z-index:10;display:flex;align-items:center;gap:11px;min-width:245px;padding:15px 20px;background:#232529;border:1px solid #303237;border-radius:40px;box-shadow:0 6px 30px #0003}.messages-launcher:hover{background:#2c2e33;color:#fff}.launcher-avatars{display:flex;margin-left:auto;padding-left:18px}.launcher-avatars img{width:27px;height:27px;border:2px solid #232529;border-radius:50%;object-fit:cover;margin-left:-8px}.message-dot{display:block;width:8px;height:8px;background:#8391ff;border-radius:50%;flex-shrink:0}.chat-panel{position:fixed;right:24px;bottom:22px;z-index:12;width:370px;height:min(590px,calc(100dvh - 44px));display:flex;flex-direction:column;background:#202226;border:1px solid #32343a;border-radius:15px;box-shadow:0 12px 60px #0007;overflow:hidden}.chat-panel.expanded{width:min(660px,calc(100vw - 112px));height:min(780px,calc(100dvh - 44px))}.chat-header{display:flex;align-items:center;gap:7px;min-height:67px;padding:10px 12px;border-bottom:1px solid #303237;flex-shrink:0}.chat-heading{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-heading>small{display:none}.chat-heading img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chat-heading b{font-size:14px}.chat-heading span small{display:block;color:#a6a8af;font-size:11px;margin-top:2px}.chat-header .icon-button{width:30px;height:32px;padding:4px}.chat-header svg{width:22px;height:22px}.chat-inbox{overflow-y:auto;flex:1}.inbox-label{display:flex;justify-content:space-between;padding:22px 18px 12px;font-size:13px}.inbox-label span{color:#9a9da6;font-size:12px}.chat-contact{width:100%;display:flex;align-items:center;gap:12px;padding:15px 17px;text-align:left}.chat-contact:hover{background:#2a2d32;color:#fff}.chat-contact>img{width:54px;height:54px;border-radius:50%;object-fit:cover}.chat-contact>span{flex:1;min-width:0}.chat-contact b{font-size:14px;font-weight:600;display:block;margin-bottom:5px}.chat-contact small{display:block;color:#a8aab1;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inbox-note{text-align:center;color:#7e828b;font-size:12px;padding:35px 10px}.chat-thread{flex:1;min-height:0;display:flex;flex-direction:column}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:20px 13px 12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#565a62 transparent}.chat-date{text-align:center;font-size:10px;color:#92969f;margin:0 0 22px}.chat-message{display:flex;align-items:flex-end;gap:8px;margin:12px 0}.chat-message>img{width:27px;height:27px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-bubble{max-width:79%;padding:10px 13px;background:#2c2f35;border-radius:18px 18px 18px 5px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.outgoing{justify-content:flex-end}.chat-message.outgoing .chat-bubble{background:linear-gradient(120deg,#6650e9,#535ef7);border-radius:18px 18px 5px 18px}.chat-message.voice-message{align-items:flex-end}.voice-content{width:min(285px,calc(100% - 38px))}.voice-bubble{padding:14px 12px 10px;border-radius:19px 19px 5px 19px;background:linear-gradient(120deg,#6650e9,#535ef7)}.voice-author{font-size:10px;color:#e4dfff;margin:0 0 8px}.voice-controls{display:flex;align-items:center;gap:9px}.voice-play{background:white;color:#5c51e8;width:32px;height:32px;border-radius:50%;padding:0;flex-shrink:0;display:grid;place-items:center}.voice-play:hover{color:#4f45cc}.voice-play svg{width:18px;height:18px;fill:currentColor;stroke:none}.voice-wave-wrap{position:relative;flex:1;min-width:0;height:34px}.voice-wave{display:flex;align-items:center;justify-content:space-between;height:34px;gap:2px;pointer-events:none}.voice-wave i{display:block;width:3px;border-radius:4px;background:#ffffff65;flex-shrink:1}.voice-wave i.played{background:white}.voice-wave-wrap input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.voice-wave-wrap:focus-within{outline:2px solid white;outline-offset:3px;border-radius:3px}.voice-footer{display:flex;justify-content:space-between;align-items:center;margin:7px 0 0 41px;font-size:11px;color:#e8e5ff}.voice-rate{font-size:10px;border:1px solid #ffffff55;border-radius:12px;padding:1px 7px;min-width:34px;color:white}.voice-download{display:flex;width:fit-content;align-items:center;gap:4px;font-size:10px;color:#a9aeb9;margin:7px 2px 0 auto}.voice-download:hover{color:white}.voice-download svg{width:13px;height:13px}.chat-receipt{text-align:right;color:#8e929b;font-size:10px;margin:5px 2px 20px}.chat-compose{flex-shrink:0;margin:10px 12px 12px;display:flex;align-items:center;border:1px solid #41444b;border-radius:28px;padding:5px 7px 5px 14px;background:#202226}.chat-compose input{color:white;background:transparent;border:none;outline:none;min-width:0;flex:1;height:33px;font-size:12px}.chat-compose input::placeholder{color:#9b9fa8}.chat-compose button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#a89fff}.chat-compose button:hover{background:#ffffff0a}.chat-compose svg{width:20px;height:20px}.chat-compose:focus-within{border-color:#a69af3}
@media(max-width:600px){.messages-launcher{right:12px;bottom:78px;min-width:145px;padding:11px 15px}.launcher-avatars{display:none}.messages-launcher .message-dot{margin-left:12px}.chat-panel,.chat-panel.expanded{right:8px;bottom:72px;width:calc(100% - 16px);height:min(610px,calc(100dvh - 130px));border-radius:14px}.chat-panel.expanded{height:calc(100dvh - 86px)}.chat-header{min-height:59px}.chat-message{margin:10px 0}.messages-launcher svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.chat-messages{scroll-behavior:auto}}