:root{color:#202522;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{min-width:320px;overflow:hidden}.app-shell{--accent:#146b52;height:100%;min-height:0;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#f4f6f5;place-items:center;display:grid;overflow-y:auto}.app-shell--agent{--accent:#214d78;background:#f3f5f7}.app-shell--admin{--accent:#7a3045;background:#f7f5f2}.status-panel{border-top:3px solid var(--accent);width:min(100%,460px);padding:32px 0}.brand-mark{border:1px solid color-mix(in srgb, var(--accent) 30%, white);color:#fff;background:var(--accent);place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;margin:28px 0 8px;font-size:13px;font-weight:700}h1{letter-spacing:0;margin:0;font-size:38px;font-weight:650;line-height:1.15}.status-line{color:#5c635f;align-items:center;gap:10px;margin:24px 0 0;font-size:15px;display:flex}.status-indicator{background:#27835f;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #27835f24}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.auth-page{--accent:#214d78;height:100%;min-height:0;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#f3f5f7;place-items:center;display:grid;overflow-y:auto}.auth-page--admin{--accent:#7a3045;background:#f6f5f4}.auth-layout{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);align-items:start;gap:64px;width:min(100%,820px);display:grid}.auth-heading{padding-top:4px}.auth-form{border-top:3px solid var(--accent);background:#fff;border-radius:0 0 8px 8px;gap:20px;padding:28px 24px 24px;display:grid;box-shadow:0 14px 36px #1f2d2614}.field{color:#303834;gap:8px;min-width:0;font-size:14px;font-weight:650;display:grid}.field input{color:#202522;background:#fff;border:1px solid #c8cfcb;border-radius:7px;outline:none;width:100%;height:46px;padding:0 13px;transition:border-color .12s,box-shadow .12s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.captcha-field{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:14px;display:grid}.captcha-preview{justify-items:start;gap:5px;display:grid}.captcha-preview img{object-fit:cover;border:1px solid #c8cfcb;width:150px;height:49px}.text-button{color:var(--accent);background:0 0;border:0;padding:2px 0;font-size:13px}.form-message{color:#a12632;margin:-2px 0 0;font-size:14px;line-height:1.5}.button{letter-spacing:0;border-radius:7px;min-height:44px;padding:0 18px;font-weight:700}.button--primary{border:1px solid var(--accent);color:#fff;background:var(--accent)}.button--secondary{color:#303834;background:#fff;border:1px solid #b9c1bd}.auth-loading{color:#59625d;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.auth-spinner{border:2px solid #cbd2ce;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.workspace{--accent:#214d78;color:#202522;background:#f3f5f7;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.workspace--admin{--accent:#7a3045;background:#f6f5f4}.workspace-header{min-height:88px;padding:18px max(24px, env(safe-area-inset-right)) 18px max(24px, env(safe-area-inset-left));background:#fff;border-bottom:1px solid #d8ddda;flex:none;justify-content:space-between;align-items:center;gap:24px;display:flex}.workspace-header h1{font-size:23px}.workspace-security-notice{padding:10px max(24px, env(safe-area-inset-right)) 10px max(24px, env(safe-area-inset-left));color:#684a08;background:#fff5d9;border-bottom:1px solid #e5c786;flex:none;margin:0;font-size:14px;line-height:1.45}.workspace-eyebrow{color:var(--accent);margin:0 0 3px;font-size:12px;font-weight:750}.account-actions{align-items:center;gap:18px;display:flex}.locale-selector{color:#4d5852;align-items:center;gap:6px;width:fit-content;font-size:12px;display:inline-flex}.auth-heading .locale-selector{margin-top:22px}.locale-selector select{color:#303834;max-width:150px;height:32px;font:inherit;background:#fff;border:1px solid #c8cfcb;border-radius:4px;padding:0 24px 0 8px}.account-name{text-align:right;gap:2px;display:grid}.account-name span{font-size:14px;font-weight:700}.account-name small{color:#68716c;font-size:12px}.workspace-empty{text-align:center;flex:1 1 0;place-content:center;justify-items:center;min-height:0;padding:28px;display:grid}.workspace>.agent-portal,.workspace>.admin-workspace{flex:1 1 0;min-height:0;overflow:hidden}.workspace-empty h2{margin:18px 0 6px;font-size:20px}.workspace-empty p{color:#68716c;margin:0;font-size:14px}.workspace-status{background:#27835f;border:3px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #27835f,0 0 0 5px #27835f1f}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){h1{font-size:32px}.auth-layout{grid-template-columns:1fr;gap:34px;width:min(100%,420px)}.auth-heading .eyebrow{margin-top:18px}.workspace-header{align-items:flex-start;padding:16px 18px}.account-name{display:none}}@media (width<=430px){.captcha-field{grid-template-columns:1fr}.captcha-preview{grid-template-columns:150px auto;align-items:center}.workspace-header h1{font-size:19px}.button--secondary{padding:0 13px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.ticket-workspace{color:#263330;background:#f4f6f5;min-height:calc(100vh - 94px)}.ticket-toolbar{background:#fff;border-bottom:1px solid #d5dcda;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 20px;display:flex}.ticket-toolbar>div,.ticket-toolbar form,.ticket-create summary,.ticket-command-row,.ticket-command-row form,.ticket-comment>div,.ticket-context section p,.ticket-link-form button{align-items:center;gap:8px;display:flex}.ticket-toolbar h2{letter-spacing:0;margin:0;font-size:17px}.ticket-toolbar form{flex-wrap:wrap;justify-content:flex-end}.ticket-toolbar input,.ticket-toolbar select,.ticket-create input,.ticket-create select,.ticket-create textarea,.ticket-command-row input,.ticket-command-row select,.ticket-reply textarea,.ticket-link-form input,.ticket-link-form select,.ticket-link-form textarea{color:#283633;min-width:0;min-height:36px;font:inherit;background:#fff;border:1px solid #c9d2cf;border-radius:4px;padding:7px 9px}.ticket-toolbar button,.ticket-create button,.ticket-command-row button,.ticket-reply>button,.ticket-link-form button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#2d6d61;border:1px solid #2d6d61;border-radius:4px;padding:0 12px}.ticket-toolbar button{place-items:center;width:36px;padding:0;display:grid}.ticket-notice{color:#28574f;background:#eaf4f1;border-bottom:1px solid #cfe0da;margin:0;padding:9px 20px;font-size:13px}.ticket-view-manager{background:#fff;border-bottom:1px solid #d5dcda}.ticket-view-manager summary{color:#355e56;cursor:pointer;align-items:center;gap:7px;min-height:40px;padding:0 20px;font-size:13px;font-weight:700;display:flex}.ticket-view-manager__picker{align-items:center;gap:7px;padding:0 20px 10px;display:flex}.ticket-view-manager__picker select{background:#fff;border:1px solid #c9d2cf;border-radius:4px;min-width:220px;min-height:34px;padding:6px 8px}.ticket-view-manager__picker button{color:#32675d;cursor:pointer;background:#fff;border:1px solid #b7c7c2;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.ticket-view-manager__picker button.is-danger{color:#9a3037;border-color:#dfb9bc}.ticket-view-manager__readonly{color:#69756f;margin:0;padding:0 20px 12px;font-size:12px}.ticket-view-form{border-top:1px solid #e3e8e6;gap:12px;padding:12px 20px 16px;display:grid}.ticket-view-form fieldset{border:0;min-width:0;margin:0;padding:0}.ticket-view-form legend{color:#425c55;margin-bottom:7px;font-size:12px;font-weight:700}.ticket-view-form__identity,.ticket-view-form__grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;display:grid}.ticket-view-form__grid{grid-template-columns:repeat(6,minmax(120px,1fr))}.ticket-view-form label{color:#62706b;gap:4px;min-width:0;font-size:11px;display:grid}.ticket-view-form input,.ticket-view-form select{color:#283633;width:100%;min-width:0;min-height:34px;font:inherit;background:#fff;border:1px solid #c9d2cf;border-radius:4px;padding:6px 8px}.ticket-view-form .ticket-view-check{align-self:end;align-items:center;gap:7px;min-height:34px;display:flex}.ticket-view-form .ticket-view-check input{width:16px;min-height:16px}.ticket-view-form__sort{grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;display:grid}.ticket-view-form__sort>div{grid-template-columns:minmax(110px,1fr) 78px;gap:6px;display:grid}.ticket-view-save{color:#fff;cursor:pointer;background:#2d6d61;border:1px solid #2d6d61;border-radius:4px;justify-self:end;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.ticket-bulk-panel{background:#fff;border-bottom:1px solid #d5dcda}.ticket-bulk-panel summary{color:#355e56;cursor:pointer;align-items:center;gap:7px;min-height:40px;padding:0 20px;font-size:13px;font-weight:700;display:flex}.ticket-bulk-panel summary span{color:#315f56;text-align:center;background:#e8f1ee;border-radius:8px;min-width:42px;padding:2px 7px;font-size:11px}.ticket-bulk-panel>form{border-top:1px solid #e3e8e6;flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.ticket-bulk-panel input,.ticket-bulk-panel select{min-width:150px;min-height:36px;font:inherit;background:#fff;border:1px solid #c9d2cf;border-radius:4px;padding:7px 9px}.ticket-bulk-panel button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#2d6d61;border:1px solid #2d6d61;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.ticket-bulk-panel button.is-secondary,.ticket-bulk-result header button{color:#2d6d61;background:#fff}.ticket-bulk-panel button:disabled{cursor:not-allowed;opacity:.55}.ticket-bulk-result{border-top:1px solid #e3e8e6;gap:8px;padding:10px 20px 14px;display:grid}.ticket-bulk-result>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ticket-bulk-result>header>div{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ticket-bulk-result header strong{font-size:13px}.ticket-bulk-result header span,.ticket-bulk-result header small{color:#68746f;font-size:12px}.ticket-bulk-result header button{width:34px;padding:0}.ticket-bulk-errors{background:snow;border:1px solid #ead5d7;max-height:130px;overflow:auto}.ticket-bulk-errors p{color:#833940;border-bottom:1px solid #f0e1e2;grid-template-columns:minmax(190px,.7fr) minmax(180px,1fr);gap:12px;margin:0;padding:7px 9px;font-size:12px;display:grid}.ticket-bulk-errors p:last-child{border-bottom:0}.ticket-bulk-errors code{text-overflow:ellipsis;overflow:hidden}.ticket-bulk-retry{justify-self:start}.ticket-presence{color:#52615a;background:#f8faf9;border-bottom:1px solid #dfe6e2;flex-wrap:wrap;gap:6px 12px;padding:8px 20px;font-size:12px;display:flex}.ticket-presence span{align-items:center;gap:5px;min-width:0;display:inline-flex}.ticket-presence i{background:#2e8b67;border-radius:50%;flex:none;width:7px;height:7px}.ticket-create{background:#fff;border-bottom:1px solid #d5dcda}.ticket-create summary{color:#355e56;cursor:pointer;min-height:42px;padding:0 20px;font-weight:700}.ticket-create form{grid-template-columns:minmax(190px,1fr) minmax(180px,1fr) minmax(260px,2fr) 110px auto;gap:8px;padding:0 20px 12px;display:grid}.ticket-create textarea{resize:vertical;height:38px}.ticket-layout{grid-template-columns:290px minmax(420px,1fr) 260px;height:calc(100vh - 200px);min-height:560px;display:grid}.ticket-list,.ticket-context{background:#f9faf9;min-width:0;overflow-y:auto}.ticket-list{border-right:1px solid #d5dcda}.ticket-list>p{color:#68746f;text-align:center;padding:24px 16px}.ticket-list-item{border-bottom:1px solid #dfe4e2;grid-template-columns:34px minmax(0,1fr);min-height:88px;display:grid}.ticket-list-item>input{accent-color:#2d6d61;width:16px;height:16px;margin:16px 0 0 12px}.ticket-list-item>button{color:#25312e;text-align:left;cursor:pointer;background:0 0;border:0;gap:6px;min-width:0;padding:12px 14px 12px 4px;display:grid}.ticket-list-item:hover,.ticket-list-item.is-selected{background:#e6efec}.ticket-list>button.ticket-load-more{color:#2d6d61;text-align:center;background:#f4f8f6;place-content:center;min-height:42px;font-weight:700}.ticket-list-item.is-selected{box-shadow:inset 3px 0 #2d6d61}.ticket-list button span{justify-content:space-between;align-items:center;gap:8px;display:flex}.ticket-list button i{border-radius:8px;padding:2px 7px;font-size:10px;font-style:normal}.ticket-list button .priority-urgent{color:#8e2530;background:#fde7e9}.ticket-list button .priority-high{color:#7b521b;background:#f9ecd5}.ticket-list button .priority-normal{color:#285a74;background:#e5f0f6}.ticket-list button .priority-low{color:#59645f;background:#e8ecea}.ticket-list button b,.ticket-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-list button small{color:#6b7772}.ticket-detail{background:#fff;min-width:0;overflow-y:auto}.ticket-detail>header{border-bottom:1px solid #dfe4e2;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 20px;display:flex}.ticket-detail h3,.ticket-context h3,.ticket-timeline h4,.ticket-link-form h4{letter-spacing:0;margin:0}.ticket-detail h3{margin-top:3px;font-size:18px}.ticket-detail header small{color:#6b7772}.ticket-status{color:#36584f;background:#e3eeea;border-radius:10px;flex:none;padding:4px 9px;font-size:12px;font-weight:700}.ticket-status.status-closed{color:#68716e;background:#e9eceb}.ticket-status.status-resolved{color:#285f43;background:#dff1e6}.ticket-description{color:#4f5d58;white-space:pre-wrap;border-bottom:1px solid #e1e6e4;margin:0;padding:16px 20px;line-height:1.6}.ticket-sla{background:#f8faf9;border-bottom:1px solid #dfe4e2;padding:14px 20px}.ticket-sla>header,.ticket-sla>header>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.ticket-sla>header>div{justify-content:flex-start;min-width:0}.ticket-sla>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ticket-sla>header span{color:#49625c;background:#e3ece9;border-radius:8px;padding:2px 6px;font-size:10px}.ticket-sla>header small{color:#687570}.ticket-sla>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.sla-metric{background:#fff;border-left:3px solid #78918a;gap:4px;min-width:0;padding:8px 9px;display:grid}.sla-metric span,.sla-metric small{color:#6a7773;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sla-metric strong{color:#37564f;font-size:12px}.sla-metric.is-warning{background:#fff8e9;border-left-color:#bf7a19}.sla-metric.is-warning strong{color:#8a5712}.sla-metric.is-breached{background:#fff0f1;border-left-color:#bb3940}.sla-metric.is-breached strong{color:#962b32}.sla-metric.is-achieved{background:#eef8f4;border-left-color:#2f8066}.sla-metric.is-achieved strong{color:#21664f}.ticket-sla.is-paused .sla-metric{background:#f0f5f7;border-left-color:#657d89}.ticket-sla-empty{color:#78847f;background:#f8faf9;border-bottom:1px solid #dfe4e2;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.ticket-command-row{background:#f8faf9;border-bottom:1px solid #dfe4e2;flex-wrap:wrap;justify-content:space-between;padding:10px 20px}.ticket-command-row form{flex-wrap:wrap;min-width:0}.ticket-command-row input{width:155px}.ticket-timeline{padding:18px 20px}.ticket-timeline h4{margin-bottom:14px;font-size:14px}.ticket-event{grid-template-columns:14px 1fr;gap:10px;min-height:48px;display:grid}.ticket-event>span{background:#fff;border:2px solid #4f8377;border-radius:50%;width:9px;height:9px;margin-top:4px}.ticket-event div{border-left:1px solid #d8dfdc;gap:3px;padding:0 0 14px 12px;display:grid}.ticket-event small{color:#77827e}.ticket-comment{background:#f8faf9;border:1px solid #d7dfdc;border-radius:6px;margin:0 0 12px 24px;padding:11px 13px}.ticket-comment.is-internal{background:#fff9eb;border-color:#e4d7b8}.ticket-comment>div time{color:#7b8581;margin-left:auto;font-size:11px}.ticket-comment p{white-space:pre-wrap;margin:8px 0 0;line-height:1.5}.ticket-reply{border-top:1px solid #d9dfdd;gap:10px;padding:16px 20px 22px;display:grid}.ticket-reply .segmented{width:220px}.ticket-reply .segmented button{color:#56635e;background:0 0;border:0;border-radius:3px;min-height:32px}.ticket-reply .segmented button.is-active{color:#205b50;background:#fff;font-weight:700;box-shadow:0 1px 3px #142e2826}.ticket-reply>button{justify-self:end}.ticket-empty{color:#7a8580;text-align:center;place-content:center;height:100%;display:grid}.ticket-context{border-left:1px solid #d5dcda;padding:18px 16px}.ticket-context h3{font-size:15px}.ticket-context dl{margin:14px 0 20px}.ticket-context dl div{border-bottom:1px solid #e1e6e4;gap:4px;padding:9px 0;display:grid}.ticket-context dt{color:#78827e;font-size:11px}.ticket-context dd{overflow-wrap:anywhere;margin:0;font-size:12px}.ticket-context section{border-top:1px solid #dce2e0;padding-top:14px}.ticket-context section p{overflow-wrap:anywhere;color:#56635e;font-size:11px}.ticket-sla-apply{border-bottom:1px solid #dce2e0;margin-bottom:18px;padding-bottom:16px}.ticket-link-form{border-top:1px solid #dce2e0;gap:8px;margin-top:18px;padding-top:14px;display:grid}.ticket-link-form h4{font-size:13px}.ticket-link-form button{justify-content:center}.ticket-snooze{gap:7px;margin-top:18px;display:grid}.ticket-snooze h4{align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.ticket-snooze p{margin:0}.ticket-snooze small{color:#65736e}.ticket-snooze button{color:#2d6d61;background:#fff;border:1px solid #2d6d61;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:36px;display:flex}@media (width<=1100px){.ticket-view-form__identity{grid-template-columns:repeat(3,minmax(130px,1fr))}.ticket-view-form__grid{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (width<=900px){.ticket-toolbar{flex-direction:column;align-items:flex-start}.ticket-create form{grid-template-columns:1fr 1fr}.ticket-layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.ticket-list{border-bottom:1px solid #d5dcda;border-right:0;max-height:280px}.ticket-detail{min-height:520px}.ticket-context{border-top:1px solid #d5dcda;border-left:0}.ticket-toolbar form{justify-content:flex-start;width:100%}.ticket-toolbar input{flex:1}.ticket-view-form__grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.ticket-view-form__sort{grid-template-columns:1fr}}@media (width<=560px){.ticket-toolbar{padding:12px 14px}.ticket-toolbar form select{width:calc(50% - 4px)}.ticket-create form{grid-template-columns:1fr;padding:0 14px 12px}.ticket-layout{display:block}.ticket-command-row{flex-direction:column;align-items:stretch}.ticket-command-row form{grid-template-columns:1fr;display:grid}.ticket-command-row input{width:100%}.ticket-comment{margin-left:0}.ticket-context{padding-bottom:32px}.ticket-sla>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-sla>header{flex-direction:column;align-items:flex-start}.ticket-view-manager summary,.ticket-view-form,.ticket-bulk-panel summary,.ticket-bulk-panel>form,.ticket-bulk-result{padding-left:14px;padding-right:14px}.ticket-view-manager__picker{flex-wrap:wrap;padding-left:14px;padding-right:14px}.ticket-view-manager__picker select,.ticket-bulk-panel input,.ticket-bulk-panel select{width:100%;min-width:0}.ticket-view-form__identity,.ticket-view-form__grid{grid-template-columns:1fr 1fr}.ticket-view-form__sort>div{grid-template-columns:minmax(0,1fr) 82px}.ticket-bulk-errors p{grid-template-columns:1fr;gap:3px}}.ticket-portal-switcher{background:#fff;border-bottom:1px solid #d5dcda;gap:4px;min-height:48px;padding:0 18px;display:flex}.ticket-portal-switcher button{color:#53615c;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.ticket-portal-switcher button.is-active{color:#245b51;border-bottom-color:#2d6d61;font-weight:700}.agent-portal .agent-workspace{flex:1 1 0;height:auto;min-height:0}.agent-portal .ticket-workspace{flex:1 1 0;min-height:0;overflow-y:auto}.agent-portal{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.agent-portal>.ticket-portal-switcher{flex:none;overflow:auto hidden}.agent-workspace{background:#fff;grid-template-rows:minmax(0,1fr);grid-template-columns:280px minmax(420px,1fr) 260px;height:100%;min-height:0;display:grid;overflow:hidden}.conversation-list,.visitor-context{background:#f7f8f8;min-width:0}.conversation-list{border-right:1px solid #d8dedb;flex-direction:column;min-height:0;display:flex}.conversation-list>header,.visitor-context>header,.agent-chat-header{background:#fff;border-bottom:1px solid #dfe3e1;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.conversation-list>header>div,.visitor-context>header,.agent-chat-header>div,.agent-chat-header span{align-items:center;gap:8px;display:flex}.header-actions{gap:7px;display:flex}.list-header-actions{gap:6px;display:flex}.conversation-list header .notification-toggle.is-active{color:#fff;background:#397158;border-color:#517e68}.conversation-list h2,.visitor-context h2,.agent-chat h2,.join-panel h3{letter-spacing:0;margin:0;font-size:15px}.conversation-list header button,.agent-chat-header button,.agent-messages article>button,.agent-composer button{color:#405047;background:#fff;border:1px solid #cbd3cf;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.conversation-items{overscroll-behavior:contain;scrollbar-gutter:auto;background:#f3f6f4;flex:1;min-height:0;padding:10px;overflow-y:auto}.conversation-view-tabs{background:#fff;border-bottom:1px solid #dfe3e1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.conversation-view-tabs button{color:#65716b;min-width:0;min-height:48px;font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;place-items:center;gap:2px;padding:5px 2px 4px;font-size:10px;display:grid;position:relative}.conversation-view-tabs button.is-active{color:#214d78;border-bottom-color:#214d78;font-weight:700}.conversation-view-tabs button i{color:#58645e;background:#e7ece9;border-radius:8px;min-width:15px;padding:1px 4px;font-size:9px;font-style:normal;position:absolute;top:4px;right:5px}.runtime-panel{background:#fff;border-bottom:1px solid #dfe3e1;height:84px;padding:10px 13px}.runtime-options{border:1px solid #cbd3cf;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.runtime-options button{color:#53615a;background:#fff;border:0;height:30px;font-size:11px}.runtime-options button+button{border-left:1px solid #cbd3cf}.runtime-options button.is-active{color:#fff;background:#214d78;font-weight:700}.runtime-panel p{color:#68736d;justify-content:space-between;align-items:center;margin:8px 1px 0;font-size:11px;display:flex}.runtime-panel strong{color:#28352e}.conversation-items>button{color:#242b27;text-align:left;background:#fff;border:1px solid #0000;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:82px;padding:10px 11px;display:grid;box-shadow:0 1px 3px #1828200d}.conversation-items>button:hover,.conversation-items>button.is-selected{background:#eef4f1;border-color:#bfcfca}.conversation-items>button.is-selected{border-color:#8eada0;box-shadow:inset 4px 0 #315f86,0 3px 12px #22463917}.conversation-items>button+button{margin-top:8px}.visitor-initial{color:#fff;background:#557a69;border-radius:7px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:750;display:grid}.conversation-items button>span:nth-child(2){gap:4px;min-width:0;display:grid}.conversation-items strong,.conversation-items small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-items strong{justify-content:space-between;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.conversation-items strong em{color:#7b8580;text-overflow:ellipsis;flex:0 auto;font-size:9px;font-style:normal;font-weight:500;overflow:hidden}.conversation-items small{color:#68736d;font-size:11px}.conversation-items .conversation-time{color:#87908c;font-size:9px}.conversation-items i{color:#fff;background:#b33440;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-style:normal;display:grid}.list-state,.message-state{color:#747d78;text-align:center;margin:24px 16px;font-size:13px}.list-state--error{color:#a12935}.agent-chat{background:#f1f4f2;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.agent-chat-header h2{font-size:16px}.agent-chat-header>div{flex:1;justify-content:space-between;min-width:0}.agent-chat-header span{color:#69736e;font-size:11px}.agent-messages{z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable;grid-row:3;min-height:0;padding:22px 24px;position:relative;overflow-y:auto}.agent-messages article{align-items:flex-end;gap:7px;margin:0 0 16px;display:flex}.agent-messages article.is-self{flex-direction:row-reverse;justify-content:flex-start}.agent-messages article>div{background:#fff;border:1px solid #d0d8d4;border-radius:4px;max-width:min(74%,560px);padding:9px 11px 6px}.agent-messages article>.message-bubble--image,.agent-messages article>.pending-image{width:min(300px,66vw);padding:6px}.message-image-button,.message-image-reload{color:#46544d;background:#e8edeb;border:0;border-radius:3px;width:100%;padding:0;display:block;overflow:hidden}.message-image-button img,.pending-image>img{object-fit:contain;background:#e8edeb;width:100%;max-height:280px;display:block}.message-image-loading{aspect-ratio:4/3;background:linear-gradient(90deg,#e4e9e7 25%,#f5f7f6 50%,#e4e9e7 75%) 0 0/200% 100%;border-radius:3px;width:100%;animation:1.2s linear infinite image-loading}.message-image-reload{min-height:120px;padding:12px}.image-upload-status{color:#53615a;gap:5px;padding:8px 3px 2px;font-size:11px;display:grid}.image-upload-status progress{accent-color:#214d78;width:100%;height:5px}.pending-image-actions{gap:6px;display:grid}.agent-messages article>.pending-image-actions{background:0 0;border:0;max-width:none;padding:0}@keyframes image-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.agent-messages article.is-self>div{background:#dfeaf2;border-color:#a6bfd1}.agent-messages article>.message-bubble--recalled,.agent-messages article.is-self>.message-bubble--recalled{color:#6f7873;background:#f3f5f4;border-style:dashed;border-color:#c7ceca;font-style:italic}.agent-messages article p,.agent-messages article small{margin:0}.agent-messages article p{overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.55}.agent-messages article small{color:#74807a;text-align:right;margin-top:3px;font-size:10px;display:block}.agent-messages article>button{color:#a02935;border-color:#d6868e;width:28px;height:28px}.agent-messages article>.recall-button{color:#53645b;border-color:#aab8b1}.agent-messages>.typing-indicator{color:#65716b;background:#e5ebee;border-left:2px solid #668ba6;width:fit-content;min-height:28px;margin:-4px 0 16px;padding:6px 10px;font-size:12px}.join-panel,.empty-chat{color:#6a746f;text-align:center;place-content:center;justify-items:center;height:100%;display:grid}.join-panel h3{margin:13px 0 16px}.assignment-offer p{margin:-7px 0 16px;font-size:13px}.assignment-offer p strong{color:#a12935;min-width:24px;font-size:18px;display:inline-block}.transfer-waiting{border-left-color:#214d78}.transfer-waiting p{color:#62706a;margin:7px 0 0;font-size:12px}.transfer-backdrop{z-index:40;background:#141b1f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.transfer-dialog{background:#fff;border-radius:6px;width:min(480px,100%);box-shadow:0 18px 55px #0000003d}.transfer-dialog header{border-bottom:1px solid #dfe3e1;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.transfer-dialog header p,.transfer-dialog header h2{margin:0}.transfer-dialog header p{color:#69736e;font-size:11px}.transfer-dialog header h2{margin-top:4px;font-size:17px}.transfer-dialog header button{background:#fff;border:1px solid #cbd3cf;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.transfer-dialog form{gap:15px;padding:20px;display:grid}.transfer-dialog label{color:#53615a;gap:6px;font-size:12px;display:grid}.transfer-dialog select,.transfer-dialog textarea,.transfer-dialog input{color:#242b27;width:100%;font:inherit;background:#fff;border:1px solid #bfc9c4;border-radius:4px;padding:9px 10px}.snooze-panel p,.snooze-panel small{color:#66736d;margin:0}.operation-presence{color:#52615a;background:#f8faf9;border-bottom:1px solid #dfe6e2;flex-wrap:wrap;gap:6px;padding:7px 14px;font-size:12px;display:flex}.operation-presence span{align-items:center;gap:5px;min-width:0;display:inline-flex}.operation-presence i{background:#2e8b67;border-radius:50%;flex:none;width:7px;height:7px}.transfer-dialog footer{justify-content:flex-end;gap:8px;display:flex}.transfer-dialog footer button{background:#fff;border:1px solid #bdc7c2;border-radius:4px;min-height:38px;padding:0 15px}.transfer-dialog footer button.is-primary{color:#fff;background:#214d78;border-color:#214d78}.join-panel button{color:#fff;background:#214d78;border:1px solid #214d78;border-radius:4px;min-height:38px;padding:0 18px;font-weight:700}.empty-chat{grid-row:1/-1}.empty-chat p{margin:12px 0 0;font-size:14px}.agent-composer{z-index:2;overscroll-behavior:contain;background:#fff;border-top:1px solid #d8dedb;grid-row:4;min-height:0;max-height:min(45dvh,360px);padding:10px 14px 12px;position:relative;overflow:visible}.agent-composer>p{color:#a02935;margin:0 0 7px;font-size:12px}.agent-composer form{grid-template-columns:auto minmax(0,1fr) 40px;gap:9px;display:grid}.composer-tools{align-items:flex-end;gap:6px;display:flex}.emoji-control,.canned-control{position:relative}.agent-composer .emoji-panel{z-index:20;background:#fff;border:1px solid #c5ceca;border-radius:6px;grid-template-columns:repeat(4,40px);gap:5px;width:196px;padding:9px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #19242d2e}.agent-composer .emoji-panel button{width:40px;height:36px;color:inherit;background:#f1f4f2;border:0;font-size:20px}.agent-composer .emoji-panel button:hover{background:#e1e8e4}.agent-composer .media-input{display:none}.agent-composer .media-button,.agent-composer .canned-button{color:#405047;background:#fff;border-color:#c5ceca}.canned-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141e1961;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canned-picker{color:#26312b;background:#fff;border:1px solid #bcc7c1;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(760px,100vw - 48px);height:min(680px,100dvh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #19242d3d}.canned-picker>header,.canned-editor>header{background:#f8faf9;border-bottom:1px solid #dfe4e1;justify-content:space-between;align-items:center;min-height:58px;padding:10px 18px;display:flex}.canned-picker>header strong,.canned-editor>header strong{font-size:18px}.canned-picker>header button,.canned-editor>header button,.canned-search button,.canned-row-actions button{color:#405047;background:#fff;border:1px solid #c7d0cc;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.canned-search{border-bottom:1px solid #e3e7e5;grid-template-columns:minmax(0,1fr) 42px 42px;gap:9px;padding:14px 18px;display:grid}.canned-search input,.canned-editor input,.canned-editor textarea{color:#26312b;width:100%;font:inherit;background:#fff;border:1px solid #bdc8c2;border-radius:7px;padding:10px 12px;font-size:14px}.canned-message,.canned-state{color:#6a746f;margin:0;padding:16px 18px;font-size:13px}.canned-message{color:#a12935}.canned-results{background:#f6f8f7;min-height:0;padding:8px 12px 14px;overflow-y:auto}.canned-row{background:#fff;border:1px solid #dbe2de;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;margin-top:8px;display:grid;overflow:hidden}.canned-insert{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:5px;padding:14px 16px;display:grid}.canned-insert:hover{background:#f2f5f3}.canned-insert>span{align-items:center;gap:7px;display:flex}.canned-insert b{color:#285541;background:#e4eee9;border-radius:3px;padding:2px 5px;font-size:9px}.canned-insert code{color:#67736c;font-size:10px}.canned-insert strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.canned-insert small{color:#65716b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.canned-row-actions{align-items:center;gap:5px;padding-right:9px;display:flex}.canned-row-actions button:last-child{color:#a12935}.canned-editor{z-index:2;background:#fff;position:absolute;inset:0;overflow-y:auto}.canned-editor-body{grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:16px;padding:20px;display:grid}.canned-editor label{color:#56635c;gap:5px;font-size:13px;display:grid}.canned-editor label:nth-child(3),.canned-editor footer{grid-column:1/-1}.canned-editor textarea{resize:vertical;min-height:240px;line-height:1.5}.canned-editor .canned-toggle{align-items:center;gap:7px;display:flex}.canned-editor .canned-toggle input{width:auto}.canned-editor footer{justify-content:flex-end;gap:8px;display:flex}.canned-editor footer button{background:#fff;border:1px solid #bdc7c2;border-radius:7px;min-width:96px;min-height:42px;padding:0 14px}.canned-editor footer button.is-primary{color:#fff;background:#214d78;border-color:#214d78}.agent-composer .emoji-button{color:#405047;background:#fff;border-color:#c5ceca}.agent-composer textarea{resize:none;width:100%;min-height:48px;max-height:120px;font:inherit;border:1px solid #c5ceca;border-radius:4px;outline:none;padding:9px 11px;font-size:13px;line-height:1.45;overflow-y:auto}.agent-composer textarea:focus{border-color:#214d78;box-shadow:0 0 0 3px #214d781f}.agent-composer button{color:#fff;background:#214d78;border-color:#214d78;align-self:end;width:40px;height:40px}.agent-composer .ended-label{color:#69736e;text-align:center;margin:0;padding:12px}.visitor-context{overscroll-behavior:contain;scrollbar-gutter:stable;border-left:1px solid #d8dedb;min-height:0;overflow-y:auto}.visitor-context>header{justify-content:flex-start}.visitor-context>header>div{align-items:center;gap:8px;display:flex}.context-close,.mobile-context-button,.context-backdrop{display:none}.visitor-context dl{margin:0;padding:6px 17px}.visitor-context dl>div{border-bottom:1px solid #dfe4e1;padding:13px 0}.visitor-context dt{color:#727c77;font-size:11px}.visitor-context dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.5}.identity-warning{color:#7c4025;background:#fff3eb;border-left:3px solid #b5673e;align-items:center;gap:7px;margin:12px 17px;padding:9px 10px;font-size:12px;display:flex}.moderation-panel{background:#fff;border-top:1px solid #d8dedb;padding:14px 17px 20px}.moderation-heading,.moderation-heading>div,.active-mute,.moderation-actions button,.moderation-state{align-items:center;display:flex}.moderation-heading{justify-content:space-between;gap:8px}.moderation-heading>div,.active-mute,.moderation-actions button,.moderation-state{gap:6px}.moderation-heading h3,.moderation-applications h4,.moderation-applications p,.moderation-message,.moderation-permission,.moderation-target{margin:0}.moderation-heading h3{font-size:13px}.moderation-heading>button{color:#45544c;background:#fff;border:1px solid #c7d0cc;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.active-mute{color:#812b34;background:#fff0f1;border-left:3px solid #a53642;margin-top:10px;padding:8px 9px}.active-mute span{gap:2px;display:grid}.active-mute strong{font-size:11px}.active-mute small{font-size:9px}.moderation-actions{gap:6px;margin-top:10px;display:grid}.moderation-actions button{color:#4d5a53;background:#fff;border:1px solid #c7cfcb;border-radius:4px;justify-content:flex-start;min-height:32px;padding:0 9px;font-size:10px}.moderation-actions button:disabled{color:#99a19d;background:#f2f4f3}.moderation-permission{color:#79837e;margin-top:8px;font-size:10px}.moderation-applications{border-top:1px solid #dce2df;margin-top:13px;padding-top:11px}.moderation-applications h4{margin-bottom:8px;font-size:12px}.moderation-applications>p{color:#7c8580;font-size:10px}.moderation-applications article{background:#f7f9f8;border-left:3px solid #697d72;margin-top:6px;padding:7px 8px}.moderation-applications article header{justify-content:space-between;align-items:center;gap:7px;display:flex}.moderation-applications article strong{overflow-wrap:anywhere;font-size:10px}.moderation-applications article span{color:#875f21;flex:none;font-size:9px}.moderation-applications article p{overflow-wrap:anywhere;margin-top:5px;font-size:10px}.moderation-applications article small{color:#77817c;margin-top:5px;font-size:9px;display:block}.moderation-applications .status-approved{color:#287051}.moderation-applications .status-rejected,.moderation-applications .status-cancelled{color:#8c3540}.moderation-message{color:#8e2530;background:#fff0f1;border-left:3px solid #b33440;margin-top:8px;padding:7px 8px;font-size:10px}.moderation-state{color:#68736d;background:#fff;border-top:1px solid #d8dedb;justify-content:center;padding:22px 14px;font-size:11px}.moderation-state--error{color:#942b36;flex-direction:column}.moderation-state--error p{margin:0}.moderation-state--error button{background:#fff;border:1px solid #c9d1cd;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:0 10px;display:inline-flex}.moderation-target{color:#5f6c65;font-size:11px}.taxonomy-panel{background:#fff;border-top:1px solid #d8dedb;padding:14px 17px 22px}.taxonomy-heading,.taxonomy-heading>div,.taxonomy-group>header,.taxonomy-add,.taxonomy-permission,.taxonomy-state{align-items:center;display:flex}.taxonomy-heading{justify-content:space-between;gap:10px}.taxonomy-heading>div{gap:7px}.taxonomy-heading h3,.taxonomy-group h4,.taxonomy-group p,.taxonomy-message,.taxonomy-state p{letter-spacing:0;margin:0}.taxonomy-heading h3{font-size:13px}.taxonomy-heading button{color:#46544d;background:#fff;border:1px solid #cbd3cf;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.taxonomy-classification{color:#65716b;gap:6px;margin-top:13px;font-size:11px;display:grid}.taxonomy-classification select,.taxonomy-add select{color:#29332e;min-width:0;font:inherit;background:#fff;border:1px solid #bdc8c2;border-radius:4px}.taxonomy-classification select{width:100%;height:36px;padding:0 9px;font-size:12px}.taxonomy-group{border-top:1px solid #e1e5e3;margin-top:16px;padding-top:13px}.taxonomy-group>header{justify-content:space-between;gap:8px}.taxonomy-group h4{font-size:12px}.taxonomy-group header p{color:#7a837f;margin-top:2px;font-size:10px}.taxonomy-add{color:#214d78;gap:3px;min-width:0}.taxonomy-add select{color:#214d78;width:58px;height:28px;padding:0 3px;font-size:11px}.taxonomy-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.taxonomy-tags>span{overflow-wrap:anywhere;color:#344139;background:#f7f9f8;border:1px solid #d7ddda;border-left:3px solid;border-radius:4px;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:3px 5px 3px 7px;font-size:11px;display:inline-flex}.taxonomy-tags>span>i{border-radius:50%;flex:none;width:8px;height:8px}.taxonomy-tags>span small{color:#8b6150;font-size:9px}.taxonomy-tags>span.is-disabled{color:#747d78;background:#f0f2f1}.taxonomy-tags button{color:#75807a;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.taxonomy-empty,.taxonomy-permission{color:#818985;font-size:10px}.taxonomy-empty{margin-top:9px!important}.taxonomy-permission{gap:4px;margin:7px 0 0}.taxonomy-message{color:#8e2530;background:#fff0f1;border-left:3px solid #b33440;margin-top:9px;padding:7px 8px;font-size:10px}.taxonomy-state{color:#68736d;background:#fff;border-top:1px solid #d8dedb;justify-content:center;gap:7px;padding:24px 14px;font-size:11px}.taxonomy-state--error{color:#942b36;flex-direction:column}.taxonomy-state--error button{background:#fff;border:1px solid #c9d1cd;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:0 10px;display:inline-flex}.collaboration-panel{background:#f7f8f8;border-top:1px solid #d8dedb;padding:14px 17px 24px}.collaboration-heading,.collaboration-heading>div,.collaboration-members>div,.collaboration-members>div>span,.leave-collaboration,.collaboration-readonly,.collaboration-state{align-items:center;display:flex}.collaboration-heading{justify-content:space-between;gap:8px}.collaboration-heading>div{gap:6px}.collaboration-heading h3,.collaboration-members h4,.internal-notes h4,.collaboration-members p,.internal-notes p,.collaboration-message,.collaboration-state p{letter-spacing:0;margin:0}.collaboration-heading h3{font-size:13px}.collaboration-heading button,.collaboration-members button{color:#45544c;background:#fff;border:1px solid #c7d0cc;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.collaboration-members,.internal-notes{border-top:1px solid #dce2df;margin-top:14px;padding-top:12px}.collaboration-members h4,.internal-notes h4{margin-bottom:8px;font-size:12px}.collaboration-members>p,.internal-notes-empty{color:#7c8580;font-size:10px}.collaboration-members>div{background:#fff;border-left:3px solid #4b7a65;justify-content:space-between;gap:8px;margin-top:6px;padding:6px 7px}.collaboration-members>div>span{flex-direction:column;align-items:flex-start;min-width:0}.collaboration-members strong{overflow-wrap:anywhere;font-size:11px}.collaboration-members small{color:#718079;margin-top:2px;font-size:9px}.leave-collaboration{color:#53625a;background:#fff;border:1px solid #c5ceca;border-radius:4px;gap:5px;min-height:30px;margin-top:8px;padding:0 9px;font-size:10px}.internal-note-list{gap:7px;max-height:260px;display:grid;overflow-y:auto}.internal-note-list article{background:#fff9eb;border-left:3px solid #9b783f;padding:7px 8px}.internal-note-list article header{justify-content:space-between;align-items:center;gap:8px;display:flex}.internal-note-list article strong,.internal-note-list article time{font-size:9px}.internal-note-list article time{color:#7b7568}.internal-note-list article p{overflow-wrap:anywhere;white-space:pre-wrap;color:#3e3a31;margin-top:5px;font-size:11px;line-height:1.5}.internal-notes form{grid-template-columns:minmax(0,1fr) 32px;gap:6px;margin-top:8px;display:grid}.internal-notes textarea{resize:vertical;min-width:0;font:inherit;border:1px solid #c2cbc7;border-radius:4px;padding:7px 8px;font-size:11px}.internal-notes form button{color:#fff;background:#765d31;border:1px solid #765d31;border-radius:4px;align-self:end;place-items:center;width:32px;height:32px;display:grid}.collaboration-readonly{color:#7a837f;gap:4px;font-size:10px;margin-top:8px!important}.collaboration-message{color:#8e2530;background:#fff0f1;border-left:3px solid #b33440;margin-top:8px;padding:7px 8px;font-size:10px}.collaboration-state{color:#68736d;background:#f7f8f8;border-top:1px solid #d8dedb;justify-content:center;gap:6px;padding:22px 14px;font-size:11px}.collaboration-state--error{color:#942b36;flex-direction:column}.collaboration-state--error button{background:#fff;border:1px solid #c9d1cd;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:0 10px;display:inline-flex}.conversation-list header .collaboration-invitation-button{position:relative}.conversation-list header .collaboration-invitation-button.has-items{color:#7a551f;background:#fff8e7;border-color:#9a7035}.collaboration-invitation-button i{color:#fff;background:#b33440;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.collaboration-modal-backdrop{z-index:70;background:#141b1f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.collaboration-modal{background:#fff;border-radius:6px;width:min(460px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 18px 55px #0000003d}.collaboration-modal>header{border-bottom:1px solid #dfe3e1;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 19px;display:flex}.collaboration-modal>header p,.collaboration-modal>header h3{margin:0}.collaboration-modal>header p{color:#6a756f;font-size:10px}.collaboration-modal>header h3{margin-top:3px;font-size:17px}.collaboration-modal>header button{background:#fff;border:1px solid #cbd3cf;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.collaboration-modal>form{gap:14px;padding:18px;display:grid}.collaboration-modal label{color:#53615a;gap:6px;font-size:11px;display:grid}.collaboration-modal select,.collaboration-modal textarea{width:100%;font:inherit;background:#fff;border:1px solid #bfc9c4;border-radius:4px;padding:9px 10px}.collaboration-modal form footer,.collaboration-inbox-list article footer{justify-content:flex-end;gap:8px;display:flex}.collaboration-modal footer button{background:#fff;border:1px solid #bdc7c2;border-radius:4px;min-height:36px;padding:0 14px}.collaboration-modal footer button.is-primary{color:#fff;background:#214d78;border-color:#214d78}.end-dialog fieldset{border:0;gap:7px;margin:0;padding:0;display:grid}.end-dialog legend{color:#53615a;margin-bottom:7px;font-size:11px}.end-dialog .end-reason-option{border:1px solid #cbd3cf;border-radius:4px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 9px;display:grid}.end-reason-option input{accent-color:#214d78;width:16px;height:16px;margin:0}.end-reason-option span{gap:2px;display:grid}.end-reason-option strong{color:#2e3933;font-size:12px}.end-reason-option small{color:#727d77;font-size:10px}.collaboration-inbox-empty{color:#737e78;place-content:center;justify-items:center;min-height:150px;display:grid}.collaboration-inbox-empty p{margin:8px 0 0;font-size:12px}.collaboration-inbox-list{gap:9px;padding:14px;display:grid}.collaboration-inbox-list article{background:#faf8f2;border-left:3px solid #9a7035;gap:10px;padding:10px 11px;display:grid}.collaboration-inbox-list strong,.collaboration-inbox-list small{display:block}.collaboration-inbox-list strong{font-size:13px}.collaboration-inbox-list small{color:#6e7973;margin-top:3px;font-size:10px}.collaboration-inbox-list p{overflow-wrap:anywhere;margin:7px 0 0;font-size:11px}@media (width<=1000px){.agent-workspace{grid-template-columns:240px minmax(380px,1fr)}.visitor-context{z-index:50;background:#f7f8f8;border-left:1px solid #cbd3cf;width:min(360px,100vw - 24px);transition:transform .18s;display:block;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-12px 0 34px #0f181d2e}.visitor-context.is-open{transform:translate(0)}.mobile-context-button,.context-close{display:grid}.visitor-context>header{justify-content:space-between}.context-close{color:#405047;background:#fff;border:1px solid #cbd3cf;border-radius:4px;place-items:center;width:32px;height:32px}.context-backdrop{z-index:45;background:#141b1f6b;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}}@media (width<=700px){.agent-workspace{grid-template-columns:112px minmax(0,1fr);height:100%}.conversation-list>header{padding:10px}.list-header-actions{gap:2px}.conversation-list header .list-header-actions button{width:28px;height:30px}.conversation-list>header h2,.conversation-items .visitor-initial,.conversation-items small,.runtime-panel p span,.conversation-list>header>div:first-child{display:none}.conversation-list>header{justify-content:center}.runtime-panel{padding-inline:8px}.conversation-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-view-tabs button{grid-template-columns:auto auto;justify-content:center;min-height:36px}.conversation-view-tabs button i{top:2px;right:2px}.conversation-items{padding:6px}.conversation-items>button{grid-template-columns:minmax(0,1fr) auto;min-height:62px;padding:8px 9px}.conversation-items strong{font-size:12px}.conversation-items strong em{display:none}.agent-messages{padding:16px 12px}.agent-messages article>div{max-width:88%}.agent-composer form{grid-template-columns:minmax(0,1fr) 40px}.composer-tools{grid-column:1/-1}.canned-picker{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.canned-backdrop{padding:12px}.canned-editor-body{grid-template-columns:minmax(0,1fr);padding:16px}.canned-editor label,.canned-editor footer{grid-column:1}.canned-editor textarea{min-height:180px}}