:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;--navy:#101828;--blue:#2563eb;--blue-soft:#eff6ff;--line:#e7ebf0;--muted:#667085;--green:#12b76a;background:#f4f6f8;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.attachment-card{min-width:190px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:8px;display:flex}.attachment-card>span:first-child{background:#ffffff38;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.attachment-card strong,.attachment-card small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.attachment-card strong{font-size:11px}.attachment-card small{opacity:.72;margin-top:2px;font-size:9px}.image-attachment{max-width:min(360px,100%);color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;gap:6px;padding:0;display:grid;overflow:hidden}.image-attachment img{object-fit:contain;background:#eef2f6;width:100%;max-width:360px;min-height:150px;max-height:280px;display:block}.image-attachment>span{text-overflow:ellipsis;white-space:nowrap;opacity:.78;padding:0 3px 4px;font-size:10px;overflow:hidden}.image-loading{color:#667085;background:#eef2f6;place-items:center;min-width:220px;min-height:150px;font-size:11px;display:grid}.file-drop-overlay{z-index:5;color:#1e5fdf;pointer-events:none;background:#eff5fff0;border:2px dashed #2e6aec;border-radius:12px;place-items:center;font-weight:700;display:grid;position:absolute;inset:10px}.message-scroll{position:relative}.attachment-preview{z-index:1000;background:#091223c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.attachment-preview>div{background:#fff;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100%);max-height:100%;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000059}.attachment-preview header,.attachment-preview footer{color:#344054;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.attachment-preview header button,.attachment-preview footer button,.attachment-preview footer a{color:#344054;font:inherit;background:#eef2f6;border:0;border-radius:7px;padding:7px 10px;text-decoration:none}.attachment-preview>div>img{object-fit:contain;background:#101828;max-width:100%;max-height:min(75vh,760px);margin:auto;display:block}.attachment-preview>div>p{text-align:center;padding:36px}*{box-sizing:border-box}html,body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:100%;min-height:0;overflow:hidden}body{overscroll-behavior:none;min-width:0;min-height:0;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.login-page{background:#fff;grid-template-columns:minmax(420px,46%) 1fr;height:100dvh;display:grid;overflow-y:auto}.login-brand{color:#fff;background:radial-gradient(circle at 78% 15%,#4f7fff61,#0000 29%),radial-gradient(circle at 10% 80%,#21c99f29,#0000 28%),linear-gradient(148deg,#15213a,#0a1020 70%);align-items:flex-start;gap:12px;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-160px;right:-260px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.brand-mark{color:#fff;background:linear-gradient(145deg,#3b82f6,#2563eb);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #2563eb52}.brand-name{letter-spacing:-.4px;margin-top:1px;font-size:21px;font-weight:700}.brand-subtitle{color:#98a7c0;margin-top:2px;font-size:12px}.login-brand-copy{z-index:1;max-width:510px;position:absolute;top:34%;left:54px}.eyebrow{color:#77a8ff;letter-spacing:2.3px;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-block}.eyebrow.dark{color:#2563eb;margin-bottom:14px}.login-brand-copy h1{letter-spacing:-2.8px;margin:0 0 22px;font-size:clamp(40px,4vw,62px);line-height:1.18}.login-brand-copy p{color:#aab7cb;max-width:440px;font-size:16px;line-height:1.8}.brand-stat{z-index:1;color:#c5d0e0;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:50px;left:54px}.login-panel{place-items:center;padding:60px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{letter-spacing:-1px;margin:0;font-size:30px}.muted{color:var(--muted);margin:10px 0 36px}.login-card label{color:#344054;margin-top:20px;font-size:13px;font-weight:600;display:block}.input-shell{color:#98a2b3;border:1px solid #d9dee7;border-radius:10px;align-items:center;gap:10px;height:48px;margin-top:8px;padding:0 14px;transition:all .18s;display:flex}.input-shell:focus-within{border-color:#6b9aff;box-shadow:0 0 0 3px #eaf1ff}.input-shell input{color:#182230;background:0 0;border:0;outline:0;width:100%}.primary-button{color:#fff;background:var(--blue);border:0;border-radius:10px;font-weight:600;box-shadow:0 8px 18px #2563eb2e}.login-button{width:100%;height:48px;margin-top:26px}.form-error{color:#b42318;background:#fef3f2;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}.login-security{color:#98a2b3;text-align:center;font-size:11px}.mobile-brand{display:none}.workspace-shell{background:#fff;grid-template-columns:68px 328px minmax(0,1fr) 292px;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.app-rail{z-index:5;color:#7f8da3;background:var(--navy);flex-direction:column;align-items:center;height:100%;min-height:0;padding:18px 0 14px;display:flex;overflow-y:auto}.rail-logo{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:28px;display:grid}.app-rail .rail-guide-entry{color:#8fb7ff;background:#1b2940;margin-top:-18px;margin-bottom:12px}.app-rail .rail-guide-entry:hover,.app-rail .rail-guide-entry.active{color:#fff;background:#2563eb}.rail-menu,.rail-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.rail-bottom{margin-top:auto}.app-rail button{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:relative}.app-rail button svg{width:19px}.app-rail button:hover,.app-rail button.active{color:#fff;background:#263247}.app-rail .agent-avatar{color:#fff;background:linear-gradient(145deg,#8b5cf6,#6d44d8);margin-top:8px;font-weight:700}.app-rail .agent-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-settings{background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;gap:8px;padding:12px;display:grid}.avatar-settings-preview{color:#fff;background:#6d44d8;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid;overflow:hidden}.avatar-settings-preview img{object-fit:cover;width:100%;height:100%}.app-rail .logout-button{height:30px}.rail-count{border:2px solid var(--navy);color:#fff;background:#2563eb;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;line-height:1;display:grid;position:absolute;top:-4px;right:-5px}.rail-count.overdue{background:#d92d20}.rail-panel{z-index:30;background:#fff;border:1px solid #dfe5ec;border-radius:14px;width:310px;position:fixed;top:16px;bottom:16px;left:78px;overflow:auto;box-shadow:0 22px 54px #10182838}.rail-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 14px 0 17px;display:flex}.rail-panel>header strong{font-size:14px}.rail-panel>header button{color:#667085;background:#f5f7fa;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.rail-panel-list{padding:10px}.rail-panel-list>button,.rail-panel-list>article{color:#344054;text-align:left;background:#fff;border:1px solid #0000;border-radius:9px;width:100%;margin-bottom:6px;padding:11px;display:block}.rail-panel-list>button:hover,.rail-panel-list>button.selected{background:#eff6ff;border-color:#bfdbfe}.rail-panel-list strong,.rail-panel-list span{display:block}.rail-panel-list small{color:#667085;margin-top:4px;font-size:10px;line-height:1.4;display:block}.rail-panel-list>button.overdue-task{background:#fff7f6;border-color:#fecdca}.rail-panel-list>button.overdue-task span{color:#b42318}.rail-panel-list strong{font-size:12px}.rail-panel-list span,.rail-panel-list p,.rail-help p,.rail-settings p{color:#667085;margin:5px 0 0;font-size:11px;line-height:1.5}.rail-panel-list>article{background:#fafbfc;border-color:#eef1f5}.panel-secondary,.panel-primary{border:0;border-radius:8px;width:100%;height:34px;font-size:11px}.panel-secondary{color:#475467;background:#eef2f6}.notification-inbox-tools{gap:6px;padding:9px 10px 2px;display:flex}.notification-inbox-tools select{color:#475467;background:#fff;border:1px solid #dfe5ec;border-radius:7px;flex:1;min-width:0;height:31px;padding:0 7px;font-size:10px}.notification-inbox-tools button,.notification-inbox-error button{color:#2563eb;background:#edf4ff;border:0;border-radius:7px;height:31px;padding:0 9px;font-size:10px}.rail-panel-list>button.unread-notification{background:#f3f7ff;border-color:#bfdbfe;position:relative}.rail-panel-list>button.unread-notification:before{content:"";background:#2563eb;border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:11px}.notification-inbox-error{color:#b42318;background:#fff3f1;border-radius:7px;margin:8px 10px 0;padding:8px;font-size:10px}.panel-primary{color:#fff;background:var(--blue)}.rail-help,.rail-settings{padding:16px}.role-guide{gap:8px;display:grid}.role-guide>button{color:#344054;text-align:left;background:#fff;border:1px solid #e7ebf0;border-radius:9px;width:100%;padding:11px}.role-guide>button:hover{background:#eff6ff;border-color:#bfdbfe}.role-guide>button strong,.role-guide>button span{display:block}.role-guide>button strong{font-size:11px}.role-guide>button span{color:#667085;margin-top:4px;font-size:9px;line-height:1.5}.guide-status{background:#f8fafc;border-radius:9px;align-items:flex-start;gap:9px;padding:10px;display:flex}.guide-status>i{background:#98a2b3;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.guide-status>i.online{background:#12b76a}.guide-status strong{font-size:11px}.guide-status p{color:#667085;margin:3px 0 0;font-size:9px}.guide-divider{border-top:1px solid #e7ebf0;margin-top:5px;padding:8px 2px 2px}.guide-divider span,.guide-divider small{display:block}.guide-divider span{color:#344054;font-size:10px;font-weight:700}.guide-divider small{color:#667085;margin-top:3px;font-size:8px;line-height:1.5}.guide-no-access{color:#7a2e0e;background:#fff7ed;border-radius:8px;padding:10px;font-size:9px;line-height:1.55}.role-guide .guide-shortcut{color:#98a2b3;text-align:center;margin:4px 0 0;font-size:8px}.rail-settings{gap:14px;display:grid}.rail-settings label{color:#344054;align-items:center;gap:8px;font-size:12px;display:flex}.rail-settings input{accent-color:var(--blue)}.sound-settings{background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;gap:10px;padding:14px;display:grid}.sound-settings>strong{color:#172033;align-items:center;gap:7px;display:flex}.sound-settings .sound-tone{justify-content:space-between}.sound-settings .sound-tone select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-width:92px;height:30px;padding:0 8px}.sound-settings .sound-volume{grid-template-columns:auto 1fr;display:grid}.sound-settings input[type=range]{width:100%}.sound-settings .sound-permission{color:#b45309;margin:0;font-size:11px;line-height:1.5}.compact-mode .conversation-item{min-height:62px;padding-block:10px}.compact-mode .conversation-line.preview{margin-top:5px}.compact-mode .conversation-copy>.conversation-group{display:none}.conversation-column{border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.conversation-header{justify-content:space-between;align-items:center;height:84px;padding:20px 20px 14px;display:flex}.conversation-header h1{letter-spacing:-.4px;margin:0 0 3px;font-size:19px}.conversation-header span{color:var(--muted);font-size:11px}.total-unread{color:#fff;background:var(--blue);border-radius:13px;place-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;display:grid}.search-box{color:#98a2b3;background:#fff;border:1px solid #e1e6ed;border-radius:9px;align-items:center;gap:8px;height:38px;margin:0 16px 15px;padding:0 11px;display:flex}.search-box input{color:#344054;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.conversation-tabs{border-bottom:1px solid var(--line);height:39px;padding:0 17px}.conversation-tabs button{color:#667085;background:0 0;border:0;border-bottom:2px solid #0000;height:39px;padding:0 3px;font-size:12px;font-weight:600}.conversation-tabs button.active{color:var(--blue);border-color:var(--blue)}.conversation-tabs span{margin-left:5px}.conversation-list{min-height:0;overflow-y:auto}.conversation-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:11px;width:100%;min-height:96px;padding:14px 16px;display:flex;overflow:hidden}.conversation-item:hover{background:#f6f8fb}.conversation-item.selected{background:#edf4ff;position:relative}.conversation-item.selected:before{content:"";background:var(--blue);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.avatar{color:#245b8f;background:#dcefff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid;position:relative}.avatar i{background:#98a2b3;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:0}.avatar i.online{background:var(--green)}.avatar i.idle{background:#f79009}.avatar i.offline{background:#98a2b3}.avatar.large{width:40px;height:40px}.avatar.tiny{width:29px;height:29px;font-size:11px}.agent-avatar-message img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.conversation-copy{flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.conversation-line{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.conversation-line strong{color:#283444;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.conversation-line time{color:#98a2b3;font-size:10px}.sla-warning{color:#b42318;background:#fef3f2;border-radius:5px;flex:none;padding:2px 5px;font-size:8px;font-weight:700}.conversation-line.preview{color:#7c8798;margin-top:8px;font-size:11px}.conversation-line.preview>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-line.preview b{color:#fff;background:#f04438;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.empty-list{color:#98a2b3;text-align:center;padding:40px 20px;font-size:12px}.chat-column{background:#fff;grid-template-rows:72px auto minmax(0,1fr) 196px;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 22px;display:flex}.chat-person{align-items:center;gap:11px;display:flex}.chat-person strong{margin-bottom:5px;font-size:14px;display:block}.chat-person>div>span{color:#7f8a9a;align-items:center;font-size:10px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.status-dot.offline{background:#98a2b3}.status-dot.idle{background:#f79009}.status-dot.online{background:var(--green)}.presence-summary{z-index:12;border:1px solid var(--border-soft);max-width:210px;color:var(--text-strong);background:#fff;border-radius:8px;gap:2px;padding:8px 10px;font-size:9px;display:grid;position:fixed;bottom:14px;left:58px;box-shadow:0 3px 12px #10182814}.presence-summary span,.presence-summary small{color:var(--text-subtle);font-size:8px}.presence-summary small{color:#b42318}.inactivity-banner{z-index:14;color:#7a4b00;background:#fffaeb;border:1px solid #f2c94c;border-radius:8px;align-items:center;gap:10px;max-width:min(460px,100vw - 92px);padding:9px 12px;font-size:12px;display:flex;position:fixed;bottom:14px;left:72px;box-shadow:0 3px 12px #1018281f}.inactivity-banner.away{color:#9b1c1c;background:#fff5f5;border-color:#f4b4b4}.inactivity-banner button{white-space:nowrap}.ai-attention-banner{color:#7a2e0e;background:#fffaeb;border-bottom:1px solid #fedf89;align-items:center;min-height:48px;padding:8px 22px;display:flex}.ai-attention-banner div{gap:2px;display:grid}.ai-attention-banner strong{font-size:11px}.ai-attention-banner span{color:#9a6700;font-size:9px}.chat-actions{align-items:center;gap:8px;display:flex}.close-dialog{z-index:5;background:#fff;border:1px solid #e1e6ec;border-radius:10px;width:240px;padding:14px;position:absolute;top:65px;right:18px;box-shadow:0 12px 30px #10182829}.close-dialog strong{font-size:11px;display:block}.close-dialog p{color:#667085;margin:5px 0 10px;font-size:9px;line-height:1.45}.close-dialog select{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:6px;width:100%;height:32px;padding:0 7px;font-size:10px}.close-dialog>div{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.close-dialog button{color:#475467;background:#eef2f6;border:0;border-radius:6px;padding:6px 8px;font-size:9px}.close-dialog button:last-child{color:#fff;background:#d92d20}.more-menu{z-index:9;background:#fff;border:1px solid #e1e6ec;border-radius:9px;width:160px;padding:6px;position:absolute;top:59px;right:18px;box-shadow:0 12px 30px #10182829}.more-menu button{color:#475467;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:8px;font-size:11px}.more-menu button:hover{background:#f5f8fc}.text-action,.icon-button{color:#667085;background:#fff;border:1px solid #e2e7ed;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;font-size:11px;display:inline-flex}.text-action{padding:0 11px}.icon-button{width:34px}.icon-button.active{color:var(--blue);background:var(--blue-soft);border-color:#bfdbfe}.message-search{z-index:10;background:#fff;border:1px solid #dbe4ee;border-radius:10px;width:min(360px,100% - 40px);max-height:min(440px,100vh - 140px);padding:10px;position:absolute;top:62px;right:20px;overflow-y:auto;box-shadow:0 16px 36px #10182829}.message-search-input{color:#98a2b3;border:1px solid #dfe5ec;border-radius:7px;align-items:center;gap:7px;padding:0 8px;display:flex}.message-search-input input{color:#344054;background:0 0;border:0;outline:0;width:100%;height:32px;font-size:11px}.message-search-status{color:#98a2b3;text-align:center;margin:10px 4px;font-size:10px}.message-search-status.error{color:#b42318}.message-search-result{color:#344054;text-align:left;background:0 0;border:0;border-radius:7px;gap:4px;width:100%;margin-top:6px;padding:8px;display:grid}.message-search-result:hover,.message-search-result.selected{background:#f3f7ff}.message-search-result>span{color:#667085;justify-content:space-between;gap:8px;font-size:9px;display:flex}.message-search-result p{color:#475467;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.45;overflow:hidden}.message-search-result mark{color:inherit;background:#fde68a;padding:0}.message-search-more{color:var(--blue);background:#fff;border:1px solid #dbe4ee;border-radius:6px;margin:8px auto 0;padding:5px 9px;font-size:9px;display:block}.message-scroll{overscroll-behavior:contain;background:linear-gradient(#f8fafcb3,#ffffffb8);min-height:0;padding:16px 28px 22px;overflow-y:auto}.history-chat-column{grid-template-rows:72px minmax(0,1fr)}.history-chat-header .history-readonly-badge{color:#667085;background:#f2f4f7;border-radius:8px;margin-left:5px;padding:2px 6px;font-size:8px;font-style:normal;font-weight:600;display:inline-block}.history-message-scroll{padding-bottom:30px}.history-message-status{color:#98a2b3;text-align:center;margin:80px 0;font-size:11px}.history-quote{cursor:default}.history-attachment{align-items:center;gap:8px;display:flex}.history-attachment>span,.history-attachment strong,.history-attachment small{display:block}.history-attachment small{color:inherit;opacity:.72;margin-top:3px;font-size:8px}.load-older{border:1px solid var(--line);color:#667085;background:#fff;border-radius:14px;align-items:center;gap:5px;margin:0 auto 12px;padding:6px 10px;font-size:10px;display:flex}.scroll-latest{z-index:3;color:var(--blue);background:#fff;border:1px solid #cfe0ff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:600;position:absolute;bottom:210px;right:32px;box-shadow:0 5px 16px #1018281f}.scroll-latest:hover,.scroll-latest:focus-visible{background:var(--blue-soft);outline:0}.day-divider{color:#98a2b3;align-items:center;margin:4px 0 20px;font-size:9px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#edf0f3;flex:1;height:1px}.day-divider span{padding:0 12px}.message-row{align-items:flex-end;gap:8px;margin-bottom:17px;display:flex}.message-row.located .message-bubble{animation:2s ease-out message-locate}@keyframes message-locate{0%,55%{box-shadow:0 0 0 3px #93c5fd,0 5px 14px #2563eb29}to{box-shadow:inherit}}.message-row.mine{justify-content:flex-end}.message-stack{max-width:min(70%,560px)}.message-bubble{color:#344054;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e6ebf1;border-radius:4px 13px 13px;padding:10px 13px;font-size:12px;line-height:1.65;box-shadow:0 2px 5px #10182809}.mine .message-bubble{color:#fff;background:#3174e7;border:0;border-radius:13px 4px 13px 13px;box-shadow:0 5px 14px #2563eb24}.message-meta{color:#98a2b3;justify-content:flex-end;align-items:center;gap:7px;margin-top:4px;font-size:8px;display:flex}.message-meta span{align-items:center;gap:2px;display:flex}.message-quote{color:#667085;text-align:left;cursor:pointer;background:#f2f4f7;border:0;border-left:3px solid #98a2b3;border-radius:5px;gap:2px;width:100%;margin:0 0 7px;padding:6px 8px;display:grid}.message-quote strong{font-size:9px}.message-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mine .message-quote{color:#eff6ff;background:#ffffff24;border-left-color:#bfdbfe}.message-recalled{color:#98a2b3;font-style:italic}.mine .message-recalled{color:#dbeafe}.message-operations{opacity:0;justify-content:flex-end;gap:4px;height:20px;transition:opacity .15s;display:flex}.message-row:hover .message-operations,.message-row:focus-within .message-operations{opacity:1}.message-operations button{color:#667085;background:0 0;border:0;border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:8px;display:flex}.message-operations button:hover{color:var(--blue);background:var(--blue-soft)}.ai-source-trigger{color:#dbeafe;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.ai-source-panel{color:#344054;background:#fff;border:1px solid #dbe4f0;border-radius:9px;width:min(420px,65vw);margin-top:7px;padding:10px;box-shadow:0 8px 24px #10182814}.ai-source-panel>div{justify-content:space-between;align-items:center;display:flex}.ai-source-panel>div>button{color:#667085;background:#f2f4f7;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.ai-source-panel article{border-top:1px solid #edf0f3;margin-top:8px;padding-top:8px}.ai-source-panel p{color:#667085;margin:4px 0;font-size:9px;line-height:1.45}.ai-source-panel small{color:#98a2b3;font-size:8px}.system-message{color:#98a2b3;background:#f2f4f7;border-radius:10px;width:fit-content;max-width:80%;margin:12px auto;padding:5px 10px;font-size:9px}.composer{background:#fff;border:1px solid #dfe5ec;border-radius:11px;grid-template-rows:35px 1fr 30px;margin:0 20px 16px;display:grid;position:relative;box-shadow:0 4px 14px #1018280a}.composer:has(.composer-reply){grid-template-rows:35px auto 1fr 30px}.composer-reply{border-left:3px solid var(--blue);color:#667085;background:#f5f8ff;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin:2px 10px 0;padding:6px 8px;display:flex}.composer-reply>div{gap:2px;min-width:0;display:grid}.composer-reply strong{color:#344054;font-size:9px}.composer-reply span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.composer-reply button{color:#667085;background:0 0;border:0;flex:none;place-items:center;display:grid}.composer-tools{gap:4px;padding:5px 8px 0;display:flex}.composer-tools label{color:#475467;cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:flex}.composer-tools label:hover{color:var(--blue);background:#f5f8ff;border-color:#cbd5e1}.composer-tools button{color:#667085;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:flex}.composer-tools button:hover,.composer-tools button.active{color:var(--blue);background:var(--blue-soft)}.emoji-picker{z-index:9;background:#fff;border:1px solid #dbe4ee;border-radius:10px;width:282px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:105px;box-shadow:0 14px 36px #10182829}.emoji-picker section+section{border-top:1px solid #eef2f6;margin-top:8px;padding-top:8px}.emoji-picker strong{color:#98a2b3;margin:0 0 4px 3px;font-size:9px;display:block}.emoji-picker section>div{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:25px;height:25px;font-size:16px;display:grid}.emoji-picker button:hover{background:#eef4ff;transform:scale(1.08)}.composer textarea{resize:none;color:#263244;background:0 0;border:0;outline:0;width:100%;height:100%;padding:8px 14px;font-size:12px;line-height:1.6}.composer-footer{justify-content:space-between;align-items:center;padding:0 8px 7px 13px;display:flex}.composer-footer>span{color:#98a2b3;align-items:center;gap:4px;font-size:9px;display:flex}.send-button{color:#fff;background:var(--blue);border:0;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.quick-reply-menu{z-index:8;background:#fff;border:1px solid #e1e6ec;border-radius:10px;width:330px;max-height:280px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:5px;overflow-y:auto;box-shadow:0 14px 36px #10182829}.quick-title{justify-content:space-between;align-items:center;padding:5px 7px 8px;font-size:11px;display:flex}.quick-title span{gap:2px;display:flex}.quick-title button{color:#98a2b3;background:0 0;border:0}.quick-reply-row{align-items:center;gap:4px;display:flex}.quick-reply-row.selected{background:#f5f8fc;border-radius:7px}.quick-reply-select{text-align:left;background:0 0;border:0;border-radius:7px;flex:1;gap:10px;min-width:0;padding:9px 8px;display:flex}.quick-reply-select:hover{background:#f5f8fc}.quick-reply-delete{color:#98a2b3;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;display:grid}.quick-reply-delete:hover{color:#b42318;background:#fef3f2}.quick-reply-menu kbd{color:#667085;background:#f9fafb;border:1px solid #dfe4ea;border-radius:4px;height:fit-content;padding:2px 5px;font-size:9px}.quick-reply-menu strong,.quick-reply-menu small{display:block}.quick-reply-menu strong{color:#344054;font-size:10px}.quick-reply-menu small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:4px;font-size:9px;overflow:hidden}.quick-reply-menu p{color:#98a2b3;text-align:center;font-size:10px}.quick-manage-trigger{color:#2563eb;background:#fff;border:1px solid #dbe4f0;border-radius:6px;height:24px;padding:0 7px;font-size:9px}.quick-reply-form{background:#f7f9fc;border-radius:7px;gap:6px;margin-bottom:6px;padding:7px;display:grid}.quick-reply-form input,.quick-reply-form textarea{color:#344054;background:#fff;border:1px solid #dfe4ea;border-radius:6px;outline:0;width:100%;padding:7px;font-size:10px}.quick-reply-form textarea{resize:vertical}.quick-reply-form button{color:#fff;background:var(--blue);border:0;border-radius:6px;height:28px;font-size:10px}.visitor-panel{overscroll-behavior:contain;border-left:1px solid var(--line);background:#fafbfc;grid-area:1/4;min-width:0;height:100%;min-height:0;overflow-y:auto}.visitor-panel>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex}.visitor-panel h2{margin:0;font-size:14px}.visitor-profile{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;padding:24px 15px 20px;display:flex}.profile-avatar{width:52px;height:52px;margin-bottom:10px;font-size:18px}.visitor-profile strong{font-size:13px}.visitor-profile>span:last-child{color:#98a2b3;margin-top:4px;font-size:9px}.subject-card{border-bottom:1px solid var(--line);padding:14px 15px}.subject-card h3{margin:0 0 8px;font-size:11px}.subject-card>div{gap:6px;display:flex}.subject-card input{color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;flex:1;min-width:0;height:31px;padding:0 8px;font-size:10px}.subject-card input:focus{border-color:#75a0f8}.subject-card button{color:#fff;background:#2563eb;border:0;border-radius:7px;padding:0 8px;font-size:9px}.subject-card button:disabled{opacity:.55}.priority-card{border-bottom:1px solid var(--line);padding:14px 15px}.priority-card h3{margin:0 0 8px;font-size:11px}.priority-card select{color:#344054;background:#fff;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;height:31px;padding:0 8px;font-size:10px}.priority-card p{color:#98a2b3;margin:7px 0 0;font-size:9px;line-height:1.45}.follow-up-card{border-bottom:1px solid var(--line);padding:14px 15px}.follow-up-card h3{margin:0 0 5px;font-size:11px}.follow-up-card>p{color:#98a2b3;margin:0 0 8px;font-size:9px;line-height:1.45}.follow-up-card input,.follow-up-card textarea{color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;padding:7px;font-size:10px}.follow-up-card textarea{resize:vertical;min-height:52px;margin-top:6px}.follow-up-card input:focus,.follow-up-card textarea:focus{border-color:#6b9aff;box-shadow:0 0 0 2px #eaf1ff}.follow-up-card>div{gap:6px;display:flex}.follow-up-card button{color:#fff;background:#344054;border:0;border-radius:7px;flex:1;height:30px;margin-top:7px;font-size:9px}.follow-up-card .clear-follow-up{color:#667085;background:#f2f4f7}.follow-up-error{color:#b42318;margin-top:5px;font-size:9px;line-height:1.4;display:block}.info-section{border-bottom:1px solid var(--line);padding:18px}.info-section h3,.transfer-card h3{color:#475467;text-transform:uppercase;letter-spacing:.8px;margin:0 0 14px;font-size:10px}.info-section dl{margin:0}.info-section dl>div{justify-content:space-between;gap:12px;margin-top:13px;display:flex}.info-section dt,.info-section dd{margin:0;font-size:10px}.info-section dt{color:#98a2b3;align-items:center;gap:5px;display:flex}.info-section dt svg{width:13px}.info-section dd{color:#475467;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.info-section a{color:var(--blue);align-items:center;gap:4px;text-decoration:none;display:flex}.status-pill{color:#027a48;background:#ecfdf3;border-radius:9px;padding:3px 7px;font-size:9px}.status-pill.waiting{color:#b54708;background:#fffaeb}.status-pill.closed{color:#667085;background:#f2f4f7}.transfer-card,.note-card,.tag-card,.history-card,.activity-card{background:#fff;border:1px solid #e2e7ed;border-radius:9px;margin:18px;padding:14px}.transfer-card h3,.note-card h3,.tag-card h3,.history-card h3,.activity-card h3{margin-bottom:5px}.transfer-card p,.note-card>p,.tag-card>p{color:#98a2b3;margin:0 0 10px;font-size:9px;line-height:1.5}.transfer-card select{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;height:34px;padding:0 8px;font-size:10px}.transfer-card button,.note-card>button{color:#fff;background:#344054;border:0;border-radius:7px;width:100%;height:32px;margin-top:8px;font-size:10px}.note-card textarea{resize:vertical;color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;min-height:58px;padding:8px;font-size:10px;line-height:1.5}.note-card textarea:focus{border-color:#6b9aff;box-shadow:0 0 0 2px #eaf1ff}.tag-card h3 span{color:#98a2b3;text-transform:none;letter-spacing:0;margin-left:4px;font-size:9px;font-weight:400}.tag-list{flex-wrap:wrap;gap:5px;min-height:22px;margin-bottom:8px;display:flex}.visitor-tag{color:#fff;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 5px 3px 7px;font-size:9px;line-height:1.2;display:inline-flex}.visitor-tag button{width:13px;height:13px;color:inherit;cursor:pointer;background:#ffffff38;border:0;border-radius:50%;padding:0;font-size:12px;line-height:12px}.tag-add{gap:6px;display:flex}.tag-add input{color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;flex:1;min-width:0;height:30px;padding:0 8px;font-size:10px}.tag-add input:focus{border-color:#6b9aff;box-shadow:0 0 0 2px #eaf1ff}.tag-add button{color:#fff;background:#344054;border:0;border-radius:7px;width:46px;font-size:10px}.empty-inline{color:#98a2b3;font-size:10px}.history-list,.activity-list{gap:7px;min-width:0;display:grid}.history-list article,.activity-list article{color:#667085;border-top:1px solid #eef1f4;min-width:0;padding-top:7px;font-size:10px}.history-list article:first-child,.activity-list article:first-child{border-top:0;padding-top:0}.history-list article>div{align-items:center;gap:6px;display:flex}.history-list strong,.activity-list strong{color:#344054;font-weight:600}.history-list time,.activity-list time{color:#98a2b3;margin-top:3px;font-size:9px;display:block}.history-list p{margin:3px 0 0;font-size:9px}.history-entry{color:#667085;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #eef1f4;width:100%;min-width:0;padding:10px 0 0;font-size:10px;display:block;overflow:hidden}.history-entry:first-child{border-top:0;padding-top:0}.history-entry>div{align-items:center;gap:6px;display:flex}.history-entry strong{color:#344054;font-weight:600}.history-entry time{color:#98a2b3;margin-top:3px;font-size:9px;display:block}.history-entry p{margin:3px 0 0;font-size:9px}.history-entry small{color:var(--brand);margin-top:5px;font-size:8px;display:block}.history-entry:hover:not(:disabled){color:#344054}.history-entry:disabled{cursor:default}.history-entry:disabled small{color:#98a2b3}.activity-list a{color:#2b69e5;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:9px;display:block;overflow:hidden}.internal-note-card{background:#fff;border:1px solid #e2e7ed;border-radius:9px;margin:18px;padding:14px}.internal-note-card h3{color:#475467;text-transform:uppercase;letter-spacing:.8px;margin:0 0 5px;font-size:10px}.internal-note-card p{color:#98a2b3;margin:0 0 10px;font-size:9px;line-height:1.5}.internal-note-card textarea{resize:vertical;color:#344054;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:100%;min-height:58px;padding:8px;font-size:10px;line-height:1.5}.internal-note-card textarea:focus{border-color:#6b9aff;box-shadow:0 0 0 2px #eaf1ff}.internal-note-card button{color:#fff;background:#344054;border:0;border-radius:7px;width:100%;height:32px;margin-top:8px;font-size:10px}.tag-filter{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:7px;outline:0;width:calc(100% - 32px);height:30px;margin:0 16px 8px;padding:0 8px;font-size:10px}.conversation-tags{gap:4px;margin-top:4px;display:flex;overflow:hidden}.conversation-tags i{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:90px;padding:2px 5px;font-size:8px;font-style:normal;overflow:hidden}.conversation-group{color:#175cd3;background:#eff8ff;border-radius:6px;width:max-content;margin-top:3px;padding:2px 5px;font-size:8px;display:inline-flex}.visitor-presence{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 5px;font-size:8px;font-style:normal;display:inline-flex}.visitor-presence.online{color:#067647;background:#ecfdf3}.visitor-presence.idle{color:#9a6700;background:#fff4cc}.visitor-presence.offline{color:#667085;background:#f2f4f7}.visitor-presence-detail{color:#475467;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;width:100%;display:block;overflow:hidden}.ai-auto-reply-toggle{color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:6px;margin-top:4px;padding:5px 8px;font-size:9px}.ai-auto-reply-toggle.active{color:#5b21b6;background:#f5f3ff;border-color:#7f56d9}.ai-auto-reply-toggle:disabled{opacity:.55;cursor:not-allowed}.ai-auto-reply-reason{color:#667085;font-size:8px;display:block}.ai-needs-human{color:#b42318;background:#fef3f2;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:700}.conversation-ai-mode{color:#5b21b6;background:#f5f3ff;border-radius:7px;justify-content:space-between;align-items:center;margin:0 16px 8px;padding:7px 10px;font-size:12px;display:flex}.conversation-ai-mode.manual{color:#475467;background:#f8fafc}.conversation-ai-mode button{font:inherit;color:inherit;cursor:pointer;background:#fff;border:0;border-radius:5px;padding:4px 8px}.chat-group{color:#175cd3;vertical-align:middle;background:#eff8ff;border-radius:7px;margin-left:6px;padding:2px 6px;font-size:8px;font-style:normal;font-weight:600;display:inline-flex}.offline-message-badge,.chat-offline-message{color:#b54708;white-space:nowrap;background:#fffaeb;border-radius:6px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal;display:inline-flex}.chat-offline-message{vertical-align:middle}.priority-mark{color:#b54708;background:#fffaeb;border-radius:5px;margin-left:5px;padding:2px 4px;font-size:8px;font-style:normal}.priority-mark.urgent{color:#b42318;background:#fef3f2}.priority-mark.normal{display:none}.note-list{gap:9px;max-height:210px;margin-top:14px;display:grid;overflow-y:auto}.note-list>span{color:#98a2b3;text-align:center;font-size:10px}.note-list article{background:#f7f9fc;border-radius:7px;padding:9px}.note-list strong{color:#475467;font-size:10px}.note-list time{float:right;color:#98a2b3;font-size:8px}.note-list p{color:#667085;white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font-size:10px;line-height:1.5}.note-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-meta>span{align-items:center;gap:5px;display:flex}.note-meta time{float:none}.note-meta button{color:#98a2b3;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.note-meta button:hover{color:#b42318;background:#fef3f2}.chat-empty{color:#98a2b3;text-align:center;background:#fff;grid-column:3;place-content:center;justify-items:center;display:grid}.chat-empty .empty-icon{color:#5084db;background:#eef5ff;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.chat-empty h2{color:#475467;margin:14px 0 5px;font-size:16px}.chat-empty p{font-size:11px}.visitor-panel.blank{background:#fafbfc}.toast{z-index:20;color:#fff;background:#1d2939;border-radius:8px;padding:10px 16px;font-size:12px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #10182833}.modal-backdrop,.quick-editor-backdrop{z-index:30;background:#0f172a61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quick-manager{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:min(760px,100%);max-height:min(680px,100vh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a40}.quick-manager-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;display:flex}.quick-manager-header h2{color:#1e293b;margin:0;font-size:17px}.quick-manager-header p{color:#7b8798;margin:5px 0 0;font-size:11px}.quick-manager-toolbar{gap:10px;padding:14px 22px 10px;display:flex}.quick-search{color:#98a2b3;border:1px solid #dce4ee;border-radius:8px;flex:1;align-items:center;gap:7px;min-width:0;height:35px;padding:0 10px;display:flex}.quick-search input{color:#344054;border:0;outline:0;width:100%;min-width:0;font-size:11px}.quick-new{color:#fff;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:11px;display:inline-flex}.quick-category-tabs{border-bottom:1px solid #eef2f6;gap:6px;padding:0 22px 12px;display:flex;overflow-x:auto}.quick-category-tabs button{color:#667085;background:#f2f4f7;border:0;border-radius:999px;flex:none;height:27px;padding:0 9px;font-size:10px}.quick-category-tabs button.active{color:#1d4ed8;background:#eaf2ff}.quick-manager-items{min-height:180px;padding:8px 22px 18px;overflow-y:auto}.quick-manager-item{border-bottom:1px solid #eef2f6;align-items:center;gap:8px;display:flex}.quick-item-open{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:12px 0}.quick-item-open:hover strong{color:#2563eb}.quick-item-open>div{align-items:center;gap:7px;display:flex}.quick-item-open span,.quick-item-open kbd,.quick-item-open em{color:#667085;background:#f2f4f7;border-radius:4px;padding:2px 5px;font-size:9px;font-style:normal}.quick-item-open kbd{background:#fff;border:1px solid #dfe6ee}.quick-item-open em{color:#4776bd;background:#edf5ff}.quick-item-open strong{color:#344054;font-size:12px}.quick-item-open p{color:#7b8798;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:10px;line-height:1.4;overflow:hidden}.quick-item-actions{gap:4px;display:flex}.quick-item-actions button{color:#667085;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.quick-item-actions button:hover{color:#b42318;background:#fef3f2}.quick-manager-empty{color:#98a2b3;text-align:center;padding:48px 0;font-size:11px}.quick-editor-backdrop{z-index:31;background:#0f172a38;padding:16px}.quick-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;width:min(460px,100%);padding:20px;display:grid;box-shadow:0 20px 44px #0f172a33}.quick-editor header,.quick-editor footer{justify-content:space-between;align-items:center;display:flex}.quick-editor h3{color:#1e293b;margin:0;font-size:14px}.quick-editor label{color:#475467;gap:6px;font-size:10px;display:grid}.quick-editor input,.quick-editor textarea{color:#344054;border:1px solid #dce4ee;border-radius:7px;outline:0;width:100%;padding:8px;font-size:11px}.quick-editor textarea{resize:vertical;min-height:120px}.quick-editor-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-editor-error{color:#b42318;margin:-4px 0 0;font-size:10px}.quick-editor footer{color:#98a2b3;font-size:10px}.quick-editor .send-button{min-width:72px}@media (width<=1320px){.workspace-shell{grid-template-columns:64px 300px minmax(480px,1fr) 270px}.message-scroll{padding-inline:20px}}@media (width<=900px){body{min-width:0}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:28px}.mobile-brand{align-items:center;gap:10px;margin-bottom:52px;font-size:19px;font-weight:700;display:flex}.mobile-brand .brand-mark{width:40px;height:40px}}.manage-card>label:nth-of-type(4),.manage-card>button:last-child{display:none}:root{--surface:#fff;--surface-subtle:#f8fafc;--text-strong:#162235;--text-subtle:#738096;--brand:#2563eb;--border-soft:#e6ebf2;--radius-md:10px;--shadow-float:0 14px 34px #10182824}.workspace-shell{background:var(--surface);grid-template-columns:64px 320px minmax(560px,1fr) 320px}.workspace-shell.visitor-collapsed{grid-template-columns:64px 320px minmax(560px,1fr) 52px}.workspace-feature{color:#182230;background:#f5f7fb;flex-direction:column;grid-column:2/-1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.feature-heading{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:96px;padding:22px 28px;display:flex}.feature-heading small{color:#2563eb;letter-spacing:.16em;font-size:9px;font-weight:800}.feature-heading h1{margin:4px 0;font-size:22px}.feature-heading p{color:#667085;margin:0;font-size:11px}.feature-metrics{gap:12px;display:flex}.feature-metrics b,.quality-summary b{color:#2563eb;text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:10px;min-width:90px;padding:12px;font-size:20px}.feature-metrics span,.quality-summary span{color:#667085;margin-top:4px;font-size:9px;font-weight:500;display:block}.feature-filters{border-bottom:1px solid var(--line);background:#fff;gap:8px;padding:12px 20px;display:flex}.feature-filters input,.feature-filters select{background:#fff;border:1px solid #dfe5ec;border-radius:7px;min-width:170px;height:34px;padding:0 10px;font-size:11px}.feature-filters input{flex:1;max-width:380px}.feature-filters button{color:#667085;background:#fff;border:1px solid #dfe5ec;border-radius:7px;padding:8px 14px}.feature-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.monitor-layout,.quality-layout{background:#e7ebf0;flex:1;grid-template-columns:340px minmax(0,1fr);gap:1px;min-height:0;display:grid}.monitor-list,.monitor-detail,.quality-editor{background:#fff;min-height:0;overflow-y:auto}.monitor-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef1f5;width:100%;padding:15px 18px;display:block}.monitor-list>button:hover,.monitor-list>button.active{background:#edf4ff}.monitor-list button>span{justify-content:space-between;gap:10px;display:flex}.monitor-list strong{font-size:12px}.monitor-list em{color:#667085;font-size:9px;font-style:normal}.monitor-list small,.monitor-list p{color:#7c8798;margin:5px 0 0;font-size:9px;display:block}.monitor-status.waiting{color:#b54708}.monitor-status.active{color:#027a48}.monitor-detail{padding:22px 26px}.monitor-detail>header,.quality-editor>header{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.monitor-detail h2,.quality-editor h2{margin:0 0 6px;font-size:16px}.monitor-detail header small{color:#667085}.monitor-reassign{gap:6px;display:flex}.monitor-reassign select{border:1px solid #dfe5ec;border-radius:7px;height:32px}.monitor-reassign button,.quality-editor footer button{color:#fff;background:#2563eb;border:0;border-radius:7px;padding:0 12px}.monitor-messages{max-width:760px;margin:20px auto}.monitor-messages article{background:#f2f4f7;border-radius:10px;width:fit-content;max-width:72%;margin:12px 0;padding:9px 12px}.monitor-messages article.agent{color:#fff;background:#2563eb;margin-left:auto}.monitor-messages article p{white-space:pre-wrap;margin:3px 0;font-size:11px}.monitor-messages time,.monitor-messages small{opacity:.72;font-size:8px}.assignment-timeline{border-top:1px solid #edf0f3;margin-top:22px;padding-top:16px}.assignment-timeline h3{font-size:12px}.assignment-timeline p{color:#475467;font-size:10px}.assignment-timeline small{color:#98a2b3;margin-left:8px}.feature-empty{color:#98a2b3;text-align:center;padding:36px 20px;font-size:11px}.quality-editor{padding:24px}.quality-editor>header strong{color:#2563eb;font-size:24px}.quality-editor>label{color:#475467;gap:7px;margin-top:16px;font-size:11px;display:grid}.quality-editor input,.quality-editor textarea{border:1px solid #dfe5ec;border-radius:7px;padding:9px 10px}.quality-editor textarea{resize:vertical;min-height:120px}.quality-editor footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.quality-editor footer button{color:#475467;background:#eef2f6;height:34px}.quality-editor footer button.primary{color:#fff;background:#2563eb}.published-note{color:#027a48;font-size:11px}.quality-summary{gap:12px;padding:20px 28px;display:flex;overflow-x:auto}.quality-cards{padding:0 28px 28px;overflow-y:auto}.quality-cards article{background:#fff;border:1px solid #e3e8ef;border-radius:10px;margin-bottom:10px;padding:16px}.quality-cards header{justify-content:space-between;display:flex}.quality-cards p{color:#475467;font-size:11px}.quality-cards small,.quality-cards time{color:#98a2b3;font-size:9px}.supervisor-filters{flex-wrap:wrap}.supervisor-filters select,.supervisor-filters input{min-width:125px}.supervisor-filters input[placeholder*=搜索]{flex:1;min-width:230px}.feature-error{color:#b42318;background:#fef3f2;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.feature-error button,.load-more,.load-earlier{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:7px}.load-more{width:calc(100% - 24px);margin:12px;padding:9px}.load-earlier{margin:0 auto 14px;padding:6px 12px;display:block}.visitor-collapse-toggle{z-index:3;pointer-events:none;grid-area:1/4;position:relative}.visitor-collapse-toggle button{border:1px solid var(--border-soft);color:#667085;pointer-events:auto;background:#fff;border-radius:8px;width:26px;height:32px;font-size:21px;line-height:1;position:absolute;top:88px;left:-13px;box-shadow:0 4px 12px #1018281a}.visitor-collapsed .visitor-panel>:not(header){display:none}.visitor-collapsed .visitor-panel>header{justify-content:center;padding:0}.visitor-collapsed .visitor-panel>header>div,.visitor-collapsed .visitor-panel>header>.icon-button{display:none}.app-rail{background:#111b2e;padding:14px 0}.rail-logo{border-radius:11px;width:38px;height:38px;margin-bottom:24px}.rail-menu,.rail-bottom{gap:8px}.app-rail button{border-radius:9px;width:38px;height:38px}.app-rail .agent-avatar{margin-top:6px}.rail-panel{width:300px;max-height:min(440px,100vh - 32px);box-shadow:var(--shadow-float);border-radius:12px;top:auto;bottom:16px;left:76px}.conversation-column{background:var(--surface)}.conversation-header{height:76px;padding:19px 18px 12px}.conversation-header h1{color:var(--text-strong);font-size:18px}.search-box{background:var(--surface-subtle);border-radius:8px;margin:0 14px 12px}.conversation-tabs{gap:18px;height:42px;padding:0 15px;display:flex}.conversation-tabs button{height:42px}.conversation-item{min-height:96px;padding:13px 15px}.conversation-item.selected{background:#eff6ff}.conversation-item.selected:before{background:var(--brand)}.conversation-tags{display:none}.chat-column{grid-template-rows:72px auto minmax(0,1fr) 188px}.chat-column:has(.ai-attention-banner){grid-template-rows:72px auto auto minmax(0,1fr) 188px}.chat-header{padding:0 24px}.chat-person strong{color:var(--text-strong);font-size:14px}.message-scroll{background:#fbfcfe;padding:20px 32px}.composer{box-shadow:none;border-color:#d9e1ec;margin:0 24px 18px}.text-action{color:#b42318;background:#fff7f6;border-color:#fecdca}.text-action:hover{background:#fef3f2}.visitor-panel{background:var(--surface)}.visitor-panel>header{height:64px;padding:0 16px}.visitor-panel h2{color:var(--text-strong);font-size:14px}.panel-subtitle{color:var(--text-subtle);margin-top:2px;font-size:10px;display:block}.visitor-tabs{border-bottom:1px solid var(--border-soft);gap:0;height:40px;padding:0 10px;display:flex;overflow-x:auto}.visitor-tabs button{height:40px;color:var(--text-subtle);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 8px;font-size:10px}.visitor-tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:700}.visitor-tabs i{color:#fff;background:var(--brand);border-radius:8px;place-items:center;min-width:15px;height:15px;margin-left:3px;font-size:8px;font-style:normal;display:inline-grid}.visitor-tab-content{padding:14px}.profile-summary{align-items:center;gap:10px;padding:0 2px 14px;display:flex}.profile-summary .profile-avatar{width:42px;height:42px;margin:0;font-size:15px}.profile-summary strong,.profile-summary small{display:block}.profile-summary strong{color:var(--text-strong);font-size:13px}.profile-summary small{color:var(--text-subtle);margin-top:3px;font-size:10px}.visitor-panel .info-section,.visitor-panel .tag-card,.visitor-panel .internal-note-card,.visitor-panel .tab-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);margin:0 0 12px;padding:13px}.visitor-panel .info-section{border-bottom:1px solid var(--border-soft)}.visitor-panel .info-section h3,.visitor-panel .tag-card h3,.visitor-panel .internal-note-card h3,.visitor-panel .tab-card h3{color:#475467;letter-spacing:.5px;text-transform:uppercase;margin:0 0 11px;font-size:10px}.visitor-panel .info-section dl>div{margin-top:10px}.visitor-panel .info-section dd{max-width:156px}.visitor-panel .tag-card,.visitor-panel .internal-note-card{padding:13px}.visitor-panel .internal-note-card textarea,.visitor-panel .note-card textarea,.manage-card textarea,.manage-card input,.manage-card select,.ticket-create input{color:#344054;background:#fff;border:1px solid #dfe6ee;border-radius:7px;outline:none;width:100%;font-size:10px}.visitor-panel .internal-note-card textarea,.visitor-panel .note-card textarea,.manage-card textarea{resize:vertical;min-height:64px;padding:8px}.visitor-panel .internal-note-card button,.visitor-panel .note-card>button,.manage-card>button{color:#fff;background:#344054;border:0;border-radius:7px;width:100%;height:31px;margin-top:7px;font-size:10px}.ticket-create{gap:6px;margin-bottom:12px;display:flex}.ticket-create input{min-width:0;height:32px;padding:0 8px}.ticket-create button,.ticket-actions button,.split-actions button{color:#fff;background:#344054;border:0;border-radius:7px;font-size:10px}.ticket-create button{width:48px}.ticket-actions,.split-actions{gap:6px;margin-top:9px;display:flex}.ticket-actions button,.split-actions button{flex:1;height:29px}.ticket-actions button:last-child{background:var(--brand)}.manage-card{gap:7px;display:grid}.manage-card label{color:#667085;gap:5px;font-size:10px;display:grid}.manage-card input,.manage-card select{height:32px;padding:0 8px}.manage-card textarea{min-height:54px}.status-pill{font-size:9px}.history-list article,.activity-list article{padding-top:10px}.note-list{max-height:240px}.blocked-visitor-badge{color:#b42318;background:#fef3f2;border-radius:5px;padding:2px 5px;font-size:8px;font-weight:700}.block-visitor-card{background:snow;border:1px solid #fecdca;border-radius:8px;margin-top:9px;padding:11px}.block-visitor-card p,.block-confirm p{color:#667085;margin:0 0 8px;font-size:9px;line-height:1.5}.block-visitor-card button.danger,.block-confirm button.danger{color:#fff;background:#d92d20}.block-confirm{background:#fff7f6;border:1px solid #fecdca;border-radius:7px;margin-top:9px;padding:10px}.block-confirm strong{color:#b42318;margin-bottom:5px;font-size:10px;display:block}.block-confirm>div{gap:6px;display:flex}.block-confirm>div button{border:0;border-radius:6px;flex:1;height:30px}.blocked-visitor-card{color:#b42318;background:#fef3f2;border-radius:8px;align-items:center;gap:7px;margin-top:9px;padding:10px;font-size:10px;font-weight:700;display:flex}.vip-badge{color:#9a6700;white-space:nowrap;background:#fff4cc;border-radius:999px;align-items:center;padding:2px 5px;font-size:8px;font-style:normal;font-weight:750;display:inline-flex}.service-record label{color:#64748b;gap:7px;margin:12px 0;font-size:12px;display:grid}.service-record input,.service-record select,.service-record textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dbe3ef;border-radius:9px;width:100%;padding:9px 10px}.service-record textarea{resize:vertical;min-height:150px}.quality-service-record{color:#526077;background:#f5f8fc;border-radius:10px;margin:0 0 16px;padding:12px;font-size:13px;line-height:1.8}.my-tickets{background:#f6f8fb;grid-column:2/-1;min-width:0;padding:28px;overflow:hidden}.my-tickets>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.my-tickets>header h1{margin:4px 0;font-size:24px}.my-tickets>header p,.my-tickets>header span{color:#667085;margin:0}.my-ticket-filters{gap:10px;margin-bottom:14px;display:flex}.my-ticket-filters input,.my-ticket-filters select{background:#fff;border:1px solid #dce2e9;border-radius:9px;height:40px;padding:0 11px}.my-ticket-filters input{min-width:260px}.my-ticket-layout{background:#fff;border:1px solid #e4e8ef;border-radius:13px;grid-template-columns:360px minmax(0,1fr);height:calc(100dvh - 160px);display:grid;overflow:hidden}.my-ticket-list{border-right:1px solid #e4e8ef;overflow:auto}.my-ticket-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;width:100%;padding:15px}.my-ticket-list>button.active{background:#eef4ff;box-shadow:inset 3px 0 #2768e8}.my-ticket-list>button>div{justify-content:space-between;gap:10px;display:flex}.my-ticket-list p{color:#667085;margin:7px 0}.my-ticket-list small{color:#98a2b3}.my-ticket-detail{padding:24px;overflow:auto}.my-ticket-detail>header{justify-content:space-between;gap:20px;display:flex}.my-ticket-detail>header h2{margin:0 0 7px}.my-ticket-detail>header span{color:#2768e8;background:#edf4ff;border-radius:999px;height:max-content;padding:5px 9px}.my-ticket-detail>header span.overdue{color:#d92d20;background:#fff0ee}.my-ticket-detail section{border-top:1px solid #edf0f3;margin-top:20px;padding-top:18px}.ticket-status-actions{gap:8px;margin-top:10px;display:flex}.ticket-replies article{background:#f8fafc;border-radius:9px;margin-top:10px;padding:12px}.ticket-replies p{white-space:pre-wrap}.my-ticket-detail textarea{resize:vertical;border:1px solid #dce2e9;border-radius:9px;width:100%;min-height:90px;padding:11px}.ticket-empty{text-align:center;color:#98a2b3;padding:40px}.ticket-status-actions .danger{color:#d92d20;background:#fff5f4;border-color:#fecdca}.ticket-error{color:#b42318}.ticket-error button{margin:12px auto 0;display:block}@media (width<=1320px){.workspace-shell{grid-template-columns:64px 300px minmax(0,1fr) 270px}.workspace-shell.visitor-collapsed{grid-template-columns:64px 300px minmax(0,1fr) 52px}.message-scroll{padding-inline:20px}}@media (width<=1180px){.workspace-shell,.workspace-shell.visitor-collapsed{grid-template-columns:64px 288px minmax(0,1fr)}.visitor-panel,.visitor-collapse-toggle{display:none}.conversation-column{grid-column:2}.chat-column,.chat-empty{grid-column:3}.composer{margin-inline:16px}.scroll-latest{right:24px}}@media (height<=620px){.app-rail{padding-block:8px}.rail-logo{margin-bottom:10px}.app-rail .rail-guide-entry{margin-top:-6px;margin-bottom:4px}.rail-menu,.rail-bottom{gap:4px}.chat-column{grid-template-rows:64px auto minmax(0,1fr) 164px}.chat-column:has(.ai-attention-banner){grid-template-rows:64px auto auto minmax(0,1fr) 164px}.composer{margin-bottom:8px}.scroll-latest{bottom:178px}}