.vsi-shell{background:#fff;border:1px solid #dfe5ee;border-radius:20px;overflow:hidden;margin:18px 0;box-shadow:0 6px 30px #17233d06;container-type:inline-size;height:760px;max-height:90dvh;display:flex;flex-direction:column;min-width:0}.vsi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e6ebf2;background:#fff}.vsi-top>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.vsi-top b{font-size:20px}.vsi-top span{font-size:12px;color:#7a8699}.vsi-top .vs-actions{gap:6px}.vsi-top button{font-size:12px;padding:9px 11px!important}.vsi-grid{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0;min-width:0;position:relative}.vsi-shell.is-info-open .vsi-grid{grid-template-columns:260px minmax(0,1fr) 260px}.vsi-list-pane{display:flex;flex-direction:column;border-right:1px solid #e5eaf1;min-width:0;min-height:0;background:#fff}.vsi-list-tools{display:grid;gap:8px;padding:15px;border-bottom:1px solid #e9edf3}.vsi-list-tools input,.vsi-list-tools select{width:100%;min-width:0;border:1px solid #e0e5ee;border-radius:10px;padding:10px!important;color:#48566e;background:#f7f9fc;font-size:12px}.vsi-chat-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.vsi-chat-row{display:flex;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f2f6;background:#fff;padding:16px 13px;min-width:0;border-radius:0;color:#25344b}.vsi-chat-row:hover{background:#f7f9fd}.vsi-chat-row.is-selected{background:#eff4ff;box-shadow:inset 3px 0 #6c5cdd}.vsi-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#ebeff9;color:#5b66a1;font-weight:700;font-size:13px}.vsi-row-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.vsi-row-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.vsi-row-title strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vsi-row-title time{font-size:10px;color:#8b96a8;flex-shrink:0}.vsi-row-ad,.vsi-row-preview{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#6b7c92}.vsi-row-ad{color:#596b87}.vsi-row-preview{font-size:12px;color:#8591a4}.vsi-row-tags{display:flex;justify-content:space-between;gap:6px;align-items:center;min-width:0}.vsi-row-tags em{font-size:10px;padding:3px 6px;border-radius:6px;background:#eee9ff;color:#6c52b6;font-style:normal}.vsi-row-tags em.is-muted{background:#f2f3f5;color:#8a929f}.vsi-row-tags em.is-human{background:#e4f5eb;color:#3b7b60}.vsi-row-tags small{font-size:10px;color:#697b95}.vsi-row-tags i{width:7px;height:7px;flex-shrink:0;background:#705fe8;border-radius:50%}.vsi-list-footer{border-top:1px solid #e8edf4;padding:12px;font-size:11px;color:#8590a2}.vsi-list-footer summary{padding:8px;cursor:pointer}.vsi-list-footer button{font-size:11px;padding:8px!important}.vsi-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f4f7fb}.vsi-chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:white;border-bottom:1px solid #e7edf3;min-height:76px}.vsi-head-name{flex:1;min-width:0}.vs-shell .vsi-chat-head h3{margin:0 0 4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsi-chat-head small{color:#7c899e;font-size:11px}.vsi-chat-head button{font-size:11px;padding:8px!important}.vsi-ad-strip{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #e7edf4;background:#fcfdff;min-width:0}.vsi-ad-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e5eaf1;border-radius:9px;color:#8b98b0;background:#f2f5fa;font-size:21px;flex-shrink:0}.vsi-ad-strip>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.vsi-ad-strip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsi-ad-strip small{font-size:11px;color:#8a96a8}.vsi-ad-strip a{font-size:22px;color:#7262d9;text-decoration:none}.vsi-messages{flex:1;min-height:80px;overflow:auto;padding:20px;overscroll-behavior:contain;scroll-behavior:auto;background-image:radial-gradient(#d9e0eb66 .7px,transparent .7px);background-size:18px 18px}.vsi-date{margin:4px auto 18px;text-align:center;width:fit-content;background:#e9eef5cc;border-radius:20px;padding:5px 12px;font-size:10px;color:#8490a3}.vsi-bubble-row{display:flex;margin:8px 0}.vsi-bubble-row.outgoing{justify-content:flex-end}.vsi-bubble{max-width:80%;border:1px solid #e4eaf2;box-shadow:0 2px 4px #233b5c03;background:white;border-radius:14px 14px 14px 3px;padding:12px 14px;min-width:80px;color:#34465e}.vsi-bubble>div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px}.vsi-bubble time{display:block;text-align:right;color:#95a1b4;font-size:9px;margin-top:6px}.outgoing .vsi-bubble{background:#e7edff;border-color:#dae3fc;border-radius:14px 14px 3px 14px}.vsi-bubble-row.system{justify-content:center}.system .vsi-bubble{background:#eef2f7;border:0;max-width:95%;border-radius:10px;color:#8591a3;font-size:11px;box-shadow:none}.system .vsi-bubble small{display:block;font-size:9px;margin-bottom:5px}.vsi-compose{padding:14px 18px;background:#fff;border-top:1px solid #e3e9f2}.vsi-compose-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#8996a9;margin-bottom:9px}.vsi-status{background:#eeebff;color:#6b55c1;border-radius:6px;padding:4px 7px}.vsi-status.is-error{background:#fff0ee;color:#be5e54}.vs-shell .vsi-compose textarea{display:block;width:100%;resize:vertical;max-height:160px;min-height:70px;font-size:13px;border-radius:12px;border:1px solid #dfe6f0;background:#fbfcfe;line-height:1.6}.vsi-compose-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}.vsi-compose-actions button{font-size:11px;padding:10px 12px!important}.vsi-compose-actions [data-vs=inbox-send]{background:#6b5ce2;color:#fff;border:1px solid #6b5ce2}.vsi-send-note{font-size:9px;color:#9aa5b5;line-height:1.5;margin-top:8px}.vsi-info{display:none;background:#fff;border-left:1px solid #e6ebf2;overflow:auto;padding:18px;min-width:0;overscroll-behavior:contain}.is-info-open .vsi-info{display:block}.vsi-info-title{display:flex;align-items:center;justify-content:space-between}.vs-shell .vsi-info h3{font-size:15px;margin:0}.vsi-info-title button{padding:5px 10px!important}.vsi-info-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0;border-bottom:1px solid #eef1f5;font-size:12px;overflow-wrap:anywhere}.vsi-info-section small{font-size:10px;color:#94a0b1}.vsi-info-section strong{font-size:13px}.vsi-info-section p{font-size:12px;line-height:1.7;margin:0}.vsi-info-section button{font-size:11px;padding:9px!important}.vsi-info-section details p,.vsi-info-section a{overflow-wrap:anywhere}.vsi-info-section summary{cursor:pointer;color:#7564ca}.vsi-welcome{margin:auto;padding:28px;text-align:center;max-width:430px}.vsi-welcome>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 22px;border-radius:22px;background:#e8edfa;color:#7d85ad;font-size:28px}.vs-shell .vsi-welcome h2{font-size:22px}.vsi-welcome p{font-size:13px;line-height:1.7}.vsi-empty{padding:28px 18px;text-align:center;color:#7a899d;font-size:12px;line-height:1.8}.vsi-empty button{font-size:11px}.vsi-history-note{text-align:center;font-size:10px;color:#9aa6b8;line-height:1.6}.vsi-back{display:none}.vsi-shell.is-full{position:fixed;inset:12px;z-index:60;margin:0;height:calc(100dvh - 24px);max-height:none;border-radius:16px;box-shadow:0 0 0 50px #152135bb}.vsi-fullscreen{overflow:hidden}
@container(max-width:1050px){.vsi-shell.is-info-open .vsi-grid{grid-template-columns:260px minmax(0,1fr)}.vsi-info{position:absolute;right:0;top:0;bottom:0;width:280px;z-index:3;box-shadow:-16px 0 30px #23345012}.vsi-chat-head .vs-actions button[data-vs=takeover]{display:none}.vsi-chat-head{padding:14px}.vsi-top .vs-actions{flex-wrap:nowrap}.vsi-bubble{max-width:90%}}
@container(max-width:650px){.vsi-grid,.vsi-shell.is-info-open .vsi-grid{grid-template-columns:1fr}.vsi-list-pane{border:0}.vsi-conversation{display:none}.vsi-shell.is-chat-open .vsi-list-pane{display:none}.vsi-shell.is-chat-open .vsi-conversation{display:flex}.vsi-back{display:block;border:0;background:none;font-size:20px;color:#53647c;padding:5px}.vsi-top{padding:12px;align-items:flex-start}.vsi-top span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsi-top .vs-actions button{font-size:10px;padding:8px!important}.vsi-top .vs-actions{gap:3px}.vsi-chat-head{gap:9px}.vsi-chat-head .vsi-avatar{display:none}.vsi-ad-strip{padding:10px 13px}.vsi-messages{padding:14px}.vsi-compose{padding:12px}.vsi-compose-actions{gap:7px}.vsi-compose-actions .vs-actions{gap:5px}.vsi-compose-actions button{font-size:10px;padding:9px!important}.vsi-info{width:100%}.vsi-shell{height:760px;max-height:92dvh;min-height:560px}.vsi-shell.is-full{inset:0;height:100dvh;min-height:0;border-radius:0}.vsi-bubble>div{font-size:13px}}
.vsi-fullscreen #overlay{z-index:120}.vsi-fullscreen .toast{z-index:130}.vsi-bubble>div{font-size:14px}.vs-shell .vsi-compose textarea{font-size:14px}
.vsi-access-notice{padding:16px 20px;background:#fff4e5;border-bottom:1px solid #f2d6ae;color:#8a5a25;font-size:12px;line-height:1.6}.vsi-access-notice strong{font-size:13px}.vs-shell .vsi-access-notice p{color:#8a6b43;font-size:12px;margin:6px 0 10px}.vsi-access-notice a{color:#8a5a25;font-weight:600}.vsi-access-notice button{font-size:11px;padding:7px 10px!important}.vsi-access-notice .vs-actions{gap:15px}