:root{color-scheme:light;--indigo:#4338f5;--indigo2:#5f58ff;--ink:#101456;--muted:#666da0;--line:#e7eaff;--soft:#f5f6ff;--green:#20c982;--ease:cubic-bezier(.2,.75,.25,1);--shadow:0 22px 65px rgba(41,44,140,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Inter',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}html{background:#f8f9ff}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#f7f8ff,#eef0ff 64%,#fafbff)}button,input,textarea{font:inherit}button{touch-action:manipulation;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a4a0ff;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}
/* A quiet, blurred website backdrop keeps the widget itself as the focal point. */
.preview-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 21%,#d8dcff 0,transparent 38%),linear-gradient(118deg,#fbfcff,#eef0ff 54%,#f9faff)}.scene-topbar{position:absolute;left:0;right:0;top:0;height:72px;display:flex;align-items:center;gap:19px;padding:0 6vw;background:#ffffff79;border-bottom:1px solid #fff}.scene-topbar span{height:8px;width:74px;border-radius:8px;background:#dfe2fb}.scene-topbar .scene-mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#7774ff,#5046f0)}.scene-topbar i{margin-left:auto;width:95px;height:29px;border-radius:12px;background:#e1e4ff}.scene-left-panel{position:absolute;left:6vw;top:18%;width:31vw;max-width:410px;height:59vh;min-height:360px;border-radius:20px;background:#ffffff85;border:1px solid #ffffffd4;box-shadow:0 20px 50px #5c61c40a;padding:35px;filter:blur(1.5px)}.scene-line{height:13px;width:68%;border-radius:9px;background:#dfe2fb;margin:17px 0}.scene-line.wide{width:94%;height:21px}.scene-line.short{width:48%}.scene-tile-row{display:flex;gap:10px;margin:25px 0}.scene-tile-row span{height:65px;flex:1;border-radius:13px;background:#f0f1ff}.scene-card{height:75px;margin-top:14px;border-radius:14px;background:#f8f8ff;border:1px solid #eef0ff}.scene-card.small{height:55px}.scene-window{position:absolute;right:31%;bottom:-42px;width:250px;height:340px;border-radius:22px;background:#ffffff64;border:1px solid #fff;filter:blur(3px);transform:rotate(-5deg);padding:12px}.scene-window-bar{display:flex;gap:5px;height:23px;border-bottom:1px solid #e4e7ff}.scene-window-bar i{width:6px;height:6px;border-radius:50%;background:#cdd1f0}.scene-window-title{margin:20px 12px 15px;width:74%;height:17px;background:#e1e4ff;border-radius:5px}.scene-window-line{margin:9px 12px;width:80%;height:7px;background:#e8eaff;border-radius:5px}.scene-window-line.short{width:52%}.scene-window-block{margin:20px 12px;height:130px;background:#f0f1ff;border-radius:12px}.scene-plant{position:absolute;left:-40px;bottom:-42px;width:225px;height:300px;filter:blur(5px);opacity:.58}.scene-plant i{position:absolute;bottom:0;left:5px;width:130px;height:35px;border-radius:50%;background:#d6d8f4}.scene-plant span{position:absolute;bottom:35px;left:40px;width:52px;height:145px;background:linear-gradient(130deg,#91b99a,#427e66);border-radius:100% 0 100% 0;transform:rotate(-34deg);transform-origin:bottom}.scene-plant span:nth-child(2){left:78px;height:178px;transform:rotate(17deg)}.scene-plant span:nth-child(3){left:96px;height:122px;transform:rotate(44deg)}.scene-plant span:nth-child(4){left:15px;height:100px;transform:rotate(-65deg)}.scene-glow{position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:36%;background:#e4e6ff;filter:blur(20px)}
.launcher-label{position:fixed;right:96px;bottom:32px;z-index:998;display:flex;flex-direction:column;gap:3px;padding:11px 15px;background:#fff;border:1px solid #edf0ff;border-radius:15px 15px 4px 15px;box-shadow:0 10px 27px #3436a51c;color:#202162;font-size:12px;transition:opacity .18s}.launcher-label strong{font:800 12px 'Inter',sans-serif}.launcher-label span{color:#777ca5}.launcher-label b{display:none}body.widget-is-open .launcher-label{display:none}.launcher{position:fixed;right:23px;bottom:22px;z-index:1000;width:62px;height:62px;border:0;border-radius:22px;background:linear-gradient(145deg,#625bff,#3429ee);box-shadow:0 12px 34px #4338f550;display:grid;place-items:center;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.launcher:hover{transform:translateY(-3px);box-shadow:0 16px 38px #4338f55c}.launcher svg{width:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.launcher-notice{position:absolute;right:4px;top:4px;width:12px;height:12px;border-radius:50%;background:#ff766f;border:2px solid #fff}
.chat-widget{position:fixed;z-index:999;right:22px;bottom:22px;width:min(370px,calc(100vw - 24px));height:min(640px,calc(100dvh - 24px));min-height:490px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe3ff;border-radius:22px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px) scale(.99);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}.chat-widget.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.chat-widget.minimized{height:72px;min-height:72px}.chat-widget.minimized .widget-body,.chat-widget.minimized .composer,.chat-widget.minimized .widget-footnote{display:none}
.chat-header{position:relative;isolation:isolate;z-index:4;flex:0 0 72px;height:72px;display:flex;align-items:center;gap:10px;padding:11px 14px;color:#fff;background:linear-gradient(112deg,#5b56ff 0%,#3e35f1 58%,#554bff 100%)}.header-wave{position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-17px;height:34px;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 45' preserveAspectRatio='none'%3E%3Cpath d='M0 8C46 26 82 33 122 23C164 12 190 18 235 26C278 35 312 28 347 16C379 5 406 8 430 15L430 45H0Z' fill='%2397A5FF' fill-opacity='.8'/%3E%3Cpath d='M0 17C38 35 69 39 110 29C149 19 181 26 225 33C269 39 303 36 338 23C376 10 405 13 430 21L430 45H0Z' fill='%23EFF0FF' fill-opacity='.97'/%3E%3C/svg%3E")}.brand-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#e5e7ff);box-shadow:0 0 0 3px #ffffff20;overflow:hidden}.brand-avatar img{width:54px;height:54px;max-width:none;object-fit:contain}.header-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.header-title strong{font:700 14px/1.1 'Inter','Inter',sans-serif;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title>span{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.2;color:#f1f0ff;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#20d27e;display:inline-block;flex:none;box-shadow:0 0 0 2px #20d27e20}.header-actions{display:flex;align-items:center;gap:1px;flex:none}.icon-btn{width:25px;height:31px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#fff;font-size:24px;line-height:1;font-weight:400}.icon-btn:hover{background:#fff2}#menuBtn{font-size:24px}#closeBtn{font-size:27px;font-weight:300}
.widget-body{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden;background:#fff}.view{display:none;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9dcff transparent}.view::-webkit-scrollbar{width:4px}.view::-webkit-scrollbar-thumb{background:#e0e3ff;border-radius:99px}.view.active{display:flex;flex-direction:column}
/* Welcome screen: exact reference composition - greeting/robot, five topic cards, support strip, composer. */
.welcome-view.active{padding:3px 12px 10px;gap:0}.welcome-intro{position:relative;display:flex;align-items:center;flex:0 0 76px;min-height:76px;padding:2px 4px 8px;overflow:hidden}.intro-copy{position:relative;z-index:2}.intro-copy h1{font:800 25px/1.12 'Inter','Inter',sans-serif;letter-spacing:-.045em;margin:0 0 4px;color:#111557}.intro-copy h1 span{font-size:23px}.intro-copy p{font-size:12px;line-height:1.4;color:#60679e;margin:0}.welcome-bot{position:absolute;right:-5px;bottom:-19px;width:113px;height:106px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 6px #5148d51a);z-index:1}.category-list{display:grid;gap:6px;flex:0 0 auto}.category-card{min-height:47px;width:100%;display:flex;align-items:center;gap:9px;padding:6px 9px;text-align:left;border:1px solid #e7eaff;border-radius:13px;background:linear-gradient(105deg,#fff,#fff 72%,#fdfdff);box-shadow:0 3px 9px #3032a509;color:#111657;transition:border-color .15s,transform .15s,box-shadow .15s}.category-card:hover{border-color:#c7cbff;transform:translateY(-1px);box-shadow:0 5px 13px #3938a510}.category-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px}.category-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-blue{background:#e9edff;color:#4548ff}.icon-violet{background:#eeebff;color:#6251f5}.icon-pink{background:#ffedf1;color:#ff5e78}.icon-green{background:#e4f9f1;color:#0aa879}.icon-orange{background:#fff1dc;color:#ef951e}.category-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.category-copy b{font-size:11.5px;font-weight:700;line-height:1.25}.category-copy small{font-size:9.5px;color:#6e75a4;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{font:400 22px/1 'Inter',sans-serif;color:#6c74ad;flex:none;margin-left:2px}
.team-strip{flex:0 0 auto;min-height:91px;margin-top:8px;padding:9px 10px;border:1px solid #e7e8ff;border-radius:16px;background:linear-gradient(118deg,#e9eaff,#f4f4ff 56%,#eceeff);display:flex;flex-direction:column;justify-content:center;gap:8px}.team-strip-top,.team-strip-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.avatar-stack{display:flex;align-items:center;flex:none;padding-left:2px}.team-avatar{display:block;width:36px;height:36px;object-fit:cover;object-position:center 38%;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #2e2b8a1c;margin-left:-8px;background:#eee}.team-avatar:first-child{margin-left:0}.more-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;margin-left:-3px;border-radius:50%;background:#2825c9;border:2px solid #fff;color:#fff;font:800 11px 'Inter',sans-serif;box-shadow:0 1px 4px #302e9818}.online-pill{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 8px;border:1px solid #fff;border-radius:999px;background:#ffffff9c;color:#2929ad;font-size:9px;font-weight:700;flex:none}.online-pill .status-dot{width:7px;height:7px}.team-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.team-copy strong{font:800 11.5px/1.15 'Inter',sans-serif;color:#17185d;white-space:nowrap}.team-copy small{font-size:9px;line-height:1.25;color:#6f75a2;white-space:nowrap}.live-button{height:34px;flex:none;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:0;border-radius:999px;background:linear-gradient(105deg,#5b52ff,#3730ef);box-shadow:0 5px 12px #483df530;color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap;transition:transform .15s,filter .15s}.live-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.live-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-button b{font-size:20px;font-weight:400;line-height:12px;margin-left:2px}
/* Composer remains visible in the welcome, question, answer, queue, and live chat states. */
.composer{height:56px;min-height:56px;flex:0 0 56px;display:flex;align-items:center;gap:5px;padding:7px 10px;border-top:1px solid #eff0ff;background:#fff}.composer[hidden]{display:none}.composer-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;border:0;border-radius:9px;background:transparent;color:#7479af;font-size:21px}.composer-icon:hover{background:#f1f2ff;color:#4338f5}.composer-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer input[type=text]{flex:1;min-width:0;height:39px;padding:0 11px;border:1px solid #e2e6ff;border-radius:999px;background:#fff;color:#19195a;font-size:11px;outline:0}.composer input[type=text]:focus{border-color:#aaa8ff;box-shadow:0 0 0 3px #4f46f50c}.composer input[type=text]::placeholder{color:#8d93b9}.emoji-btn{font-size:22px}.send-btn{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:0;border-radius:14px;background:linear-gradient(145deg,#5a53ff,#3429ee);box-shadow:0 5px 13px #4438f530;transition:transform .15s}.send-btn:hover{transform:translateY(-1px)}.send-btn svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.widget-footnote{height:17px;min-height:17px;flex:0 0 17px;display:flex;justify-content:center;align-items:center;gap:5px;color:#9a9dbb;background:#fff;font-size:8px}.widget-footnote span:last-child{color:#7277a3;font-weight:700}
/* Category questions mirror the cards in the reference image and stay inside the same widget. */
.category-view.active{padding:10px 13px 12px;gap:10px}.view-heading{display:flex;align-items:center;gap:8px;flex:none;padding:0 1px 2px}.back-btn{display:grid;place-items:center;width:25px;height:32px;flex:none;border:0;border-radius:8px;background:transparent;color:#4145dd;font-size:25px;line-height:1}.back-btn:hover{background:#f0f1ff}.view-heading h2{font:800 15px/1.2 'Inter',sans-serif;color:#111657;margin:0 0 3px}.view-heading p{font-size:10px;color:#7479a4;margin:0}.question-list{display:grid;gap:6px;flex:0 0 auto}.question-row{width:100%;min-height:47px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #e8ebff;border-radius:13px;background:#fff;box-shadow:0 3px 9px #3032a509;color:#15165a;text-align:left}.question-row:hover{border-color:#c8cbff;background:#fcfcff}.question-row-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#eeefff;color:#473ff4;font-size:16px}.question-row-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.question-row-copy b{font-size:10.5px;line-height:1.2}.question-row-copy small{font-size:9px;color:#7b80a9;line-height:1.2}.question-row-chevron{font-size:20px;color:#777db1;line-height:1}.inline-live-help{display:flex;align-items:center;gap:8px;min-height:57px;margin-top:auto;padding:9px 10px;border:1px solid #eaedff;border-radius:14px;background:#f5f6ff}.inline-headset{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e9ebff;color:#453cf2;flex:none}.inline-headset svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inline-live-help>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.inline-live-help b{font-size:10.5px}.inline-live-help small{font-size:9px;color:#777da7}.inline-live-help button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#4d46ed;font-size:25px}
/* Answer screen with related-question navigation and helpful feedback. */
.answer-view.active{padding:10px 13px 9px;gap:8px}.compact-heading{min-height:36px}.answer-scroller{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:2px 1px 4px}.answer-user-bubble{align-self:flex-end;max-width:87%;background:linear-gradient(120deg,#5d56ff,#3b31ef);color:#fff;padding:10px 12px;border-radius:14px 14px 5px 14px;font-size:11px;line-height:1.4}.answer-assistant-row{display:flex;align-items:flex-start;gap:7px}.tiny-bot{width:27px;height:27px;border-radius:50%;background:#eff0ff;display:grid;place-items:center;flex:none;overflow:hidden}.tiny-bot img{width:35px;height:35px;object-fit:contain}.answer-bubble{background:#f5f6fc;border-radius:13px 13px 13px 5px;padding:10px 11px;font-size:11px;line-height:1.55;color:#25265f;max-width:calc(100% - 35px)}.answer-steps{margin-left:34px;display:grid;gap:5px;font-size:10px;color:#27285f}.answer-steps div{display:flex;align-items:center;gap:7px}.answer-steps i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e5e8ff;color:#4a43f5;font-size:9px;font-style:normal;font-weight:800;flex:none}.answer-link{display:flex;align-items:center;gap:8px;margin-left:34px;padding:9px 10px;border-radius:12px;background:#f1f2ff;color:#3936d7;text-decoration:none}.answer-link>span:first-child{font-size:17px}.answer-link>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.answer-link b{font-size:10px}.answer-link small{font-size:8.5px;color:#777ca9}.answer-link>i{font-size:19px;font-style:normal}.helpful-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#555b8f;padding-left:35px}.helpful-row>div{display:flex;gap:5px}.helpful-row button{width:31px;height:27px;border:1px solid #e8eaff;background:#f8f8ff;border-radius:9px;color:#4a46df;font-size:17px}.helpful-row button.selected{background:#e5e7ff;border-color:#b8bcff}.related-title{font-size:10.5px;font-weight:800;padding-left:35px}.related-list{display:grid;gap:5px;padding-left:35px}.related-list .question-row{min-height:36px;padding:5px 8px}.related-list .question-row-icon{display:none}.related-list .question-row-copy b{font-size:9.5px}.answer-support-mini{display:flex;align-items:center;gap:6px;flex:none;padding:7px 8px;border-radius:12px;background:#f1f2ff}.mini-team-icons{display:flex;padding-left:2px}.mini-team-icons img{width:22px;height:22px;object-fit:cover;border:1.5px solid white;border-radius:50%;margin-left:-5px}.mini-team-icons img:first-child{margin-left:0}.answer-support-mini>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.answer-support-mini b{font-size:9px}.answer-support-mini small{font-size:8px;color:#7a7fa5}.answer-support-mini button{border:0;border-radius:999px;background:#fff;color:#4a42eb;padding:7px 8px;font-size:9px;font-weight:700;white-space:nowrap}
/* Queue screen includes ticket, current place in line, timer, and progress. */
.connecting-view.active{padding:13px 17px 12px;align-items:center;text-align:center;gap:0;overflow-y:auto}.connecting-team{display:flex;align-items:center;justify-content:center;padding:7px 12px;margin:0 auto 8px}.connecting-team img{width:46px;height:46px;object-fit:cover;object-position:center 38%;border-radius:50%;border:3px solid white;box-shadow:0 2px 12px #3936b21c;margin-left:-10px}.connecting-team img:first-child{margin-left:0}.connecting-team span{display:grid;place-items:center;width:41px;height:41px;margin-left:-7px;border-radius:50%;background:#eeefff;border:3px solid white;color:#4339ed;font:800 12px 'Inter',sans-serif}.connect-orbit{display:none}.connecting-view h2{font:800 18px/1.22 'Inter',sans-serif;letter-spacing:-.035em;color:#13165a;margin:2px 0 7px;max-width:285px}.connecting-view>p{font-size:11px;line-height:1.5;color:#6d72a0;margin:0 auto 11px;max-width:285px}.queue-card{width:100%;max-width:315px;margin:0 auto 10px;padding:11px 12px;border:1px solid #e3e6ff;border-radius:15px;background:linear-gradient(145deg,#f6f7ff,#fff);box-shadow:0 6px 18px #3a37a30a;text-align:left}.queue-stats{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:10px;align-items:center}.queue-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.queue-stat>span{font-size:7px;letter-spacing:.07em;font-weight:800;color:#7b80aa}.queue-stat strong{font:800 23px/1.05 'Inter',sans-serif;letter-spacing:-.04em;color:#3e36ed;font-variant-numeric:tabular-nums}.queue-stat small{font-size:8.5px;line-height:1.3;color:#7378a2}.queue-divider{width:1px;align-self:stretch;background:#e4e6ff}.queue-progress{height:4px;overflow:hidden;margin:9px 0;border-radius:99px;background:#e7e9ff}.queue-progress span{display:block;height:100%;width:28%;border-radius:inherit;background:linear-gradient(90deg,#8c86ff,#4036f1);transition:width .45s ease}.queue-ticket{display:flex;align-items:center;gap:5px;font-size:8px;color:#8589b4}.queue-ticket b{font-size:9px;color:#4037df;letter-spacing:.035em}.queue-live{margin-left:auto;display:flex;align-items:center;gap:4px;color:#4c987c;white-space:nowrap}.queue-live i{width:6px;height:6px;border-radius:50%;background:#24cc84;box-shadow:0 0 0 3px #24cc841a}.connect-steps{display:grid;gap:7px;width:100%;max-width:270px;text-align:left;margin:0 auto 10px;font-size:10px;color:#666b9a}.connect-steps span{display:flex;align-items:center;gap:8px;line-height:1.3}.connect-steps i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;border:2px solid #d8dcff;font-size:9px;font-style:normal;flex:none}.step-done i{background:#4b44f4;color:#fff;border-color:#4b44f4}.step-current i{border-color:#5147fa;border-top-color:transparent;animation:spin 1s linear infinite}.step-muted{opacity:.58}.secondary-btn{width:100%;max-width:275px;min-height:37px;margin-top:auto;border:1px solid #e0e3ff;background:#fff;color:#4038d4;border-radius:999px;padding:9px;font-size:10.5px;font-weight:700}.text-btn{margin-top:8px;border:0;background:transparent;color:#5149ee;font-size:10px;font-weight:700}.queue-note{font-size:8px;line-height:1.4;color:#9297b8;margin:7px auto 0;max-width:260px}@keyframes spin{to{transform:rotate(360deg)}}
/* Live chat retains the same wave header and uses the assigned agent's actual portrait. */
.live-chat-view.active{padding:8px 11px;gap:5px}.live-chat-status{display:flex;align-items:center;gap:6px;flex:none;min-height:24px;font-size:9px;color:#7177a2}.live-status-dot{width:7px;height:7px;background:#20d27e;border-radius:50%;flex:none}.live-chat-status span:nth-child(2){flex:1}.live-chat-status button{border:0;background:transparent;color:#615aee;font-size:9px;font-weight:700;padding:5px}.messages{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow-y:auto;padding:5px 2px 8px;scrollbar-width:thin;scrollbar-color:#d9dcff transparent}.message-row{display:flex;align-items:flex-end;gap:7px;max-width:94%}.message-row.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#f0f1ff;color:#4b43f5;font-size:11px;font-weight:800}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-bubble{border:1px solid #edf0ff;background:#f7f8fc;color:#1f215e;border-radius:13px 13px 13px 5px;padding:9px 11px;font-size:11px;line-height:1.5;box-shadow:0 3px 12px #31349308;overflow-wrap:anywhere;white-space:pre-wrap}.message-row.user .message-bubble{color:#fff;background:linear-gradient(115deg,#554fff,#3835f0);border-color:transparent;border-radius:13px 13px 5px 13px;box-shadow:0 5px 14px #3e36f128}.message-meta{font-size:8px;color:#858bb4;margin:4px 3px 0}.message-row.user .message-meta{text-align:right}.date-divider{text-align:center;margin:1px 0 4px}.date-divider span{background:#f4f5ff;color:#9196bd;border-radius:999px;padding:4px 10px;font-size:8px}.typing-status{display:flex;align-items:center;gap:8px;flex:none;padding:4px 7px 6px;color:#7479a7;font-size:9px}.typing-status[hidden]{display:none}.typing-dots{display:flex;gap:3px;padding:6px 8px;background:#f0f1ff;border-radius:10px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#625cff;animation:typing .9s infinite}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-3px);opacity:1}}.chat-actions-row{display:flex;gap:6px;flex:none;padding-top:4px}.chat-actions-row button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:7px 3px;border:1px solid #e5e8ff;border-radius:12px;background:#fff;color:#3b3cac;font-size:8.5px;box-shadow:0 3px 8px #292b9008}.chat-actions-row button span{font-size:18px}.chat-actions-row #endQuickBtn{color:#ef555c}
/* Offline form and post-chat rating. */
.offline-view.active{align-items:center;text-align:center;padding:14px 18px 15px;gap:8px;overflow-y:auto}.offline-illustration{position:relative;width:72px;height:65px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#e8eaff,#f7f8ff 68%);color:#6d71f8}.offline-illustration span{font-size:40px}.offline-illustration i{position:absolute;top:8px;right:7px;font-size:14px;color:#8981ff}.offline-view h2{font:800 17px 'Inter',sans-serif;margin:0}.offline-view>p{max-width:285px;font-size:10.5px;line-height:1.5;color:#7378a2;margin:0 0 4px}.offline-form{display:grid;gap:7px;width:100%;margin-top:4px}.offline-form label{display:grid;gap:4px;text-align:left;color:#52588e;font-size:9px}.offline-form label span{font-weight:700}.offline-form input,.offline-form textarea{width:100%;border:1px solid #e2e6ff;border-radius:10px;padding:10px;background:#fff;color:#19195a;outline:0;font-size:10.5px}.offline-form textarea{min-height:66px;resize:vertical}.offline-form .primary-btn{min-height:41px}.primary-btn{border:0;border-radius:999px;background:linear-gradient(100deg,#5a53ff,#3830ee);color:#fff;font-size:11px;font-weight:800;box-shadow:0 6px 16px #4338f526}.offline-form .text-btn{margin-top:0}
.feedback-view.active{align-items:center;text-align:center;padding:15px 16px 15px;gap:0;overflow-y:auto}.feedback-check{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#e9ebff;color:#443bf3;font-size:29px;font-weight:800;margin:1px 0 11px}.feedback-view h2{font:800 20px/1.2 'Inter',sans-serif;color:#1c1b60;margin:0 0 7px}.feedback-view>p{font-size:10.5px;line-height:1.5;color:#7075a0;max-width:270px;margin:0 0 15px}.rating-title{font-size:11px;margin-bottom:10px}.rating-row{display:flex;justify-content:space-between;width:100%;gap:4px;margin:0 0 12px}.rating-row button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;flex:1;border:2px solid transparent;border-radius:11px;background:#f5f6ff;padding:6px 2px;color:#4340a7;font-size:19px}.rating-row button small{font-size:7.5px;color:#787da8}.rating-row button.selected{border-color:#625bff;background:#eeeefe}.feedback-view textarea{width:100%;min-height:58px;resize:vertical;border:1px solid #e1e4ff;border-radius:11px;padding:10px;font-size:10px;outline:none;margin-bottom:10px}.feedback-view .primary-btn{width:100%;min-height:41px}.feedback-view .text-btn{margin-top:9px}
.menu-popover{display:none;position:absolute;z-index:20;right:43px;top:62px;width:206px;max-width:calc(100% - 20px);max-height:min(430px,calc(100% - 84px));overflow-y:auto;padding:6px;border:1px solid #e6e8ff;border-radius:13px;background:#fff;box-shadow:0 16px 36px #26247324}.menu-popover.show{display:block}.menu-popover button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;padding:9px;background:#fff;color:#34336f;text-align:left;font-size:10.5px}.menu-popover button:hover{background:#f4f4ff}.menu-popover button span{flex:1}.menu-separator{height:1px;background:#ededff;margin:5px 3px}.sound-setting b{margin-left:auto;color:#5149e8}.volume-setting{display:flex;flex-direction:column;gap:5px;padding:8px 10px;font-size:9.5px;color:#7378a5}.volume-setting input{width:100%;accent-color:#5148f4}.sound-caption{display:block;padding:2px 10px 7px;font-size:8.5px;color:#999dc0}.toast{position:fixed;right:20px;bottom:96px;z-index:1200;max-width:min(320px,calc(100vw - 24px));border-radius:12px;background:#201f63;color:#fff;padding:10px 13px;font-size:11px;box-shadow:0 8px 24px #14145330;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translateY(0)}
.widget-only{background:transparent}.widget-only .chat-widget{right:12px;bottom:12px}
@media(max-width:520px){.chat-widget{left:0;right:0;bottom:0;width:100vw;height:100dvh;max-height:100dvh;min-height:0;border-radius:0;border:0}.chat-widget.minimized{left:10px;right:10px;bottom:10px;width:calc(100vw - 20px);height:72px;min-height:72px;border-radius:20px;border:1px solid #e0e3ff}.chat-header{height:70px;flex-basis:70px;padding:9px 12px;gap:8px}.brand-avatar{width:39px;height:39px;flex-basis:39px}.brand-avatar img{width:50px;height:50px}.header-title strong{font-size:13px}.header-title>span{font-size:9.5px}.icon-btn{width:23px;height:30px}.welcome-view.active{padding:4px 14px 10px}.welcome-intro{flex-basis:78px;min-height:78px}.intro-copy h1{font-size:24px}.intro-copy p{font-size:11.5px}.welcome-bot{width:105px;height:99px;right:-2px;bottom:-18px}.category-list{gap:6px}.category-card{min-height:49px;padding:6px 8px;gap:8px}.category-icon{width:34px;height:34px;flex-basis:34px}.category-copy b{font-size:11.5px}.category-copy small{font-size:9.5px}.team-strip{margin-top:7px;padding:8px 9px;gap:7px;min-height:86px}.team-avatar{width:33px;height:33px;margin-left:-8px}.more-avatar{width:29px;height:29px;font-size:10px}.online-pill{font-size:8.5px;padding:6px 7px}.team-copy strong{font-size:10.5px}.team-copy small{font-size:8.5px}.live-button{height:32px;padding:0 8px;font-size:9.5px}.live-button svg{width:14px;height:14px}.composer{height:57px;min-height:57px;flex-basis:57px;padding:7px 10px}.widget-footnote{height:16px;min-height:16px;flex-basis:16px}.category-view.active{padding:12px 14px}.question-row{min-height:48px}.question-row-copy b{font-size:11px}.question-row-copy small{font-size:9.5px}.inline-live-help{margin-top:auto}.answer-view.active{padding:12px 13px 8px}.answer-scroller{gap:7px}.answer-bubble{font-size:11px}.connecting-view.active{padding:13px 18px 14px}.connecting-view h2{font-size:18px}.queue-card{max-width:330px}.live-chat-view.active{padding:8px 12px}.offline-view.active{padding:20px 20px}.feedback-view.active{padding:18px 16px}.menu-popover{right:41px;top:59px;max-height:calc(100dvh - 90px)}body.widget-is-open{overflow:hidden}.launcher,.launcher-label{display:none}.widget-only .chat-widget{right:0;bottom:0}}
@media(max-width:370px){.welcome-view.active{padding:2px 10px 8px}.welcome-intro{flex-basis:70px;min-height:70px}.intro-copy h1{font-size:22px}.intro-copy p{font-size:10.5px}.welcome-bot{width:85px;height:83px;right:-3px;bottom:-13px}.category-list{gap:5px}.category-card{min-height:46px;padding:5px 7px;gap:7px}.category-icon{width:31px;height:31px;flex-basis:31px}.category-icon svg{width:19px;height:19px}.category-copy b{font-size:10.5px}.category-copy small{font-size:8.5px}.team-strip{padding:7px;gap:6px;min-height:78px}.team-avatar{width:29px;height:29px;margin-left:-7px}.more-avatar{width:26px;height:26px;font-size:9px}.online-pill{padding:5px 6px;font-size:7.5px}.online-pill .status-dot{width:6px;height:6px}.team-copy strong{font-size:9.5px}.team-copy small{font-size:7.5px}.live-button{height:29px;padding:0 6px;gap:3px;font-size:8.5px}.live-button b{font-size:17px}.composer{height:53px;min-height:53px;flex-basis:53px;padding:6px 7px;gap:3px}.composer-icon{flex-basis:24px;width:24px}.composer-icon svg{width:16px;height:16px}.composer input[type=text]{height:36px;font-size:10px;padding:0 8px}.send-btn{width:35px;height:35px;flex-basis:35px;border-radius:12px}.widget-footnote{height:14px;min-height:14px;flex-basis:14px;font-size:7px}.team-strip-top{gap:4px}}
@media(max-height:650px) and (min-width:521px){.chat-widget{height:calc(100dvh - 20px);min-height:0;bottom:10px}.welcome-intro{flex-basis:63px;min-height:63px}.welcome-bot{width:93px;height:90px}.category-card{min-height:42px}.category-icon{width:30px;height:30px;flex-basis:30px}.team-strip{min-height:77px;padding:7px;margin-top:6px;gap:5px}.team-avatar{width:31px;height:31px}.online-pill{padding:5px 7px}.composer{height:52px;min-height:52px;flex-basis:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Final reference calibration: compact category panels, robot badge, and banner at the composer edge. */
.brand-avatar svg{width:34px;height:34px;fill:#fff;stroke:#9ca5ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-avatar svg rect:nth-of-type(2){fill:#4338f5;stroke:#4338f5}
.brand-avatar svg circle{fill:#fff;stroke:none}
.brand-avatar svg path:last-child{stroke:#fff;fill:none}
.brand-avatar .header-agent-status{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#20d487}
.brand-avatar .header-agent-status.assistant-status{display:none}
.brand-avatar img.header-agent-photo{width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:50%}
.welcome-view.active{justify-content:space-between}
.category-card{min-height:51px}
.category-icon{width:36px;height:36px;flex-basis:36px}
.team-strip{min-height:94px}
.category-view.active{padding-top:19px}
.answer-view.active{padding-top:19px}
.widget-footnote{display:none!important}
@media(max-width:520px){
  .chat-widget{left:10px;right:10px;bottom:12px;width:auto;height:min(663px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);min-height:0;border-radius:22px;border:1px solid #dfe3ff}
  .chat-widget.minimized{left:10px;right:10px;bottom:12px;width:auto;height:72px;min-height:72px;border-radius:20px}
  .welcome-view.active{justify-content:space-between}
  .welcome-intro{flex-basis:82px;min-height:82px}
  .category-card{min-height:52px}
  .category-icon{width:35px;height:35px;flex-basis:35px}
  .team-strip{min-height:91px}
  .category-view.active{padding-top:19px}
  .answer-view.active{padding-top:19px}
  .connecting-view.active{padding-top:13px}
  .widget-only .chat-widget{left:10px;right:10px;bottom:12px;width:auto;height:min(663px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:22px}
}
@media(max-width:370px){
  .welcome-view.active{padding-left:9px;padding-right:9px}
  .welcome-intro{flex-basis:71px;min-height:71px}
  .category-card{min-height:47px}
  .category-icon{width:31px;height:31px;flex-basis:31px}
  .team-strip{min-height:80px;padding:7px}
  .team-avatar{width:28px;height:28px;margin-left:-7px}
  .more-avatar{width:26px;height:26px}
  .online-pill{font-size:7.5px;padding:5px 6px}
  .team-copy strong{font-size:9px}.team-copy small{font-size:7.4px}
  .live-button{height:28px;padding:0 6px;font-size:8.2px}
  .chat-widget{height:min(650px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);bottom:10px}
  .chat-widget.minimized{height:70px;min-height:70px;bottom:10px}
}
.connecting-view.active~.composer{display:none}
@media(min-width:521px){.chat-widget{width:min(368px,calc(100vw - 24px));height:min(663px,calc(100dvh - 24px))}}
@media(max-width:520px){.chat-widget{height:min(663px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}}
.message-avatar.bot-dot{background:#edf0ff;box-shadow:0 0 0 1px #e0e4ff}.message-avatar.bot-dot svg{width:26px;height:26px;display:block}
.file-card{display:flex;align-items:center;gap:8px;min-width:180px;max-width:245px;padding:8px 10px;border:1px solid #e6eaff;border-radius:12px;background:#f9faff;color:#21215c;text-align:left}.message-row.user .file-card{background:#f0f1ff;color:#25245f;border-color:#e0e3ff}.file-card-icon{display:grid;place-items:center;width:34px;height:36px;flex:0 0 34px;border-radius:8px;background:#e8ebff;color:#4c48f5;font-size:10px;font-weight:800}.file-card-icon.pdf-file{background:#ffecef;color:#ed5265}.file-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.file-card-info b{font-size:10px;overflow-wrap:anywhere}.file-card-info small{font-size:8.5px;color:#7c82ac}


/* Reference fidelity pass: proportions are calibrated against the supplied 368 x 663 welcome panel. */
.chat-widget{width:min(368px,calc(100vw - 24px));height:min(663px,calc(100dvh - 24px));}
.chat-header{height:82px;flex-basis:82px;padding:12px 15px;gap:10px;}
.header-wave{height:47px;bottom:-23px;}
.brand-avatar{width:43px;height:43px;flex-basis:43px;}
.brand-avatar img{width:56px;height:56px;}
.header-title strong{font-size:14px;}
.header-title>span{font-size:10px;}
.icon-btn{width:27px;height:32px;}
.widget-body{background:#fff;}
.welcome-view.active{justify-content:flex-start;padding:17px 15px 9px;gap:0;}
.welcome-intro{flex:0 0 82px;min-height:82px;padding:0 4px 8px;overflow:visible;align-items:flex-start;}
.intro-copy{padding-top:0;}
.intro-copy h1{font-size:25px;line-height:1.12;margin:0 0 5px;}
.intro-copy p{font-size:12px;}
.welcome-bot{right:-3px;top:-17px;bottom:auto;width:121px;height:132px;object-fit:contain;object-position:center center;filter:drop-shadow(0 5px 7px #5148d51a);z-index:1;}
.category-list{position:relative;z-index:0;display:grid;gap:6px;flex:0 0 auto;}
.category-card{min-height:53px;padding:7px 10px;gap:10px;border-radius:14px;}
.category-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;}
.category-copy b{font-size:11.7px;line-height:1.28;}
.category-copy small{font-size:9.6px;line-height:1.25;}
.team-strip{width:100%;min-height:114px;flex:0 0 114px;margin-top:14px;padding:10px 11px;gap:9px;border-radius:17px;background:linear-gradient(115deg,#e8eaff 0%,#f2f3ff 56%,#eceeff 100%);border:1px solid #e4e7ff;display:flex;flex-direction:column;justify-content:center;}
.team-strip-action{appearance:none;color:inherit;text-align:left;cursor:pointer;}
.team-strip-action:hover{border-color:#c9ceff;box-shadow:0 5px 16px #5149ee13;}
.team-strip-action:focus-visible{outline:3px solid #9694ff;outline-offset:2px;}
.team-strip-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:39px;}
.avatar-stack{display:flex;align-items:center;flex:none;min-width:0;padding-left:2px;}
.team-avatar{width:39px;height:39px;object-fit:cover;object-position:center 34%;border-radius:50%;border:2px solid #fff;margin-left:-9px;box-shadow:0 1px 4px #2e2b8a1b;}
.team-avatar:first-child{margin-left:0;}
.more-avatar{width:33px;height:33px;margin-left:-4px;border-radius:50%;font-size:11px;}
.online-pill{display:flex;align-items:center;gap:5px;white-space:nowrap;flex:none;padding:7px 8px;border:1px solid #fff;border-radius:999px;background:#ffffffb8;color:#2428ac;font-size:8.7px;font-weight:700;}
.online-pill .status-dot{width:7px;height:7px;box-shadow:none;}
.team-strip-bottom{display:flex;align-items:center;justify-content:flex-start;min-width:0;}
.team-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
.team-copy strong{font:800 11.6px/1.15 'Inter','Inter',sans-serif;color:#17185d;white-space:nowrap;}
.team-copy small{font-size:9.4px;line-height:1.25;color:#6f75a2;white-space:normal;}
.composer{height:58px;min-height:58px;flex:0 0 58px;padding:7px 10px;gap:5px;}
.composer input[type=text]{height:40px;font-size:11px;padding:0 11px;}
.composer-icon{width:29px;flex-basis:29px;height:34px;}
.send-btn{width:40px;height:40px;flex-basis:40px;border-radius:14px;}
/* The mobile panel keeps the same design language while the content scrolls safely on short screens. */
@media(max-width:520px){
  .chat-widget{left:8px;right:8px;bottom:8px;width:auto;height:min(663px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);min-height:0;border-radius:22px;border:1px solid #dfe3ff;}
  .chat-widget.minimized{left:10px;right:10px;bottom:10px;width:auto;height:72px;min-height:72px;border-radius:20px;}
  .chat-header{height:79px;flex-basis:79px;padding:10px 12px;gap:8px;}
  .brand-avatar{width:40px;height:40px;flex-basis:40px;}
  .header-title strong{font-size:13px;}
  .header-title>span{font-size:9px;}
  .icon-btn{width:24px;height:30px;}
  .welcome-view.active{padding:15px 13px 8px;justify-content:flex-start;}
  .welcome-intro{flex-basis:78px;min-height:78px;}
  .intro-copy h1{font-size:24px;}
  .intro-copy p{font-size:11.5px;}
  .welcome-bot{width:108px;height:119px;right:-2px;top:-14px;}
  .category-card{min-height:50px;padding:6px 8px;gap:8px;}
  .category-icon{width:34px;height:34px;flex-basis:34px;}
  .category-copy b{font-size:11px;}
  .category-copy small{font-size:9px;}
  .team-strip{min-height:100px;flex-basis:100px;margin-top:9px;padding:8px 9px;gap:7px;}
  .team-strip-top{min-height:34px;gap:5px;}
  .team-avatar{width:33px;height:33px;margin-left:-8px;}
  .more-avatar{width:29px;height:29px;font-size:10px;}
  .online-pill{font-size:8px;padding:6px 6px;gap:4px;}
  .team-copy strong{font-size:10.5px;}
  .team-copy small{font-size:8.6px;}
  .composer{height:56px;min-height:56px;flex-basis:56px;padding:6px 8px;}
  .widget-only .chat-widget{left:8px;right:8px;bottom:8px;width:auto;height:min(663px,calc(100dvh - 16px));}
}
@media(max-width:370px){
  .chat-widget{left:6px;right:6px;bottom:6px;width:auto;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);}
  .welcome-view.active{padding:11px 9px 7px;}
  .welcome-intro{flex-basis:69px;min-height:69px;}
  .intro-copy h1{font-size:22px;}
  .intro-copy p{font-size:10.3px;}
  .welcome-bot{width:86px;height:97px;right:-1px;top:-10px;}
  .category-list{gap:5px;}
  .category-card{min-height:46px;padding:5px 7px;gap:7px;}
  .category-icon{width:31px;height:31px;flex-basis:31px;}
  .category-copy b{font-size:10.3px;}
  .category-copy small{font-size:8.3px;}
  .team-strip{min-height:85px;flex-basis:85px;margin-top:7px;padding:6px 7px;gap:5px;}
  .team-strip-top{gap:4px;}
  .team-avatar{width:28px;height:28px;margin-left:-7px;}
  .more-avatar{width:26px;height:26px;font-size:9px;}
  .online-pill{font-size:7.2px;padding:5px 5px;gap:3px;}
  .online-pill .status-dot{width:6px;height:6px;}
  .team-copy strong{font-size:9.5px;}
  .team-copy small{font-size:7.6px;}
  .composer{height:52px;min-height:52px;flex-basis:52px;padding:5px 6px;gap:3px;}
  .composer-icon{width:24px;flex-basis:24px;}
  .composer input[type=text]{height:36px;font-size:9.3px;padding:0 7px;}
  .send-btn{width:34px;height:34px;flex-basis:34px;border-radius:12px;}
}
@media(max-height:650px) and (min-width:521px){
 .chat-widget{height:calc(100dvh - 16px);bottom:8px;}
 .welcome-view.active{padding-top:8px;padding-bottom:6px;}
 .welcome-intro{flex-basis:67px;min-height:67px;}
 .welcome-bot{width:94px;height:103px;top:-12px;}
 .category-card{min-height:44px;}
 .category-icon{width:31px;height:31px;flex-basis:31px;}
 .team-strip{min-height:82px;flex-basis:82px;margin-top:7px;padding:6px;gap:5px;}
 .team-avatar{width:30px;height:30px;}
 .online-pill{padding:5px 6px;font-size:8px;}
 .composer{height:52px;min-height:52px;flex-basis:52px;}
}
/* Match the supplied reference's layered robot and heading placement. */
.chat-header{z-index:1;}
.widget-body{z-index:2;background:transparent;}
.intro-copy{padding-top:8px;}
.intro-copy h1{font-size:27px;}
.intro-copy p{font-size:13px;}
.welcome-bot{width:132px;height:132px;top:-41px;right:-4px;pointer-events:none;}
.category-card{padding-left:14px;gap:18px;}
.category-icon{width:40px;height:40px;flex-basis:40px;}
.category-copy b{font-size:12px;}
.category-copy small{font-size:10px;}
.team-avatar{width:42px;height:42px;margin-left:-2px;}
.team-avatar:first-child{margin-left:0;}
.more-avatar{width:35px;height:35px;margin-left:-2px;}
.online-pill{font-size:9px;padding:7px 9px;}
@media(max-width:520px){
 .intro-copy{padding-top:6px;}
 .intro-copy h1{font-size:24px;}
 .intro-copy p{font-size:11.5px;}
 .welcome-bot{width:113px;height:113px;top:-35px;right:-2px;}
 .category-card{padding-left:10px;gap:9px;}
 .category-icon{width:35px;height:35px;flex-basis:35px;}
 .category-copy b{font-size:11px;}
 .category-copy small{font-size:9px;}
 .team-avatar{width:33px;height:33px;margin-left:-8px;}
 .team-avatar:first-child{margin-left:0;}
 .more-avatar{width:29px;height:29px;margin-left:-2px;}
 .online-pill{font-size:8px;padding:6px;}
}
@media(max-width:370px){
 .intro-copy{padding-top:4px;}
 .welcome-bot{width:91px;height:91px;top:-28px;right:-1px;}
 .team-avatar{width:28px;height:28px;margin-left:-7px;}
 .more-avatar{width:26px;height:26px;margin-left:-2px;}
 .online-pill{font-size:7.2px;padding:5px;}
}

/* Final pixel level alignment for the supplied prototype. */
@media(min-width:521px){.widget-body{overflow:visible}.welcome-view.active{overflow:visible}}
.welcome-bot{width:136px;height:136px;top:-50px;right:-4px;}
.category-card{padding-top:5.5px;padding-bottom:5.5px;}
.team-strip{padding-left:14px;padding-right:14px;}
.team-copy strong{font-size:12.2px;}
.team-copy small{font-size:9.8px;}
.online-pill{font-size:9.2px;padding-left:10px;padding-right:10px;}
.composer{height:58px;min-height:58px;flex:0 0 58px;display:flex;align-items:center;gap:5px;padding:6px 15px 7px 16px;border-top:0;background:#fff;}
.composer-field{display:flex;align-items:center;gap:5px;flex:1;min-width:0;height:44px;padding:0 6px;border:1px solid #e0e4ff;border-radius:999px;background:#fff;box-shadow:0 2px 8px #3f45a508;}
.composer-field .composer-icon{width:28px;flex:0 0 28px;height:32px;}
.composer-divider{width:1px;height:25px;flex:0 0 1px;background:#e5e7fb;}
.composer input[type=text]{flex:1;min-width:0;height:36px;padding:0 3px;border:0;border-radius:0;background:transparent;color:#19195a;font-size:11px;outline:0;box-shadow:none;}
.composer input[type=text]:focus{border:0;box-shadow:none;}
.composer input[type=text]::placeholder{color:#8d93b9;}
.composer .send-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;}
.composer .send-btn svg{width:21px;height:21px;}
@media(max-width:520px){
 .team-strip{padding-left:9px;padding-right:9px;}
 .composer{height:56px;min-height:56px;flex-basis:56px;padding:5px 8px;gap:5px;}
 .composer-field{height:43px;gap:4px;padding:0 5px;}
 .composer-field .composer-icon{width:26px;flex-basis:26px;}
 .composer input[type=text]{font-size:10.5px;}
 .composer .send-btn{width:41px;height:41px;flex-basis:41px;}
}
@media(max-width:370px){
 .composer{height:52px;min-height:52px;flex-basis:52px;padding:4px 6px;gap:4px;}
 .composer-field{height:39px;gap:3px;padding:0 4px;}
 .composer-field .composer-icon{width:22px;flex-basis:22px;height:28px;}
 .composer-divider{height:22px;}
 .composer input[type=text]{height:32px;font-size:9px;padding:0 2px;}
 .composer .send-btn{width:35px;height:35px;flex-basis:35px;border-radius:50%;}
}
/* Micro spacing match: header brand alignment and integrated message input capsule. */
.chat-header{gap:17px;padding-left:16px;}
.intro-copy{padding-top:13px;}
.intro-copy h1{font-size:28px;letter-spacing:-.035em;}
.intro-copy p{font-size:13.5px;}
.category-card{padding-top:5.5px;padding-bottom:5.5px;}
.composer{padding-left:17px;padding-right:16px;}
.composer-field{gap:3px;padding-left:9px;padding-right:7px;}
@media(max-width:520px){
 .chat-header{gap:8px;padding-left:12px;}
 .intro-copy{padding-top:6px;}
 .intro-copy h1{font-size:24px;letter-spacing:-.035em;}
 .intro-copy p{font-size:11.5px;}
 .composer{padding-left:8px;padding-right:8px;}
 .composer-field{gap:3px;padding-left:7px;padding-right:5px;}
}
@media(max-width:370px){
 .intro-copy{padding-top:4px;}
 .composer{padding-left:6px;padding-right:6px;}
 .composer-field{gap:2px;padding-left:5px;padding-right:4px;}
}


/* Last alignment pass against the user's supplied welcome panel. */
.chat-header{gap:19px;padding-left:19px;}
.chat-header .brand-avatar,.chat-header .header-title,.chat-header .header-actions{transform:translateY(-3px);}
.welcome-bot{width:121px;height:110px;top:-31px;right:-11px;bottom:auto;object-fit:contain;object-position:center center;}
.team-strip-top{justify-content:flex-start;}
.team-strip-top .online-pill{display:none;}
.team-strip{gap:9px;}
.team-avatar{width:41px;height:41px;}
@media(max-width:520px){
 .chat-header{gap:8px;padding-left:12px;}
 .chat-header .brand-avatar,.chat-header .header-title,.chat-header .header-actions{transform:translateY(-2px);}
 .welcome-bot{width:108px;height:101px;top:-25px;right:-3px;bottom:auto;}
 .team-avatar{width:34px;height:34px;}
 .team-strip-top{justify-content:flex-start;}
}
@media(max-width:370px){
 .welcome-bot{width:91px;height:84px;top:-20px;right:-2px;}
 .team-avatar{width:29px;height:29px;}
}


/* Exact reference state handling: the default live chat is quiet; the action tray is an optional state. */
.live-chat-status{display:none!important}
.chat-actions-row[hidden]{display:none!important}
.brand-avatar{position:relative}
.brand-avatar img.header-agent-photo{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 35%;border-radius:50%}
.brand-avatar.avatar-fallback{display:grid;place-items:center;background:#eef0ff;color:#4338f5;font:800 16px 'Inter',sans-serif}
.brand-avatar.avatar-fallback img{display:none}
.menu-popover button#toggleChatActionsBtn{color:#4942da}

.chat-actions-row[hidden]{display:none!important}


/* Final reference correction: the support team banner has availability and a dedicated CTA. */
.team-strip-top{justify-content:space-between !important;align-items:center !important;}
.team-strip-top .online-pill{display:flex !important;}
.team-strip-bottom{justify-content:space-between !important;align-items:center !important;gap:7px !important;}
.team-copy{flex:1 1 auto;min-width:0;}
.team-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.team-copy small{white-space:normal;max-width:100%;} 
.live-button{min-width:104px;padding:0 10px;font-size:10px;height:34px;}
.team-strip .live-button:focus-visible{outline:3px solid #aaa7ff;outline-offset:2px;}
.category-team-strip{min-height:104px;flex-basis:auto;margin-top:auto;}
.category-team-strip .team-avatar{width:31px;height:31px;margin-left:-7px;}
.category-team-strip .more-avatar{width:27px;height:27px;font-size:9px;}
.category-team-strip .online-pill{font-size:8px;padding:6px 7px;}
.category-team-strip .live-button{height:30px;min-width:98px;font-size:9px;}
@media(max-width:520px){
 .team-strip-top{justify-content:space-between !important;gap:5px !important;}
 .team-strip-top .online-pill{display:flex !important;font-size:8px;padding:6px 6px;gap:4px;}
 .team-strip-bottom{gap:6px !important;}
 .team-copy strong{font-size:10px;max-width:190px;}
 .team-copy small{font-size:8px;max-width:185px;}
 .team-strip .live-button{min-width:98px;padding:0 7px;font-size:9px;}
 .category-team-strip .team-avatar{width:29px;height:29px;margin-left:-7px;}
 .category-team-strip .more-avatar{width:25px;height:25px;}
 .category-team-strip .online-pill{font-size:7.4px;padding:5px 5px;}
 .category-team-strip .live-button{min-width:92px;font-size:8px;padding:0 5px;}
}
@media(max-width:370px){
 .team-strip{min-height:88px;flex-basis:auto;gap:6px;padding:6px 6px;}
 .team-strip-top{gap:4px !important;}
 .team-avatar{width:27px;height:27px;margin-left:-7px;}
 .more-avatar{width:25px;height:25px;font-size:8px;}
 .team-strip-top .online-pill{font-size:7px;padding:5px 4px;gap:3px;}
 .team-strip-bottom{gap:4px !important;}
 .team-copy strong{font-size:8.8px;max-width:143px;}
 .team-copy small{font-size:7px;max-width:143px;}
 .team-strip .live-button{min-width:82px;height:28px;padding:0 4px;font-size:7.6px;gap:3px;}
 .team-strip .live-button svg{width:12px;height:12px;}
 .team-strip .live-button b{font-size:16px;}
}


/* Final fidelity correction from the supplied reference image. The team banner is informational visually and acts as the inline live support entry point without adding a new screen or button. */
.team-strip-action{width:100%;font:inherit;appearance:none;border:1px solid #e4e7ff;color:inherit;text-align:left;cursor:pointer;}
.team-strip-action:focus-visible{outline:3px solid #9795ff;outline-offset:2px;}
.team-strip-top{justify-content:flex-start !important;align-items:center !important;}
.team-strip-top .online-pill{display:none !important;}
.team-strip-bottom{justify-content:flex-start !important;align-items:center !important;gap:0 !important;}
.team-copy{width:100%;flex:1 1 100%;min-width:0;}
.team-copy strong{white-space:nowrap;overflow:visible;text-overflow:clip;}
.team-copy small{font-size:9px;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none;}
.team-strip{min-height:111px;flex-basis:111px;margin-top:14px;padding:10px 11px;gap:7px;}
.team-strip .team-avatar{width:41px;height:41px;margin-left:-2px;}
.team-strip .team-avatar:first-child{margin-left:0;}
.team-strip .more-avatar{width:35px;height:35px;margin-left:-2px;}
.category-team-strip{min-height:83px;flex-basis:auto;margin-top:auto;padding:8px 10px;gap:5px;}
.category-team-strip .team-avatar{width:31px;height:31px;margin-left:-7px;}
.category-team-strip .more-avatar{width:27px;height:27px;font-size:9px;}
.category-team-strip .team-copy strong{font-size:10.5px;}
.category-team-strip .team-copy small{font-size:8.3px;}
@media(min-width:521px){
 .welcome-intro{flex-basis:86px;min-height:86px;}
 .category-list{gap:6.75px;}
}
@media(max-width:520px){
 .welcome-intro{flex-basis:78px;min-height:78px;}
 .category-list{gap:6px;}
 .team-strip{min-height:100px;flex-basis:100px;margin-top:9px;padding:8px 9px;gap:6px;}
 .team-strip .team-avatar{width:33px;height:33px;margin-left:-8px;}
 .team-strip .team-avatar:first-child{margin-left:0;}
 .team-strip .more-avatar{width:29px;height:29px;margin-left:-2px;}
 .team-copy strong{font-size:10.5px;}
 .team-copy small{font-size:8.5px;white-space:nowrap;}
 .category-team-strip{min-height:82px;flex-basis:auto;margin-top:auto;padding:8px 9px;}
 .category-team-strip .team-avatar{width:29px;height:29px;margin-left:-7px;}
 .category-team-strip .more-avatar{width:25px;height:25px;}
}
@media(max-width:370px){
 .welcome-intro{flex-basis:69px;min-height:69px;}
 .team-strip{min-height:85px;flex-basis:85px;margin-top:7px;padding:6px 7px;gap:5px;}
 .team-strip .team-avatar{width:28px;height:28px;margin-left:-7px;}
 .team-strip .more-avatar{width:25px;height:25px;}
 .team-copy strong{font-size:9.5px;}
 .team-copy small{font-size:7.8px;}
}

/* The reference category state shows team availability beside the avatar stack; the welcome state keeps it in the header only. */
.category-team-strip .team-strip-top .category-online-pill{display:flex !important;font-size:8px;padding:6px 7px;gap:5px;}
.category-team-strip .online-pill .status-dot{width:7px;height:7px;}
@media(max-width:520px){.category-team-strip .team-strip-top .category-online-pill{font-size:7.3px;padding:5px 5px;gap:3px;}}
@media(max-width:370px){.category-team-strip .team-strip-top .category-online-pill{font-size:6.6px;padding:4px 4px;gap:3px;}}



/* Owner request 2026-10-30: show the online pill inside the welcome team card as well (it stays as is elsewhere). */
#liveSupportBtn .team-strip-top .online-pill{display:flex !important;}


/* Typography upgrade 2026-10-30: one premium font, crisp smoothed rendering. */
.chat-widget,.launcher,.launcher-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
.helpful-row button{display:grid;place-items:center;}
.helpful-row button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* Team card beautify 2026-10-30: glassy layered surface, richer avatars, pill and button. Scoped to .team-strip only. */
.team-strip{position:relative;overflow:hidden;border-radius:20px;border:1px solid #e2e5ff;background:radial-gradient(120px 70px at 12% 0%,#ffffff 0%,#ffffff00 60%),radial-gradient(150px 90px at 100% 110%,#d9dcff 0%,#d9dcff00 62%),linear-gradient(118deg,#e7eaff 0%,#f3f4ff 55%,#e9ebff 100%);box-shadow:inset 0 1px 0 #ffffffd9,0 8px 18px #3c34c20f;}
.team-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(90px 46px at 88% 6%,#ffffffb3 0%,#ffffff00 70%);pointer-events:none;}
.team-strip::after{content:"";position:absolute;width:130px;height:130px;right:-46px;bottom:-64px;border-radius:50%;background:radial-gradient(circle,#7a70ff2e 0%,#7a70ff00 68%);pointer-events:none;}
.team-strip-top,.team-strip-bottom{position:relative;z-index:1;}
.team-strip .team-avatar{width:38px;height:38px;border:2.5px solid #fff;box-shadow:0 3px 8px #2e2b8a2b;}
.team-strip .more-avatar{background:linear-gradient(135deg,#6d63ff,#332ad6);box-shadow:0 3px 8px #3a30d640;}
.team-strip .online-pill{background:#ffffffdb;border:1px solid #ffffff;box-shadow:0 4px 12px #2e2b8a17;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.team-strip .online-pill .status-dot{background:#1fce74;box-shadow:0 0 0 3px #1fce7426,0 0 8px #1fce7480;}
.team-strip .team-copy strong{font-size:12.5px;letter-spacing:-.01em;color:#141452;}
.team-strip .team-copy small{color:#5d63a0;}
.team-strip .live-button{height:36px;padding:0 13px;font-size:11px;background:linear-gradient(135deg,#6f66ff 0%,#4136f2 58%,#3229d8 100%);box-shadow:0 6px 14px #4338f540,inset 0 1px 0 #ffffff59;}
.team-strip .live-button svg{width:16px;height:16px;}
.team-strip .live-button:active{transform:translateY(0);}
@media(max-width:520px){.team-strip .team-avatar{width:34px;height:34px;}.team-strip .live-button{height:33px;padding:0 11px;font-size:10px;}}
@media(max-width:370px){.team-strip .team-avatar{width:30px;height:30px;}.team-strip .live-button{height:30px;padding:0 9px;}}


/* Footer credit 2026-10-30: Powered by NexSir, visible under the composer on every view. */
.widget-footnote{display:flex !important;}
.widget-footnote a{color:#4a42eb;font-weight:700;text-decoration:none;}
.widget-footnote a:hover{text-decoration:underline;}
.chat-widget.minimized .widget-footnote{display:none !important;}


/* Welcome fit fix 2026-10-30: welcome content stood 16px taller than the widget body and the strip covered the composer top. Desktop trims reclaim 18px and the view scrolls instead of spilling if space ever runs short. */
@media(min-width:521px){
.welcome-view .welcome-intro{flex-basis:75px;min-height:75px;}
.welcome-view .team-strip{margin-top:8px;flex-basis:102px;min-height:102px;gap:7px;padding-top:9px;padding-bottom:9px;}
.welcome-view.active{overflow-y:auto;}
}