:root{color:#1d2939;background:#e9eef5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid #5e87ff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-shell{min-height:100vh;display:flex;background:#eef2f7}.global-nav{width:216px;min-height:100vh;display:flex;flex-direction:column;position:relative;flex:0 0 auto;padding:22px 12px 14px;color:#dce8ff;background:linear-gradient(180deg,#182c49,#15223a);border-right:1px solid #253b5d}.product-mark{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:0 10px 24px;font-size:18px;font-weight:750;letter-spacing:-.4px}.product-mark__glyph{width:28px;height:28px;display:grid;place-items:center;color:#102036;background:#e5f474;border-radius:9px}.global-nav__items{display:grid;gap:4px}.mobile-nav-toggle,.mobile-nav-menu{display:none}.global-nav__item{width:100%;display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border:0;border-radius:9px;color:#c6d3e9;background:transparent;text-align:left;font-size:14px;transition:background-color .13s ease,color .13s ease}.global-nav__item:hover{background:#ffffff14;color:#fff}.global-nav__item--current{color:#172842;background:#e5f474;font-weight:700}.global-nav__footer{margin-top:auto;padding-top:16px;display:grid;gap:10px}.notification-button,.profile-button{min-height:38px;border:0;color:#dce8ff;background:#ffffff0f;border-radius:9px}.notification-button{width:38px;position:relative;display:grid;place-items:center}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid #1a2c49;border-radius:50%;background:#e5f474}.profile-button{padding:0 10px;display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-size:13px}.profile-button svg:last-child{margin-left:auto}.workspace{display:grid;grid-template-columns:306px minmax(420px,1fr) 298px;min-width:0;width:calc(100% - 216px);min-height:100vh}.queue-panel,.context-panel{min-width:0;background:#f9fbff;border-right:1px solid #d9e0eb}.context-panel{border-right:0;border-left:1px solid #d9e0eb}.queue-panel{display:flex;flex-direction:column}.mobile-queue-overlay{display:none}.queue-panel__header{padding:24px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 5px;color:#6a7b96;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.queue-panel h1,.conversation-pane h2,.page-preview h1{margin:0;color:#16243a}.queue-panel h1{font-size:19px;letter-spacing:-.35px}.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;color:#52627c;border:0;border-radius:8px;background:transparent}.icon-button:hover{background:#e9eff7;color:#253d60}.icon-button--inverted{color:#e7f0ff}.icon-button--inverted:hover{color:#fff;background:#ffffff24}.search-field{margin:0 18px 14px;min-height:39px;padding:0 11px;display:flex;align-items:center;gap:8px;color:#7b8aa2;border:1px solid #d8e1ed;border-radius:9px;background:#fff}.search-field:focus-within{border-color:#698fff;box-shadow:0 0 0 3px #698fff24}.search-field input{min-width:0;width:100%;border:0;outline:0;color:#1d2939;background:transparent;font-size:13px}.search-field input::placeholder{color:#93a0b4}.queue-tabs{padding:0 10px 10px;display:grid;gap:2px;border-bottom:1px solid #e2e8f1}.queue-tab{width:100%;min-height:33px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#596a84;border:0;border-radius:7px;background:transparent;font-size:13px;text-align:left}.queue-tab:hover{color:#1d395e;background:#edf2f8}.queue-tab--selected{color:#284ea8;background:#e7edff;font-weight:700}.queue-tab__count{min-width:20px;padding:1px 6px;color:inherit;background:#39579b17;border-radius:999px;font-size:11px;text-align:center}.queue-panel__list{overflow:auto;padding:9px 8px}.conversation-row{width:100%;min-height:88px;display:flex;gap:10px;padding:11px 9px;position:relative;color:#293a53;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left}.conversation-row:hover{background:#f1f5fa}.conversation-row--selected{background:#e8efff;border-color:#d3dffe}.conversation-row__content{display:grid;gap:3px;min-width:0;flex:1}.conversation-row__top{display:flex;gap:8px;justify-content:space-between;align-items:baseline}.conversation-row__top strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-row time{flex:none;color:#8291a6;font-size:11px}.conversation-row__topic{color:#5c6d86;font-size:12px}.conversation-row__preview{max-width:100%;color:#77879d;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-row__mode{color:#667cf1;position:absolute;right:9px;bottom:10px}.queue-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:#8492a5;text-align:center;font-size:13px}.queue-empty p{margin:0}.avatar{flex:0 0 auto;width:32px;height:32px;display:inline-grid;place-items:center;color:#274477;background:linear-gradient(145deg,#d7e3ff,#edf3ff);border:1px solid #c9d7f4;border-radius:50%;font-size:13px;font-weight:750}.avatar--large{width:38px;height:38px;font-size:14px}.conversation-pane{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#fff}.conversation-pane__header{min-height:76px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dbe3ed}.conversation-pane__identity{min-width:0;display:flex;align-items:center;gap:10px}.conversation-pane__identity h2{font-size:15px}.conversation-pane__identity p{margin:3px 0 0;color:#79889d;font-size:12px}.conversation-pane__actions{display:flex;align-items:center;gap:8px}.mobile-panel-toggle{display:none}.button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;transition:transform .13s ease,background-color .13s ease}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{color:#132136;background:#e5f474;border-color:#d6e869}.button--primary:hover:not(:disabled){background:#effb9d}.button--primary:disabled{color:#8d988b;background:#eff2e6;border-color:#e6eadf}.button--secondary{color:#324967;background:#fff;border-color:#cfd9e7}.button--secondary:hover{background:#f3f6fa}.button--danger{color:#fff;background:#b94655;border-color:#a93e4c}.button--danger:hover{background:#a83e4c}.status-chip{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:700}.status-chip--active{color:#146247;background:#e0f7ed}.status-chip--automation{color:#4b56a5;background:#ecedff}.status-chip--pending{color:#915d09;background:#fff4d8}.status-chip--closed{color:#68778d;background:#eef1f5}.conversation-pane__statebar{min-height:34px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748d;background:#f6f8fb;border-bottom:1px solid #e2e8f0;font-size:11px}.conversation-pane__statebar span{display:inline-flex;align-items:center;gap:5px}.conversation-pane__statebar span:last-child{color:#8996a8}.message-timeline{min-height:0;overflow:auto;padding:28px clamp(18px,4vw,50px);display:grid;align-content:start;gap:14px;background:radial-gradient(circle at top right,#f4f8ff 0,#fff 46%)}.message{max-width:min(82%,520px);display:grid;gap:4px}.message--visitor{justify-self:start}.message--agent{justify-self:end}.message--automation{justify-self:start}.message--system{max-width:100%;justify-self:center}.message__author{color:#77879a;font-size:11px;display:inline-flex;align-items:center;gap:4px}.message__bubble{padding:11px 13px 8px;border:1px solid #e0e6ee;border-radius:13px 13px 13px 4px;color:#314056;background:#f7f9fc;box-shadow:0 1px 1px #1f2d3d0a}.message--agent .message__bubble{color:#18305a;background:#e1ecff;border-color:#d1e1ff;border-radius:13px 13px 4px}.message--automation .message__bubble{color:#4c4f7a;background:#f0efff;border-color:#e1dfff}.message__bubble p{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap}.message__bubble time{display:block;margin-top:5px;color:#8591a5;font-size:10px;text-align:right}.message__system{margin:4px 0;padding:4px 10px;color:#8290a3;background:#f0f3f7;border-radius:999px;font-size:11px}.conversation-composer{padding:12px 18px 16px;border-top:1px solid #dce4ee;background:#fff}.conversation-composer__meta{margin-bottom:8px;display:flex;justify-content:space-between;gap:10px;color:#8a97a8;font-size:11px}.conversation-composer__meta span{display:inline-flex;align-items:center;gap:5px}.presence-dot{width:7px;height:7px;display:inline-block;background:#49b987;border-radius:50%}.conversation-composer form{padding:8px;border:1px solid #cad6e5;border-radius:11px;background:#fff;box-shadow:0 3px 12px #1c304c0f}.conversation-composer form:focus-within{border-color:#728fff;box-shadow:0 0 0 3px #6f8efb1f}.conversation-composer textarea{width:100%;min-height:58px;max-height:144px;resize:vertical;padding:3px 5px;border:0;outline:0;color:#26364f;background:transparent;font-size:14px;line-height:1.5}.conversation-composer textarea:disabled{color:#8592a3}.conversation-composer__actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-composer__actions>div{display:flex;flex-wrap:wrap;gap:4px}.text-button{min-height:30px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;color:#687990;border:0;border-radius:6px;background:transparent;font-size:12px}.text-button:hover:not(:disabled){color:#334b6f;background:#edf2f8}.text-button--danger:hover:not(:disabled){color:#a63344;background:#fff0f1}.text-button:disabled{color:#adb7c4}.context-panel{display:flex;flex-direction:column;overflow:auto}.context-panel__tabs{min-height:60px;padding:0 8px;display:flex;align-items:center;gap:1px;border-bottom:1px solid #dce4ee}.context-tab{min-height:32px;padding:0 8px;color:#77869a;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;font-weight:650}.context-tab:hover{color:#334d73}.context-tab--selected{color:#2d58ba;border-color:#5a78eb}.context-panel__collapse{margin-left:auto}.context-panel__content{padding:18px}.context-person{display:grid;justify-items:center;gap:5px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e2e8f0;color:#8290a2;font-size:12px}.context-person .avatar{margin-bottom:3px}.context-person strong{color:#253750;font-size:14px}.context-group{margin:0 0 22px}.context-group h3{margin:0 0 10px;color:#5d6c83;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.info-row{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7a889c;font-size:12px}.info-row strong{color:#3f5069;font-weight:650;text-align:right}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{min-height:25px;padding:0 7px;display:inline-flex;align-items:center;gap:4px;color:#536788;background:#edf2fb;border-radius:6px;font-size:11px}.context-note{margin:0;color:#77879c;font-size:12px;line-height:1.6}.quick-reply{width:100%;padding:10px;margin-bottom:8px;color:#425673;border:1px solid #dce4ef;border-radius:8px;background:#fff;font-size:12px;line-height:1.5;text-align:left}.quick-reply:hover{border-color:#aebffc;background:#f6f8ff}.page-preview{width:calc(100% - 216px);min-height:100vh;padding:52px clamp(24px,6vw,84px);background:linear-gradient(145deg,#f8fbff,#eef3fa)}.page-preview__header{max-width:940px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.page-preview h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1px}.page-preview__header>div>p:last-child{max-width:560px;margin:12px 0 0;color:#677991;line-height:1.7}.preview-grid{max-width:940px;margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preview-card{min-height:185px;padding:20px;border:1px solid #dce5f0;border-radius:14px;background:#ffffffdb;box-shadow:0 8px 28px #3a4e6f0d}.preview-card__icon{width:34px;height:34px;display:grid;place-items:center;color:#314d7d;background:#e6edff;border-radius:9px}.preview-card h2{margin:16px 0 8px;color:#273a57;font-size:15px}.preview-card p{margin:0;color:#718197;font-size:13px;line-height:1.6}.visitor-widget{position:fixed;right:24px;bottom:22px;z-index:20;display:grid;justify-items:end;gap:12px}.widget-launcher{min-width:74px;min-height:52px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:0;border-radius:15px;background:linear-gradient(135deg,#355ec9,#23478f);box-shadow:0 10px 24px #1e3f8552;font-size:13px;font-weight:700}.widget-launcher:hover{background:linear-gradient(135deg,#426bd3,#284f9b)}.visitor-widget__panel{width:min(368px,calc(100vw - 32px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #d2dcea;border-radius:17px;background:#fff;box-shadow:0 18px 48px #182b4c40}.visitor-widget__panel>header{min-height:70px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#213b70,#385aa2)}.visitor-widget__panel>header>div{display:flex;align-items:center;gap:9px}.visitor-widget__header-actions{gap:4px!important}.visitor-widget__brand{width:35px;height:35px;display:grid;place-items:center;color:#192d58;background:#e5f474;border-radius:10px}.visitor-widget__panel header strong,.visitor-widget__panel header span{display:block}.visitor-widget__panel header strong{font-size:14px}.visitor-widget__panel header div div span{margin-top:2px;color:#d6e3ff;font-size:11px}.visitor-widget__body{max-height:400px;overflow:auto;padding:16px;background:#f8faff}.visitor-widget__welcome{padding:13px;color:#334664;background:#fff;border:1px solid #e2e8f2;border-radius:11px}.visitor-widget__welcome p{margin:0 0 4px;font-weight:750;font-size:14px}.visitor-widget__welcome span{color:#74839a;font-size:12px}.visitor-widget__quick-actions{margin:10px 0;display:flex;flex-wrap:wrap;gap:6px}.visitor-widget__quick-actions button{min-height:29px;padding:0 8px;color:#345999;border:1px solid #cbdafd;border-radius:999px;background:#f4f7ff;font-size:11px}.visitor-widget__quick-actions button:hover{background:#e5edff}.visitor-widget__messages{display:grid;gap:8px}.widget-message{max-width:85%;padding:9px 10px 6px;color:#354762;border:1px solid #e0e7f0;border-radius:10px 10px 10px 3px;background:#fff}.widget-message--visitor{justify-self:end;color:#1c3c77;border-color:#d3e1ff;border-radius:10px 10px 3px;background:#e8f0ff}.widget-message p{margin:0;font-size:12px;line-height:1.45}.widget-message time{display:block;margin-top:4px;color:#8d9aab;font-size:10px;text-align:right}.visitor-widget__panel footer{padding:9px;position:relative;border-top:1px solid #dfe7f1;background:#fff}.visitor-widget__panel footer textarea{width:calc(100% - 36px);min-height:44px;padding:5px;resize:none;border:0;outline:0;color:#344762;background:transparent;font-size:12px}.widget-send{width:31px;height:31px;position:absolute;top:11px;right:10px;display:grid;place-items:center;color:#22385b;border:0;border-radius:8px;background:#e5f474}.widget-send:disabled{color:#9aa596;background:#f0f2ea}.visitor-widget__panel footer small{display:block;color:#93a0b1;font-size:10px}.widget-rating{min-height:57px;display:grid;gap:8px;padding:4px 2px 2px}.widget-rating strong{color:#334664;font-size:12px}.widget-rating>div{display:flex;flex-wrap:wrap;gap:6px}.widget-rating button{min-height:29px;padding:0 10px;color:#345999;border:1px solid #cbdafd;border-radius:999px;background:#f4f7ff;font-size:11px;font-weight:700}.widget-rating button:hover:not(:disabled){color:#1e407d;border-color:#9ab3ec;background:#e5edff}.widget-rating button:focus-visible{outline:2px solid #213b70;outline-offset:2px}.widget-rating button:disabled{color:#9daabd;border-color:#e1e7f0;background:#f4f6f9}.widget-rating p{margin:4px 0 7px;color:#496257;font-size:12px;font-weight:650}.is-spinning{animation:ui-spin .85s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#15223a6b}.confirm-dialog{width:min(400px,100%);padding:26px;color:#35455d;border-radius:14px;background:#fff;box-shadow:0 18px 50px #121e3347}.confirm-dialog__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.confirm-dialog__icon--info{color:#3559a8;background:#e8eeff}.confirm-dialog__icon--warning{color:#a03b48;background:#fff0f1}.confirm-dialog h2{margin:16px 0 8px;color:#263951;font-size:19px}.confirm-dialog p{margin:0;color:#6e7e94;font-size:14px;line-height:1.65}.confirm-dialog__actions{margin-top:23px;display:flex;justify-content:flex-end;gap:8px}@media(max-width:1180px){.workspace{grid-template-columns:278px minmax(400px,1fr)}.context-panel{display:none}}@media(max-width:900px){.global-nav{width:65px;padding:18px 8px 12px}.product-mark{justify-content:center;padding:0 0 22px}.product-mark>span:last-child,.global-nav__item span,.profile-button span,.profile-button svg:last-child{display:none}.global-nav__item,.profile-button{justify-content:center;padding:0}.workspace,.page-preview{width:calc(100% - 65px)}.workspace{grid-template-columns:268px minmax(0,1fr)}.page-preview{padding:42px 28px}}@media(max-width:700px){.product-shell{display:block}.global-nav{width:100%;min-height:auto;height:60px;padding:7px 10px;flex-direction:row;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid #253b5d}.product-mark{padding:0 10px 0 0}.global-nav__items{display:flex;gap:3px;min-width:0}.global-nav__item{width:42px;min-height:42px;flex:0 0 auto}.global-nav__item:not(.global-nav__item--home):not(.global-nav__item--conversations):not(.global-nav__item--archive){display:none}.mobile-nav-toggle{width:42px;height:42px;margin-left:auto;display:inline-grid;place-items:center;flex:0 0 auto;color:#dce8ff;border:0;border-radius:9px;background:#ffffff14}.mobile-nav-toggle:hover{color:#fff;background:#ffffff26}.mobile-nav-menu{width:min(260px,calc(100vw - 20px));display:grid;gap:2px;position:absolute;z-index:30;top:56px;right:10px;padding:8px;background:#142a4b;border:1px solid #314b73;border-radius:12px;box-shadow:0 16px 36px #0d1b3147}.mobile-nav-menu button{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#dce8ff;border:0;border-radius:8px;background:transparent;font-size:14px;text-align:left}.mobile-nav-menu button:hover,.mobile-nav-menu button[aria-current=page]{color:#15263e;background:#e5f474}.mobile-nav-menu .mobile-nav-menu__role{margin-top:4px;color:#fff;border-top:1px solid #314b73;border-radius:0 0 8px 8px}.global-nav__footer{display:none}.workspace,.page-preview{width:100%;min-height:calc(100vh - 60px)}.workspace{display:block}.queue-panel{display:none}.mobile-queue-overlay{display:block;position:fixed;z-index:40;top:60px;right:0;bottom:0;left:0;background:#f9fbff}.mobile-queue-overlay .queue-panel{width:100%;height:100%;display:flex;border:0}.conversation-pane{min-height:calc(100vh - 60px)}.conversation-pane__header{min-height:68px;padding:12px 14px}.mobile-panel-toggle{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;color:#52627c;border:0;border-radius:7px;background:#edf1f6}.conversation-pane__actions .button{padding:0 9px;font-size:12px}.conversation-pane__statebar{padding:0 14px}.conversation-pane__statebar span:last-child{display:none}.message-timeline{padding:20px 16px}.message{max-width:90%}.conversation-composer{padding:10px 11px 12px}.conversation-composer__meta span:last-child{display:none}.text-button{padding:0 5px}.page-preview{padding:30px 18px}.page-preview__header{display:grid}.preview-grid{grid-template-columns:1fr;margin-top:26px}.visitor-widget{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}