.chat-call-actions{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.chat-call-actions .icon-btn{border:1px solid #e2ece6;background:#f7fbf8;color:#458b67;width:37px;height:37px}.chat-call-actions .icon-btn:hover{background:#e4f4e9;color:#168356}.message-form{display:block}.message-compose-row{display:flex;gap:10px;align-items:center;width:100%}.message-compose-row>input{min-width:0;flex:1;background:#f5f8f5;border:1px solid #e8eee9;border-radius:9px;padding:12px;font-size:14px}.chat-attach-btn{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:37px;height:37px;flex-shrink:0;color:#729582;border-radius:10px;background:#f0f6f2;overflow:hidden}.chat-attach-btn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chat-attach-btn:focus-within{outline:3px solid #69d5ad}.chat-file-hint{display:flex;justify-content:space-between;gap:7px;color:#9aaaa0;font-size:9px;margin-top:9px}.chat-file-hint span{color:#acb8b0}.chat-attachment-preview{display:flex;align-items:center;gap:13px;background:#f2f8f4;padding:10px;border:1px solid #e1ece4;border-radius:11px;margin-bottom:13px}.chat-attachment-preview>img,.chat-attachment-preview>video{width:88px;height:68px;object-fit:cover;border-radius:7px;background:#dbe9df}.chat-attachment-preview>span{flex:1;min-width:0}.chat-attachment-preview b{font-size:12px;display:block;color:#4f7a61}.chat-attachment-preview small{display:block;font-size:10px;margin-top:4px}.chat-uploading{display:flex;gap:10px;align-items:center;padding:14px;color:#6c947a;font-size:12px}.chat-uploading button{margin-left:auto}.upload-spinner{width:17px;height:17px;border:2px solid #c8e1d0;border-top-color:#299762;border-radius:50%;animation:upload-spin 1s linear infinite}.bubble:has(.message-media){padding:7px;min-width:140px;max-width:85%}.bubble:has(.message-media)>p{padding:7px 6px 1px}.bubble:has(.message-media)>small{padding:0 6px 3px}.message-media{display:block;max-width:100%;width:290px;max-height:320px;object-fit:contain;background:#e4ede6;border-radius:8px}.message-image-link{display:block}.call-overlay{position:fixed;inset:0;z-index:150;background:#092119bd;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .2s}.call-window{width:520px;max-width:100%;background:radial-gradient(ellipse at 50% 40%,#315b46,#152c22 75%);border:1px solid #ffffff18;color:#fff;border-radius:25px;overflow:hidden;box-shadow:0 25px 120px #001a1255}.call-window.video-call{width:850px}.call-window header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #ffffff0b;font-size:12px}.call-brand{display:flex;align-items:center;gap:9px;color:#9ec7af}.call-brand>.icon{width:18px;height:18px}.call-type{color:#abc1b3;border:1px solid #ffffff20;border-radius:20px;padding:4px 12px;font-size:10px}.call-stage{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-call .call-stage{height:440px}.call-person{position:relative;text-align:center;padding:40px 25px;z-index:2;pointer-events:none}.call-person .avatar{width:98px;height:98px;font-size:30px;box-shadow:0 0 0 12px #ffffff05,0 0 0 25px #ffffff03;margin:18px 0 27px}.call-person h2{font-size:27px;color:#fff}.call-person p{font-size:14px;color:#a1c9b2;margin-top:10px;min-height:24px}.call-person small{display:block;font-size:11px;color:#93ac9f;margin-top:19px}.remote-call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10271c;opacity:0}.remote-call-video.audio-only{width:1px;height:1px;opacity:0;pointer-events:none}.has-remote-video .remote-call-video{opacity:1}.has-remote-video .call-person{position:absolute;bottom:0;left:0;right:0;text-align:left;background:linear-gradient(transparent,#0c2219dd);padding:40px 24px 15px}.has-remote-video .call-person>.avatar,.has-remote-video .call-person>small{display:none}.has-remote-video .call-person h2{font-size:18px}.has-remote-video .call-person p{margin-top:2px;font-size:12px}.local-call-video{position:absolute;z-index:4;width:140px;height:105px;right:20px;top:20px;background:#193428;border:2px solid #ffffff50;border-radius:12px;object-fit:cover;transform:scaleX(-1)}.call-controls{margin:0;display:flex;justify-content:center;align-items:center;gap:25px;padding:20px 25px 30px;background:#10261b33;font-size:inherit}.call-control{display:flex;flex-direction:column;align-items:center;gap:10px;color:#afc9b9;font-size:11px;padding:0;min-width:70px}.call-control>.icon{box-sizing:content-box;width:22px;height:22px;padding:18px;background:#ffffff12;border:1px solid #ffffff15;border-radius:50%;color:#e1f0e6;transition:.2s}.call-control:hover>.icon{background:#ffffff26}.call-control.off>.icon{background:#698875;color:#fff}.call-control.hangup>.icon{background:#db696c;color:white;border-color:transparent;transform:rotate(135deg)}.call-control.answer>.icon{background:#23aa78;color:#fff;border-color:transparent}.call-control.answer{color:#bce8cb}.call-control.hangup{color:#e5babd}#call-play{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:5;background:#edf8ef;color:#2c6546;padding:8px 13px;border-radius:9px;font-size:12px}#call-play[hidden]{display:none}@keyframes upload-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.chat-head{padding:13px 12px;gap:5px}.chat-head .user-link{gap:8px}.chat-head .user-link b{font-size:12px}.chat-call-actions{gap:3px}.chat-call-actions .icon-btn{width:32px;height:32px;padding:6px}.chat-call-actions .icon{width:18px;height:18px}.message-form{padding:11px}.message-compose-row{gap:7px}.message-compose-row>input{font-size:16px;padding:10px;width:0}.message-compose-row>.icon-btn{width:41px;min-width:41px;height:41px}.chat-attach-btn{width:31px;height:34px}.chat-file-hint{font-size:8px}.chat-file-hint>span{font-size:7px}.chat-attachment-preview>img,.chat-attachment-preview>video{width:72px;height:60px}.bubble:has(.message-media){max-width:92%}.message-media{width:250px;max-height:300px}.call-overlay{padding:10px;background:#0f281fee}.call-window,.call-window.video-call{border-radius:22px}.call-window header{padding:19px 18px}.call-stage{min-height:310px}.video-call .call-stage{height:calc(100dvh - 245px);min-height:280px}.call-controls{gap:15px;padding:20px 14px 24px}.call-control{font-size:10px;min-width:65px}.call-control>.icon{width:22px;height:22px;padding:16px}.local-call-video{width:97px;height:130px;right:13px;top:13px}.call-person h2{font-size:24px}.call-person small{font-size:10px}.call-type{font-size:9px}.call-brand{font-size:11px}}