/* Independent visitor page; admin rules are scoped to the visitor support panel. */
.vs-guest{margin:0;background:#eef2f8;color:#20324b;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
.vs-app{position:fixed;top:var(--vs-top,0px);left:0;right:0;margin:auto;max-width:760px;height:var(--vs-height,100dvh);display:flex;flex-direction:column;background:#f7f9fc;box-sizing:border-box}
.vs-app *{box-sizing:border-box}.vs-header{display:flex;gap:12px;align-items:center;padding:calc(18px + env(safe-area-inset-top)) 20px 18px;background:white;border-bottom:1px solid #e4e9f1;flex:none}
.vs-header h1{margin:0;font-size:20px}.vs-header p{margin:3px 0 0;color:#718096;font-size:13px}.vs-mark{display:grid;place-items:center;border-radius:16px;background:#345cdd;color:white;width:46px;height:46px;font-size:28px;flex:none}.vs-number{margin-left:auto;font-size:11px;color:#718096;white-space:nowrap;flex-shrink:0;max-width:100px}
.vs-notice{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 18px;background:#edf2ff;color:#435c91;font-size:13px;flex:none}.vs-notice button{border:0;background:none;color:#244fc7;cursor:pointer;text-decoration:underline}
.vs-messages{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:16px;scrollbar-gutter:stable}.vs-empty{text-align:center;color:#536580;margin:48px 0;font-size:19px}.vs-empty small{display:block;font-size:13px;color:#8390a3;margin-top:10px}
.vs-message{display:flex;flex-direction:column;align-items:flex-start;margin:14px 0}.vs-message.vs-own{align-items:flex-end}.vs-bubble{max-width:86%;padding:11px 14px;border-radius:14px;background:#fff;border:1px solid #e5eaf3;white-space:pre-wrap;overflow-wrap:anywhere;color:#20324b}.vs-own .vs-bubble{background:#345cdd;color:#fff;border-color:#345cdd}.vs-message small{font-size:11px;color:#7f8b9e;margin:4px 3px}
.vs-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;background:white;border-top:1px solid #e4e9f1;flex:none}.vs-composer textarea{font:inherit;resize:none;min-height:52px;max-height:130px;flex:1;min-width:0;padding:12px;border:1px solid #d8e0ed;border-radius:12px;outline-color:#345cdd}.vs-composer button{background:#345cdd;color:white;border:0;border-radius:12px;padding:12px 17px;min-height:50px;font:inherit;cursor:pointer}.vs-composer button:disabled{background:#a4afc5;cursor:default}
.vs-footnote{font-size:11px;color:#7d899c;background:#fff;text-align:center;padding:0 14px calc(10px + env(safe-area-inset-bottom));flex:none}.vs-older{display:block;margin:0 auto 14px;padding:8px 12px;border:0;background:transparent;color:#345cdd;cursor:pointer;font:inherit}.vs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.vs-app [hidden],#visitor-admin [hidden]{display:none!important}
#visitor-admin .vs-workspace{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:16px;align-items:start}
#visitor-admin .vs-thread{display:flex;flex-direction:column;min-width:0;height:65vh;min-height:380px;border:1px solid #dce3ee;border-radius:14px;overflow:hidden;background:#f7f9fc}
#visitor-admin .vs-thread-head{padding:12px 16px;background:white;border-bottom:1px solid #dce3ee}#visitor-admin .vs-thread-head h3{margin:0}#visitor-admin .vs-details{font-size:12px;color:#61728b;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}
#visitor-admin .vs-queue{max-height:65vh;overflow:auto}#visitor-admin .vs-item{display:block;text-align:left;width:100%;margin:0 0 8px;border:1px solid #dce3ee;background:white;padding:12px;border-radius:12px;cursor:pointer;overflow-wrap:anywhere}#visitor-admin .vs-item[aria-pressed="true"]{border-color:#345cdd;background:#edf2ff}#visitor-admin .vs-item strong{display:block}#visitor-admin .vs-item small{display:block;color:#718096;margin-top:4px}#visitor-admin .vs-unread{color:#b44b00;font-weight:700}
#visitor-admin .vs-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#visitor-admin .vs-filters input{min-width:160px;flex:1}#visitor-admin .vs-filters select{font:inherit;padding:8px;border:1px solid #dce3ee;border-radius:8px}#visitor-admin .vs-sharing{padding:12px;border-radius:10px;background:#f1f5fd;overflow-wrap:anywhere}#visitor-admin .vs-sharing input{width:100%;margin-top:6px;box-sizing:border-box}
#visitor-admin .vs-messages{height:0}#visitor-admin .vs-message small{font-size:12px}#visitor-admin .vs-composer textarea{font-size:15px}#visitor-admin .vs-composer{margin:0}#visitor-admin .vs-pagination{display:flex;gap:8px;align-items:center;margin-top:12px}
@media(max-width:680px){.vs-header{padding-left:14px;padding-right:14px}.vs-header p{font-size:12px}.vs-number{max-width:80px}.vs-messages{padding:12px}.vs-composer{padding:10px}.vs-composer textarea{font-size:16px}#visitor-admin .vs-workspace{grid-template-columns:1fr}#visitor-admin .vs-queue{max-height:240px}#visitor-admin .vs-thread{height:60vh;min-height:340px}}
.vs-brand-small{width:48px;height:48px;object-fit:contain;flex:none}.vs-welcome{margin:36px auto;max-width:340px;padding:8px}.vs-welcome>img{width:150px;height:150px;object-fit:contain;display:block;margin:0 auto 12px}.vs-welcome strong{font-size:21px}.vs-welcome p{font-size:14px;line-height:1.9;color:#718096;margin:12px 0}.vs-composer{flex-wrap:wrap}.vs-toolbar{flex-basis:100%;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#718096}.vs-composer .vs-toolbar button{padding:4px 8px;min-height:30px;font-size:12px;color:#345cdd;background:#eef2ff;border:1px solid #d9e2fb;border-radius:7px}.vs-upload-status{overflow-wrap:anywhere;min-width:0;flex:1}.vs-bubble img,.vs-bubble video{display:block;width:260px;max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.vs-bubble .vs-download{display:block;color:inherit;text-decoration:underline;font-size:12px;padding-top:6px}.vs-bubble>small{display:block;color:inherit}.vs-bubble:has(img),.vs-bubble:has(video){padding:8px}