.vc-panel,.vc-panel *,.vc-launch,.vc-notice{box-sizing:border-box;font-family:Tahoma,"Leelawadee UI",sans-serif}.vc-launch{position:relative;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:8px;border:1px solid #e3dcfa;border-radius:13px;color:#7858ce;background:#f8f5ff;cursor:pointer}.vc-count{position:absolute;right:-5px;top:-5px;border:2px solid white;border-radius:20px;background:#e04578;color:white;font-size:10px;padding:2px 5px;min-width:19px}.vc-panel[hidden],.vc-notice[hidden],.vc-count[hidden]{display:none!important}.vc-panel{position:fixed;z-index:11000;right:20px;bottom:20px;width:390px;height:min(650px,calc(100dvh - 90px));display:flex;flex-direction:column;border:1px solid #ded4f4;border-radius:20px;background:#fbfaff;box-shadow:0 18px 70px #31204a40;overflow:hidden;color:#332c45;font-size:13px}.vc-panel button{font:inherit;cursor:pointer;border:1px solid #e0d7f0;border-radius:9px;padding:8px 12px;background:white;color:#654a96;line-height:1.5}.vc-panel button:disabled{opacity:.5}.vc-panel button:focus-visible,.vc-panel a:focus-visible{outline:3px solid #b59bea;outline-offset:1px}.vc-panel input,.vc-panel select,.vc-panel textarea{font:inherit;color:#332c45;border:1px solid #ddd5ec;border-radius:9px;padding:10px;background:white;max-width:100%;width:100%;line-height:1.6}.vc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:linear-gradient(110deg,#7857db,#555fe0);color:white}.vc-head strong{font-size:16px}.vc-head small{display:block;font-size:11px;margin-top:5px;line-height:1.6;color:#eee8ff}.vc-head button{background:#ffffff20;color:white;border:0}.vc-error{color:#b32c52;font-size:12px;margin:0;padding:0 14px;line-height:1.8}.vc-error:empty{display:none}.vc-toolbar{padding:10px 12px;display:flex;gap:8px;flex-shrink:0}.vc-toolbar select{flex:1;min-width:0}.vc-toolbar button{white-space:nowrap}.vc-rooms,.vc-messages{overflow-y:auto;min-height:0;flex:1;padding:8px 12px;overscroll-behavior:contain}.vc-room{display:grid!important;gap:4px;position:relative;width:100%;text-align:left;margin-bottom:8px;padding:12px!important;background:white!important}.vc-room strong,.vc-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:300px}.vc-room small{color:#81758d}.vc-topic{font-size:10px;color:#7355ae}.vc-snippet{font-size:12px;color:#776983}.vc-room b{position:absolute;right:10px;top:10px;font-size:10px;background:#7859d4;color:white;border-radius:20px;padding:3px 6px}.vc-room.vc-unread{border-left:3px solid #8c6bdf;background:#f2edff!important}.vc-empty{text-align:center;color:#8b7f99;padding:30px 15px}.vc-message{width:fit-content;max-width:88%;background:white;border:1px solid #e8e0f3;border-radius:14px 14px 14px 3px;padding:9px 11px;margin:8px 0;overflow-wrap:anywhere}.vc-message.vc-mine{margin-left:auto;background:#eee7ff;border-radius:14px 14px 3px 14px}.vc-message p{white-space:pre-wrap;margin:5px 0;font-size:13px;line-height:1.7}.vc-message small{display:block;font-size:10px;color:#80738d}.vc-message a{display:block;color:#6953a1;font-size:12px;padding:5px 0}.vc-message img{display:block;max-width:100%;max-height:160px;border-radius:8px;object-fit:contain}.vc-compose{padding:10px 12px;background:white;border-top:1px solid #e7e0f0;flex-shrink:0}.vc-compose textarea{min-height:64px;max-height:120px;resize:vertical}.vc-send-row{display:flex;align-items:center;gap:8px;margin-top:8px}.vc-send-row small{font-size:9px;flex:1;color:#8c8099}.vc-send-row button[type=submit],.vc-new button[type=submit]{background:#7959d4;color:white}.vc-attach{font-size:11px;color:#7959d4;cursor:pointer;position:relative;margin:0;overflow:hidden;padding:8px 0}.vc-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.vc-queue{display:flex;flex-wrap:wrap;gap:4px;max-height:90px;overflow:auto}.vc-queue>span{font-size:10px;background:#f4f0fc;border-radius:5px;padding:3px;overflow-wrap:anywhere;max-width:100%}.vc-queue button{border:0;padding:0 4px}.vc-new{display:grid;gap:12px;overflow:auto;padding:14px}.vc-new label{font-size:12px;margin:0}.vc-new textarea{min-height:90px}.vc-notice{position:fixed;right:20px;top:80px;z-index:11001;background:#443167;color:white;border:0;border-radius:12px;box-shadow:0 8px 30px #33204430;padding:14px 18px;font-size:13px;cursor:pointer}.vc-panel [hidden]{display:none!important}@media(max-width:520px){.vc-panel{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px);height:calc(100dvh - 80px);max-height:720px}.vc-panel input,.vc-panel textarea,.vc-panel select{font-size:16px}.vc-launch{width:38px;height:38px}.vc-notice{left:12px;right:12px}.vc-room strong,.vc-snippet{max-width:calc(100vw - 90px)}}

@media(max-width:520px){.vc-panel{left:8px;right:8px;width:auto}}

[data-vr-chat-host]{display:flex;align-items:center;flex:0 0 auto;margin:0!important;padding:0 10px 0 0!important}
.vc-messages{padding:12px 16px}
.vc-message{margin-top:16px;margin-bottom:16px;max-width:88%}
.vc-message-meta{margin-top:7px;line-height:1.5}
.vc-message.vc-media-only{padding:0;border:0;background:transparent;box-shadow:none}
.vc-message a.vc-image-link{padding:0;margin:8px 0;text-decoration:none;width:fit-content;max-width:100%}
.vc-message .vc-image-link img{width:auto;height:auto;max-width:100%;max-height:280px;border-radius:8px}
.vc-message.vc-mine .vc-image-link{margin-left:auto}
.vc-message a.vc-file-link{display:flex;align-items:center;gap:12px;max-width:100%;min-width:140px;padding:12px;margin:8px 0;border:1px solid #ddd5ec;border-radius:8px;background:#fff;text-decoration:none}
.vc-file-icon{display:grid;place-items:center;width:38px;height:44px;flex-shrink:0;border-radius:6px;background:#edf4ff;color:#2563eb;font-size:24px}
.vc-file-link strong{display:block;font-size:13px}
.vc-file-link small{margin-top:3px}
.vc-closed-badge{display:inline-block;margin-inline-end:6px;padding:2px 6px;border-radius:4px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;vertical-align:middle}
.vc-message.vc-mine>.vc-message-meta,.vc-message.vc-mine>small:last-child{text-align:right}

.vc-panel .vc-ended{display:table;width:fit-content;max-width:100%;padding:4px 9px;margin:5px 0;border-radius:20px;background:#e6f6ec;border:1px solid #9dd8b4;color:#17643c;font-size:11px;font-weight:700;line-height:1.5;white-space:normal}.vc-room .vc-ended{margin-right:35px}.vc-head .vc-ended{background:#e6f6ec;color:#17643c;margin-bottom:0}

.vc-panel .vc-order-ref{display:block;font-size:12px;font-weight:700;color:#6743b4;overflow-wrap:anywhere;margin:4px 0;padding:5px 8px;background:#f1edff;border-radius:7px}