.support-launcher,.support-panel{font-family:inherit;box-sizing:border-box}
.support-launcher{position:fixed;z-index:80;right:28px;bottom:28px;display:flex;align-items:center;gap:9px;border:1px solid #049f4b;border-radius:30px;padding:14px 20px;background:#07b85b;color:#fff;box-shadow:0 5px 24px #20281f26;cursor:pointer;font-size:14px}
.support-launcher svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5}.support-launcher i{width:7px;height:7px;background:#fa5151;border-radius:50%}
.support-panel{position:fixed;z-index:100;right:28px;bottom:28px;width:410px;height:680px;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);background:#ededed;color:#1d1d1d;border:1px solid #d7d7d7;border-radius:10px;box-shadow:0 16px 70px #16201830;display:flex;flex-direction:column;overflow:hidden;text-align:left;font-size:14px;line-height:1.6}
.support-panel[hidden],.support-panel [hidden],.support-launcher[hidden],.support-launcher [hidden]{display:none!important}
.support-heading{display:flex;align-items:center;gap:11px;padding:16px 19px 14px;background:#f6f6f6;flex:none}
.support-heading img{border-radius:5px;background:#fff;flex:none}.support-heading h2{margin:0;font-size:17px;font-weight:500;line-height:1.5;letter-spacing:0}.support-heading p{display:flex;align-items:center;gap:5px;margin:3px 0 0;font-size:11px;color:#929292}
.support-heading p:before{content:"";width:5px;height:5px;flex:none;background:#b9b9b9;border-radius:50%}.support-heading p[data-online=true]:before{background:#07c160}
.support-close{margin-left:auto;align-self:flex-start;border:0;background:transparent;font:24px/1 sans-serif;color:#787878;cursor:pointer;padding:1px 0 8px 14px}
.support-tabs{display:flex;gap:0;padding:0 17px;background:#f6f6f6;border-bottom:1px solid #dcdcdc;flex:none}
.support-tabs button{flex:1;font:inherit;font-size:13px;padding:8px 0 11px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:#858585;background:transparent;cursor:pointer}.support-tabs button[aria-selected=true]{border-bottom-color:#07b75a;color:#079c4a}
.support-tab-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.support-notice{flex:none;padding:9px 19px;margin:0;background:#fff7e5;color:#92753f;font-size:11px;line-height:1.6;border-bottom:1px solid #e9dfc9}.support-notice button{border:0;background:none;text-decoration:underline;color:inherit;cursor:pointer;font:inherit}
.support-messages{padding:18px 17px 25px;flex:1;min-height:50px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6c6c6 transparent}
.support-chat-note{display:block;text-align:center;font-size:10px;line-height:1.7;color:#a5a5a5;margin:0 0 18px}.support-welcome>.support-chat-note:last-child{font-size:10px;margin:0 0 25px;letter-spacing:0}
.support-message{display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;min-width:0}
.support-avatar{width:36px;height:36px;object-fit:cover;flex:none;border-radius:4px;overflow:hidden;background:#fff}
.support-visitor-avatar{display:flex;align-items:center;justify-content:center;background:#8d9eac;color:#fff;font-size:15px;font-weight:500}
.support-message-body{max-width:calc(100% - 86px);min-width:0;position:relative}
.support-message-body p{position:relative;margin:0;border:1px solid #e3e3e3;border-radius:4px;background:#fff;color:#191919;padding:9px 12px;min-height:36px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:14px;line-height:1.65}
.support-message-body p:before{content:"";position:absolute;top:12px;left:-5px;width:8px;height:8px;transform:rotate(45deg);background:#fff;border:1px solid #e3e3e3;border-top:0;border-right:0}
.support-message[data-role=visitor]{flex-direction:row-reverse}.support-message[data-role=visitor] .support-message-body p{background:#95ec69;border-color:#8de162}.support-message[data-role=visitor] .support-message-body p:before{left:auto;right:-5px;background:#95ec69;border:1px solid #8de162;border-left:0;border-bottom:0}
.support-time{display:block;text-align:center;color:#a3a3a3;font-size:10px;line-height:1.5;margin:3px 0 20px}
.support-composer{position:relative;flex:none;border-top:1px solid #dcdcdc;background:#f7f7f7;padding:12px 17px 13px}
.support-composer textarea{resize:none;display:block;width:100%;box-sizing:border-box;border:0;border-radius:3px;background:transparent;font:inherit;color:#222;outline:none;min-height:62px;max-height:130px;line-height:1.7;padding:2px 0 8px}
.support-composer:focus-within{box-shadow:inset 0 2px 0 #07b75a33}
.support-compose-foot{display:flex;align-items:center;gap:9px}.support-key-hint{font-size:10px;color:#b0b0b0;flex:1;white-space:nowrap}
.support-emoji-button{width:25px;height:25px;padding:0;display:flex;align-items:center;justify-content:center;flex:none;color:#777;background:none;border:0;cursor:pointer}.support-emoji-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.support-composer button[type=submit],.support-leave-form>button{font:inherit;font-size:13px;border:0;border-radius:4px;background:#07b85b;color:#fff;cursor:pointer;padding:7px 24px;flex:none}.support-composer button[type=submit]{margin-left:auto}
.support-panel button:disabled{background:#e4e4e4;color:#aaa;cursor:not-allowed}
.support-emoji-picker{position:absolute;bottom:51px;left:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:9px;background:#fff;border:1px solid #dcdcdc;border-radius:7px;box-shadow:0 4px 18px #00000012;z-index:2}.support-emoji-picker button{font-size:23px;width:39px;height:37px;display:flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:transparent;cursor:pointer}.support-emoji-picker button:hover{background:#eee}
.support-form-intro{margin:19px 20px 12px;font-size:13px;color:#777;line-height:1.8}
.support-leave-form{padding:0 20px 18px;overflow-y:auto;overscroll-behavior:contain}.support-leave-form>label{display:block;font-size:12px;margin:9px 0 6px;color:#555}.support-leave-form>input,.support-leave-form>textarea{display:block;width:100%;border:1px solid #ddd;border-radius:4px;background:#fff;padding:10px 11px;font:inherit;font-size:13px;color:#222;box-sizing:border-box;resize:vertical;line-height:1.6}
.support-leave-form .support-consent{display:flex;gap:7px;font-size:10px;line-height:1.6;margin:13px 0 5px;align-items:flex-start}.support-consent input{margin-top:3px;accent-color:#07b85b;flex:none}.support-privacy{font-size:10px;line-height:1.7;color:#999;margin:5px 0 14px}.support-leave-form>button{width:100%;padding:10px 16px;display:flex;justify-content:space-between}.support-leave-result{font-size:12px;color:#079c4a;margin-bottom:0}
.support-footer{border-top:1px solid #dedede;flex:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;font-size:10px;line-height:1.5;color:#a0a0a0;background:#f6f6f6;flex-wrap:wrap}.support-footer button,.support-footer a{font:inherit;color:#6b6b6b;text-decoration:none;border:0;background:transparent;padding:0;cursor:pointer}.support-footer>span{font-size:10px}
.support-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.support-panel input:focus,.support-leave-form textarea:focus{outline:2px solid #07b85b66;outline-offset:1px}.support-panel button:focus-visible,.support-launcher:focus-visible{outline:2px solid #07b85b;outline-offset:3px}
@media(max-width:600px){.support-launcher{right:16px;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:12px 17px;font-size:12px}.support-panel{right:8px;bottom:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);height:660px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px));border-radius:9px}.support-heading{padding:14px 16px 12px}.support-heading h2{font-size:16px}.support-messages{padding:18px 13px}.support-avatar{width:34px;height:34px}.support-message{gap:9px}.support-message-body{max-width:calc(100% - 72px)}.support-message-body p{font-size:14px;padding:8px 11px;min-height:34px}.support-leave-form>input,.support-leave-form>textarea,.support-composer textarea{font-size:16px}.support-composer{padding:10px 13px}.support-composer textarea{min-height:51px}.support-key-hint{font-size:9px}.support-composer button[type=submit]{padding:7px 20px}.support-footer{padding:9px 12px;column-gap:10px;font-size:9px}.support-footer>span{display:none}.support-form-intro{font-size:12px;margin-top:15px}}
@media(hover:none),(pointer:coarse){.support-key-hint{visibility:hidden}}
