:root{--ink:#172b27;--muted:#596b64;--green:#146b50;--light:#e5f1e9;--line:#e1e7e3;--panel:#f3f5f3;--canvas:#efeae2;--outgoing:#d9f4cc;--white:#fff;--radius:12px;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#b9c6be transparent}body,html{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--panel)}body{font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{cursor:not-allowed;opacity:.48}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green)}input,textarea{caret-color:var(--green)}::selection{background:#bde2c8;color:var(--ink)}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.25;font-weight:650}h2{font-size:21px;line-height:1.3;font-weight:600}h3{font-size:17px}svg{flex-shrink:0}.muted{color:var(--muted)}.workspace{height:100dvh;min-height:540px;display:flex;overflow:hidden;background:var(--white)}.rail{width:68px;flex-shrink:0;background:#eef2ef;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:16px;padding:22px 10px}.brand-mark{color:var(--green);margin-bottom:18px}.rail-button{border:0;border-radius:50%;height:44px;width:44px;background:transparent;color:var(--muted)}.rail-button.active,.rail-button:hover{background:#dbe7df;color:var(--green)}.rail-spacer{flex:1 1}.self-avatar{width:34px;height:34px;background:#d2ded7;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.chat-list{width:355px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #d6ddd7;background:var(--white)}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 23px 20px}.list-heading .muted{display:block;font-size:12px;margin-top:4px}.icon-button{background:transparent;color:var(--muted);border:0;border-radius:50%;width:38px;height:38px;flex-shrink:0}.icon-button:hover{background:#e2e9e4;color:var(--ink)}.search{display:flex;align-items:center;gap:10px;background:#f0f3f0;border-radius:8px;margin:0 18px;padding:0 13px;color:var(--muted)}.search input{border:0;background:transparent;min-width:0;width:100%;height:39px;color:var(--ink);outline-offset:0}.search input::placeholder,textarea::placeholder{color:var(--muted)}.filters{display:flex;gap:8px;padding:17px 20px 10px}.filters button{border:0;background:#f0f2ef;color:var(--muted);border-radius:20px;padding:7px 19px;font-size:13px}.filters button[aria-pressed=true]{background:#d9f0df;color:#225b3e}.list-caption{font-size:11px;color:var(--muted);padding:0 23px 15px}.chat-rows{overflow:auto;flex:1 1}.chat-row{display:flex;gap:12px;text-align:left;width:100%;border:0;background:transparent;padding:17px 18px;min-height:92px;justify-content:flex-start;border-bottom:1px solid #f0f2ef}.chat-row:hover{background:#f5f7f4}.chat-row.selected{background:#eaf1e9}.avatar{width:43px;height:43px;border-radius:50%;background:#dfeae3;color:#426b58;display:grid;place-items:center;flex-shrink:0;font-size:15px;font-weight:500}.chat-row:nth-child(3n+2) .avatar{background:#ede4d9;color:#795d40}.chat-row:nth-child(3n+3) .avatar{background:#dde8ee;color:#466975}.chat-summary{min-width:0;flex:1 1}.chat-title{display:flex;align-items:baseline;gap:5px;justify-content:space-between}.chat-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.chat-title time{font-size:10px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-agent,.chat-preview{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-agent{font-size:10px;color:#4e6b5a;margin:3px 0}.chat-preview{color:var(--muted);font-size:12px}.list-footer{border-top:1px solid var(--line);padding:17px 20px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.conversation{min-width:0;flex:1 1;display:flex;flex-direction:column;background:var(--canvas)}.conversation-header{display:flex;align-items:center;gap:13px;padding:15px 26px;background:#f6f7f4;border-bottom:1px solid #dce1d9;min-height:78px}.conversation-heading{min-width:0}.conversation-heading h2{font-size:15px}.conversation-heading p{font-size:12px;color:var(--muted);margin-top:3px}.connection-label{margin-left:auto;display:flex;gap:8px;align-items:flex-start;color:#385d49;font-size:11px}.connection-label small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a28463;margin-top:5px}.status-dot.online{background:#43845f}.message-list{flex:1 1;overflow:auto;padding:22px clamp(20px,6vw,100px) 30px}.date-divider{text-align:center;margin:4px 0 22px;font-size:11px;color:var(--muted)}.date-divider span{display:inline-block;background:#f8f7f2;padding:6px 13px;border-radius:6px}.message{width:fit-content;max-width:82%;border-radius:9px;background:#fff;padding:10px 13px 6px;margin-bottom:10px;box-shadow:0 1px 1px #16251a12;overflow-wrap:anywhere}.message.outgoing{background:var(--outgoing);margin-left:auto}.message footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#526b58;font-size:10px;margin-top:4px}.message-text{white-space:pre-wrap;font-size:14px;line-height:1.55}.message-image{max-width:100%;max-height:330px;width:auto}.message video,.message-image{display:block;border-radius:5px}.message video{width:100%;max-width:420px;max-height:340px}.message audio{max-width:100%;width:290px;height:42px}.document{display:flex;align-items:center;gap:12px;padding:10px 2px;color:var(--green)}.media-placeholder{padding:12px 6px;color:var(--muted);font-size:12px}.message.pending{opacity:.8}.message.pending footer{max-width:290px}.composer{background:#f5f6f2;padding:12px 20px 8px}.composer-row{display:flex;gap:11px;align-items:center}.composer textarea{resize:vertical;min-height:43px;max-height:140px;width:100%;padding:12px 15px;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--ink)}.send-button{width:43px;height:43px;flex-shrink:0;border:0;border-radius:50%;background:var(--green);color:#fff}.send-button:hover{background:#0e543d}.composer-hint{font-size:10px;color:var(--muted);text-align:center;margin-top:8px}.attachment-chip{display:flex;align-items:center;gap:8px;padding:0 10px 8px;font-size:12px}.attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-empty{margin:auto;text-align:center;padding:40px;max-width:490px;color:var(--muted)}.empty-mark{width:110px;height:110px;background:#e0e6db;border-radius:50%;display:grid;place-items:center;margin:0 auto 26px;color:#608269}.conversation-empty h2{font-size:27px;font-weight:400;color:var(--ink);margin-bottom:14px}.conversation-empty p{line-height:1.7}.conversation-empty>span{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;margin-top:36px}.list-empty{padding:35px 25px;color:var(--muted);text-align:center;line-height:1.65}.list-empty h2{font-size:17px;margin:10px 0}.list-empty p{font-size:12px}.text-button{border:0;background:transparent;color:var(--green);padding:10px 8px}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.primary{background:var(--green);color:#fff;border:0;padding:11px 18px;border-radius:7px;font-weight:500}.primary:hover{background:#10583f}.connection-warning,.error-banner{padding:11px 22px;font-size:12px;background:#fff0dd;color:#794a16;display:flex;align-items:center;justify-content:space-between}.error-banner{background:#fff0ec;color:#963e30}.form-error{color:#963e30}.conversation-notice{text-align:center;color:var(--muted);padding:30px;font-size:13px}.older-button{display:block;margin:0 auto 20px;background:#fff;border:0;border-radius:20px;padding:9px 15px;color:var(--green)}.back{display:none}.access-denied{padding:24px;background:#fff;min-height:100dvh;font-size:16px}.entry-screen{min-height:100dvh;flex-direction:column;justify-content:center;gap:24px;background:#eef2ed}.entry-brand,.entry-screen{display:flex;align-items:center}.entry-brand{gap:10px;color:var(--green);font-size:23px}.entry-card{background:#fff;padding:38px;width:min(460px,calc(100% - 32px));border-radius:14px;display:flex;flex-direction:column;gap:22px}.entry-symbol{color:var(--green)}.entry-card p{color:var(--muted)}.install-fields{display:grid;gap:17px}label{display:flex;flex-direction:column;gap:7px}label.search{flex-direction:row;gap:10px}input,select{padding:11px 12px;border:1px solid #bdc9c0;border-radius:6px;background:#fff;color:var(--ink)}.settings{flex:1 1;min-width:0;display:flex;flex-direction:column;background:#fff}.settings-header{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:17px}.settings-header .primary{margin-left:auto}.settings-header p{margin-top:4px;font-size:12px}.settings-content{display:flex;flex:1 1;min-height:0}.connection-list{width:310px;border-right:1px solid var(--line);overflow:auto}.connection-row{display:flex;align-items:center;text-align:left;justify-content:flex-start;gap:15px;background:#fff;border:0;border-bottom:1px solid var(--line);width:100%;padding:20px}.connection-row.selected{background:var(--light)}.connection-row small{display:block;color:var(--muted);margin-top:4px}.connection-detail{flex:1 1;overflow:auto;padding:40px;min-width:0}.employee-field{display:grid;gap:8px}.employee-filters{margin:0 16px;padding:10px 0;border-bottom:1px solid var(--line)}.employee-filters summary{cursor:pointer;color:var(--green)}.employee-filters .employee-field{margin-top:12px}.delete-confirmation{padding:16px;background:#fff0ec;color:#963e30}.delete-confirmation button{margin:6px 10px 0 0}.danger-button{padding:11px 18px;border:0;border-radius:7px;background:#963e30;color:#fff}.danger-text{color:#963e30}.employee-picker{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);text-align:left}.employee-picker span{overflow-wrap:anywhere;min-width:0}.employee-picker svg{flex-shrink:0}.employee-picker:hover:not(:disabled){background:var(--light)}.connection-form{max-width:490px;display:flex;flex-direction:column;gap:23px;margin:0 auto}.connection-form label{font-size:13px;font-weight:500}.field-hint{font-size:12px;color:var(--muted)}.form-actions{gap:15px;flex-wrap:wrap}.form-actions,.settings-empty{display:flex;align-items:center}.settings-empty{max-width:380px;margin:60px auto;text-align:center;flex-direction:column;gap:20px;color:var(--muted)}.settings-empty h2{color:var(--ink)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:13px}dd{margin:0}.status-text{text-transform:capitalize}.pairing{background:#f4f6f2;padding:24px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted)}.pairing img{max-width:100%;height:auto}.pairing ol{text-align:left;padding-left:20px;font-size:13px;line-height:1.9}.demo-note{margin:0 18px 14px;background:#f7eddc;color:#745524;font-size:10px;padding:7px 9px;border-radius:4px}@media (min-width:1500px){.chat-list{width:395px}.message{max-width:72%}}@media (max-width:1000px){.chat-list{width:305px}.rail{width:58px}.message-list{padding-left:22px;padding-right:22px}.conversation-header{padding:15px}.connection-list{width:240px}.connection-detail{padding:25px}.settings-header{flex-wrap:wrap}}@media (max-width:700px){.workspace{min-height:100dvh}.rail{width:52px;padding:18px 6px;gap:13px}.rail-button{width:38px;height:38px}.chat-list{width:calc(100% - 52px)}.conversation,.has-selection .chat-list{display:none}.has-selection .conversation{display:flex}.has-selection .rail{display:none}.back{display:inline-flex}.conversation-header{gap:9px;padding:12px 8px}.conversation-header .avatar{width:36px;height:36px;font-size:13px}.conversation-heading h2{font-size:14px}.conversation-heading p{font-size:10px}.connection-label{font-size:10px;margin-right:5px}.connection-label small{font-size:9px}.message{max-width:90%}.message-list{padding:18px 14px}.composer{padding:10px 8px 7px}.composer-row{gap:4px}.composer-hint{font-size:9px}.settings-header{padding:20px 15px;gap:10px}.settings-header h1{font-size:22px}.settings-header .primary{margin-left:0}.settings-content{flex-direction:column;overflow:auto}.connection-list{width:100%;max-height:190px;flex-shrink:0;border-right:0;border-bottom:1px solid var(--line)}.connection-detail{overflow:visible;padding:25px 20px}.settings-empty{margin:25px auto}.conversation-empty{padding:25px}.message audio{width:235px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.list-error{padding:20px;color:#963e30;background:#fff0ec;font-size:13px}.install-contact-fields{border:0;padding:0;margin:24px 0;display:grid;gap:12px;min-width:0}.install-contact-fields legend{font-weight:600;margin-bottom:10px}.install-contact-fields label{display:grid;gap:5px}.install-contact-fields input:not([type=checkbox]){width:100%;padding:10px;border:1px solid var(--line);border-radius:6px}.install-contact-fields .install-accept{display:flex;align-items:flex-start;gap:10px}.install-accept input{flex-shrink:0;margin-top:4px}.support-fallback{position:fixed;bottom:20px;right:20px;z-index:100;background:var(--green);color:var(--white);padding:12px 18px;border-radius:7px}