:root{color:#1c2825;font-synthesis:none;--ink:#18231f;--muted:#71807b;--line:#e5e9e6;--lime:#dff36d;--forest:#14231f;--paper:#fff;--cream:#f7f8f5;background:#edf0ec;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #4f6f5e2e}.app-shell{background:var(--paper);grid-template-columns:72px 330px minmax(480px,1fr) 310px;height:100vh;display:grid;overflow:hidden}.rail{background:var(--forest);color:#90a19a;z-index:10;flex-direction:column;align-items:center;padding:18px 12px;display:flex}.brand-mark{background:var(--lime);width:40px;height:40px;color:var(--forest);border:0;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 -2px #14231f1f}.rail-nav{flex-direction:column;gap:8px;width:100%;margin-top:42px;display:flex}.rail-item{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;margin:0 auto;transition:all .18s;display:grid;position:relative}.rail-item:hover{color:#fff;background:#ffffff14}.rail-item.active{color:var(--lime);background:#dff36d1c}.rail-item.active:before{content:"";background:var(--lime);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-14px}.rail-count{color:#fff;border:2px solid var(--forest);background:#ee7458;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:1px;right:1px}.rail-bottom{flex-direction:column;align-items:center;gap:6px;margin-top:auto;display:flex}.avatar{background:color-mix(in srgb, var(--avatar) 22%, white);color:color-mix(in srgb, var(--avatar) 88%, #223);letter-spacing:-.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.avatar-md{width:40px;height:40px;font-size:12px}.avatar-sm{width:34px;height:34px;font-size:10px}.avatar-xs{width:28px;height:28px;font-size:9px}.avatar-lg{width:68px;height:68px;font-size:18px}.presence{background:#9aa49f;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:-1px}.presence.online{background:#45b980}.presence.away{background:#e7a33c}.presence.offline{background:#aab2ae}.rail .presence{border-color:var(--forest)}.inbox-panel{border-right:1px solid var(--line);background:#fafbf9;flex-direction:column;min-width:0;display:flex;overflow:hidden}.inbox-header{justify-content:space-between;align-items:center;height:82px;padding:17px 22px 8px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#98a29e;margin:0 0 4px;font-size:9px;font-weight:700}.inbox-header h1{letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif;font-size:23px}.inbox-header h1 span{vertical-align:3px;color:#697570;background:#e9eee9;border-radius:7px;place-items:center;min-width:21px;height:21px;margin-left:6px;font:700 10px DM Sans;display:inline-grid}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;transition:all .16s;display:grid}.icon-btn:hover{background:#f3f6f3;transform:translateY(-1px)}.icon-btn.soft{background:#eff2ed;border-color:#0000}.site-picker{color:#7d8983;background:#fff;border:1px solid #e1e6e1;border-radius:10px;grid-template-columns:18px auto minmax(0,1fr) 14px;align-items:center;gap:5px;height:38px;margin:3px 18px 8px;padding:0 10px;display:grid}.site-picker>span{text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700}.site-picker select{appearance:none;color:#33433c;text-align:right;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px;font-weight:700}.search-wrap{color:#89938f;background:#fff;border:1px solid #e1e5e1;border-radius:10px;align-items:center;gap:8px;height:40px;margin:7px 18px 14px;padding:0 11px;display:flex;box-shadow:0 1px 1px #12231f05}.search-wrap:focus-within{border-color:#aebbad;box-shadow:0 0 0 3px #4767520f}.search-wrap input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;font-size:12px}.search-wrap input::placeholder{color:#9ba49f}kbd{color:#9aa29f;background:#f2f4f1;border:1px solid #e4e7e3;border-radius:5px;padding:3px 5px;font:600 9px DM Sans}.filter-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:0 18px 13px;display:flex}.filter-tabs button{color:#87918d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:600}.filter-tabs button:hover{color:var(--ink);background:#eef1ee}.filter-tabs button.active{color:var(--ink);background:#e9eee8}.filter-tabs button b{background:#fff;border-radius:5px;margin-left:5px;padding:1px 5px;font-size:9px}.filter-tabs .filter-more{margin-left:auto;padding:6px}.conversation-list{flex:1;padding:7px 8px 12px;overflow-y:auto}.conversation-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:11px;width:100%;min-height:82px;padding:13px 11px;transition:all .16s;display:flex;position:relative}.conversation-card:hover{background:#f1f3f0}.conversation-card.active{background:#fff;border-color:#e2e6e2;box-shadow:0 4px 16px #1d2f280e}.conversation-copy{flex:1;min-width:0}.conversation-name{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.conversation-name strong{color:#2a3531;font-size:12px}.conversation-name time{color:#9aa39f;font-size:9px}.conversation-preview{color:#7b8581;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.conversation-preview svg{vertical-align:-2px;margin-right:3px}.conversation-labels{gap:5px;margin-top:6px;display:flex}.mini-label{border-radius:5px;align-items:center;gap:3px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:700;display:inline-flex}.mini-label.priority{color:#c76a45;background:#fff1e9}.mini-label.resolved{color:#489060;background:#eaf7ee}.unread-dot{color:#fff;background:#263d35;border-radius:10px;align-self:center;place-items:center;min-width:20px;height:20px;margin-left:2px;padding:0 5px;font-size:9px;font-weight:700;display:grid}.inbox-footer{border-top:1px solid var(--line);color:#77817d;justify-content:space-between;align-items:center;height:46px;padding:0 18px;font-size:9px;display:flex}.inbox-footer span{align-items:center;gap:7px;display:flex}.status-dot{background:#3cb474;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e1f4e8}.empty-state{text-align:center;color:#9aa49f;padding:42px 20px}.empty-state svg{margin-bottom:5px}.empty-state p{color:#53605b;margin:5px 0;font-size:12px;font-weight:700}.empty-state span{font-size:10px}.chat-panel{background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex}.chat-title{align-items:center;gap:10px;min-width:0;display:flex}.chat-title h2{letter-spacing:-.02em;margin:0 0 3px;font:700 14px Manrope}.chat-title p{color:#8a9490;align-items:center;gap:4px;margin:0;font-size:9px;display:flex}.chat-actions{gap:7px;display:flex}.resolve-btn{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.resolve-btn:hover{background:#253a33}.resolve-btn:disabled{opacity:.38;cursor:default}.resolve-btn.is-resolved{color:#48745b;background:#e8f2e9}.mobile-back,.details-toggle{display:none}.messages-area{scroll-behavior:smooth;flex:1;padding:18px clamp(24px,5vw,80px) 28px;overflow-y:auto}.empty-conversation{text-align:center;color:#89958f;flex-direction:column;justify-content:center;align-items:center;max-width:370px;min-height:100%;margin:auto;display:flex}.empty-conversation>span{color:#536a5d;background:#eef3e9;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.empty-conversation h3{color:#283a32;letter-spacing:-.03em;margin:14px 0 5px;font:800 16px Manrope}.empty-conversation p{max-width:310px;margin:0;font-size:10px;line-height:1.55}.empty-conversation button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:5px;height:34px;margin-top:15px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.date-divider{color:#9ba39f;align-items:center;gap:12px;margin:4px 0 18px;font-size:9px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#edf0ed;flex:1;height:1px}.event-row{text-align:center;color:#9ca5a1;margin:0 0 24px;font-size:9px}.event-row span{align-items:center;gap:5px;display:inline-flex}.event-row time{margin-left:7px}.message-row{gap:9px;margin:16px 0 20px;animation:.25s ease-out rise;display:flex}.message-row.agent{justify-content:flex-end}.message-row.consecutive{margin-top:-12px}.message-stack{max-width:min(520px,72%)}.message-row.agent .message-stack{flex-direction:column;align-items:flex-end;display:flex}.message-meta{align-items:center;gap:8px;margin:0 2px 6px;font-size:9px;display:flex}.message-meta strong{color:#65716c}.message-meta time{color:#a5ada9}.message-bubble{color:#34413c;background:#f1f3f0;border-radius:5px 14px 14px;padding:11px 14px;font-size:11px;line-height:1.55}.agent .message-bubble{color:#f7fbf8;background:#1d312a;border-radius:14px 5px 14px 14px}.seen{color:#a2aaa6;align-items:center;gap:3px;margin:4px 3px 0 0;font-size:8px;display:flex}.avatar-spacer{flex:none;width:28px}.note-message{color:#685d29;background:#fff9dc;border:1px solid #f0e6af;border-radius:10px;max-width:76%;margin:18px auto;padding:10px 13px;font-size:10px}.note-message>div{align-items:center;gap:6px;display:flex}.note-message time{color:#a19768;margin-left:auto;font-size:8px}.note-message p{margin:7px 0 0;line-height:1.5}.typing-bubble{background:#f1f3f0;border-radius:5px 14px 14px;align-items:center;gap:4px;padding:12px 14px;display:flex}.typing-bubble i{background:#8b9792;border-radius:50%;width:5px;height:5px;animation:1.1s infinite typing}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}.composer{border:1px solid #dfe4df;border-radius:12px;flex-direction:column;flex:0 0 170px;margin:0 20px 18px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 5px 22px #16241f11}.composer:focus-within{border-color:#adb8ae;box-shadow:0 5px 25px #16241f14,0 0 0 3px #66826f0f}.composer.note-mode{background:#fffcf0;border-color:#e6d98b}.composer-tabs{border-bottom:1px solid #edf0ed;align-items:center;height:36px;padding:0 8px;display:flex}.composer-tabs button{color:#89928e;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:9px;font-weight:700;display:flex}.composer-tabs button.active{color:#273a33;background:#f0f3ef}.composer.note-mode .composer-tabs button.active{color:#796c25;background:#f9efbd}.composer-tabs>span{color:#a1a9a5;margin-left:auto;padding-right:5px;font-size:8px}.composer textarea{resize:none;color:#34413c;background:0 0;border:0;outline:0;flex:1;padding:12px 14px;font-size:11px}.composer textarea::placeholder{color:#9ca6a1}.composer-footer{justify-content:space-between;align-items:center;height:42px;padding:0 8px 8px;display:flex}.composer-footer button{color:#86918c;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:inline-grid}.composer-footer button:hover{color:#415149;background:#f0f3ef}.send-group{align-items:center;gap:8px;display:flex}.send-group span{color:#a3aaa7;font-size:8px}.send-group span b{color:#79847f}.send-group button{color:#fff;background:#1d312a;gap:7px;width:auto;height:31px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.send-group button:hover{color:#fff;background:#2a433a}.send-group button:disabled{opacity:.38;cursor:default}.details-panel{border-left:1px solid var(--line);background:#fafbf9;min-width:0;overflow-y:auto}.details-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 17px 0 20px;display:flex}.details-panel>header h3{margin:0;font:700 12px Manrope}.details-panel>header .icon-btn{background:0 0;border:0}.profile-card{text-align:center;border-bottom:1px solid var(--line);padding:25px 20px 21px}.profile-card .avatar{margin:auto}.profile-card h3{margin:11px 0 3px;font:700 14px Manrope}.profile-card>p{color:#8e9793;margin:0;font-size:9px}.profile-actions{justify-content:center;gap:8px;margin-top:17px;display:flex}.profile-actions button{color:#67736e;cursor:pointer;background:#fff;border:1px solid #e5e9e5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:55px;height:48px;display:flex}.profile-actions button:hover{color:#23342e;border-color:#cdd5cf}.profile-actions span{font-size:8px;font-weight:600}.detail-section{border-bottom:1px solid var(--line);padding:0 19px}.detail-heading{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0;font-size:10px;font-weight:700;display:flex}.detail-heading span{align-items:center;gap:6px;display:flex}.detail-heading b{color:#7d8782;background:#e9ede9;border-radius:5px;padding:2px 5px;font-size:8px}.detail-heading svg{color:#9ca5a1;transition:all .18s;transform:rotate(-90deg)}.detail-section.expanded .detail-heading svg{transform:rotate(0)}.detail-body{padding-bottom:15px}.detail-row{color:#97a09c;grid-template-columns:20px 67px 1fr;align-items:center;min-height:28px;display:grid}.detail-row span{font-size:8.5px}.detail-row strong{color:#4e5b56;text-align:right;font-size:8.5px;font-weight:600}.activity-item{align-items:center;gap:9px;margin:7px 0 12px;display:flex}.activity-icon{color:#6e7b75;background:#eef2ed;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.activity-item div{flex-direction:column;display:flex}.activity-item strong{font-size:9px}.activity-item span{color:#9ba39f;margin-top:2px;font-size:8px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#607461;background:#e9f1e8;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:700}.tags button{color:#8c9691;background:0 0;border:1px dashed #cdd4cd;border-radius:6px;place-items:center;width:25px;display:grid}.assignee{align-items:center;gap:8px;display:flex}.assignee>span{flex-direction:column;flex:1;display:flex}.assignee strong{font-size:9px}.assignee small{color:#9da5a1;font-size:8px}.widget-wrap{z-index:50;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:22px;right:24px}.widget-launcher{color:#17251f;background:var(--lime);cursor:pointer;pointer-events:auto;border:0;border-radius:18px;place-items:center;width:54px;height:54px;transition:transform .2s;display:grid;position:relative;box-shadow:0 10px 30px #0f231c40}.widget-launcher:hover{transform:translateY(-2px)scale(1.02)}.launcher-pulse{background:#eb6b4e;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.widget-wrap.open .launcher-pulse{display:none}.widget-window{pointer-events:auto;background:#fff;border:1px solid #1c2d271f;border-radius:20px;flex-direction:column;width:355px;height:min(600px,100vh - 100px);animation:.25s cubic-bezier(.2,.8,.2,1) widget-in;display:flex;overflow:hidden;box-shadow:0 18px 65px #0d1e1840}.widget-header{color:#fff;background:#1a3028;padding:16px 19px 23px}.widget-top{align-items:center;gap:8px;font:700 12px Manrope;display:flex}.widget-top button{color:#b9c5c0;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.widget-logo{color:#1a3028;background:var(--lime);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.widget-greeting{margin-top:22px}.widget-greeting h2{letter-spacing:-.04em;margin:0 0 5px;font:700 24px Manrope}.widget-greeting p{color:#b8c6c0;margin:0;font-size:10px}.agent-stack{align-items:center;margin-top:17px;display:flex}.agent-stack .avatar{border:2px solid #1a3028}.agent-stack .avatar+.avatar{margin-left:-9px}.agent-stack>span{color:#aebeb7;align-items:center;gap:5px;margin-left:8px;font-size:8px;display:flex}.agent-stack>span i{background:#4ac481;border-radius:50%;width:6px;height:6px}.widget-home{background:#f6f8f5;flex:1;padding:17px;overflow-y:auto}.start-chat{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:13px;align-items:center;width:100%;padding:15px;display:flex;box-shadow:0 3px 15px #14261f14}.start-chat span{flex-direction:column;flex:1;display:flex}.start-chat strong{font-size:10px}.start-chat small{color:#909a96;margin-top:4px;font-size:8px}.start-chat svg{color:#2c493f}.widget-help{background:#fff;border-radius:13px;margin-top:13px;padding:14px;box-shadow:0 3px 15px #14261f0f}.widget-help h4{margin:0 0 8px;font:700 10px Manrope}.widget-help button{color:#51605a;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;width:100%;padding:11px 0;font-size:9px;display:flex}.widget-chat{flex-direction:column;flex:1;min-height:0;display:flex}.widget-thread{background:#f7f8f5;flex:1;padding:15px 16px;overflow-y:auto}.widget-day{text-align:center;color:#9ba49f;margin-bottom:14px;font-size:8px}.widget-message{color:#42504a;background:#fff;border-radius:12px 12px 12px 4px;width:fit-content;max-width:80%;margin:7px 0;padding:9px 11px 6px;font-size:9.5px;line-height:1.5;box-shadow:0 2px 7px #14231e0d}.widget-message.agent{color:#fff;background:#213830;border-radius:12px 12px 4px;margin-left:auto}.widget-message time{opacity:.55;text-align:right;margin-top:2px;font-size:7px;display:block}.widget-composer{border-top:1px solid #e9ede9;min-height:84px;padding:8px 10px 7px}.widget-composer textarea{resize:none;border:0;outline:0;width:100%;height:34px;padding:6px;font-size:10px}.widget-composer>div{display:flex}.widget-composer button{color:#84908b;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.widget-composer .widget-send{background:var(--lime);color:#1a3028;margin-left:auto}.widget-composer .widget-send:disabled{opacity:.4}.widget-credit{color:#a0a8a4;background:#fff;border-top:1px solid #f0f2ef;justify-content:center;align-items:center;gap:3px;height:28px;font-size:7px;display:flex}.widget-credit strong{color:#7c8883}.toast{color:#fff;z-index:60;background:#162820;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;animation:.2s rise;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #11231c33}.connection-pill{z-index:20;color:#a8b6b0;pointer-events:none;background:#1a2b25;border:1px solid #ffffff18;border-radius:8px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:8px;font-weight:700;display:flex;position:fixed;bottom:10px;left:83px}.connection-pill.online{color:#b9e0c8}.connection-pill.offline{color:#efb89f}.connection-pill.connecting svg{animation:1.1s infinite typing}.auth-screen,.login-screen{min-height:100vh;color:var(--ink);background:#f3f5f1;place-items:center;display:grid}.auth-screen{color:#79847f;align-content:center;gap:10px;font-size:11px}.auth-loader{width:48px;height:48px;color:var(--forest);background:var(--lime);border-radius:15px;place-items:center;animation:.4s widget-in,1.4s .4s infinite typing;display:grid}.login-screen{grid-template-rows:auto 1fr auto;padding:26px;position:relative;overflow:auto}.login-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#dcf0703b,#dcf07000 68%);border-radius:50%;width:620px;height:620px;position:absolute;top:-250px;right:-180px}.login-brand{z-index:1;justify-self:start;align-items:center;gap:9px;font:800 16px Manrope;display:flex}.login-brand span{width:34px;height:34px;color:var(--forest);background:var(--lime);border-radius:10px;place-items:center;display:grid}.login-theme-toggle{z-index:2;color:#53615b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffc7;border:1px solid #dfe5df;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:9px;font-weight:700;transition:all .18s;display:flex;position:absolute;top:26px;right:26px;box-shadow:0 5px 18px #172a220d}.login-theme-toggle:hover{background:#fff;border-color:#bdc8bf;transform:translateY(-1px)}.login-card{z-index:1;background:#fffffff0;border:1px solid #e1e6e1;border-radius:22px;align-self:center;width:min(410px,100vw - 32px);padding:36px;box-shadow:0 24px 70px #172a2217}.login-icon{color:#32493f;background:#eef2eb;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:22px;display:grid}.login-card h1{letter-spacing:-.05em;margin:0 0 7px;font:800 29px Manrope}.login-card .eyebrow{margin-bottom:7px}.login-subtitle{color:#7d8883;margin:0 0 25px;font-size:11px;line-height:1.5}.login-card label,.field-label{color:#4d5a55;flex-direction:column;gap:7px;margin:15px 0;font-size:9px;font-weight:700;display:flex}.login-card input,.field-label input,.field-label textarea{color:#293a33;background:#fff;border:1px solid #dfe4df;border-radius:10px;outline:0;width:100%;padding:11px 12px;font-size:11px;font-weight:500}.login-card input:focus,.field-label input:focus,.field-label textarea:focus{border-color:#a8b7aa;box-shadow:0 0 0 3px #3e5d4a0f}.login-card>.auth-submit{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:8px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.login-card>.auth-submit:disabled{opacity:.6}.login-card small{text-align:center;color:#a0a9a5;margin-top:15px;font-size:8px;display:block}.login-error{color:#b5583e;background:#fff0eb;border-radius:8px;padding:9px 10px;font-size:9px}.register-card{width:min(570px,100vw - 32px);padding:28px 34px}.register-card .login-icon{width:39px;height:39px;margin-bottom:13px}.register-card .login-subtitle{margin-bottom:12px}.register-card label{margin:9px 0}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.auth-switch{color:#8e9994;border-top:1px solid #edf0ed;justify-content:center;align-items:center;gap:5px;margin-top:14px;padding-top:14px;font-size:8.5px;display:flex}.auth-switch button{color:#385c4c;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.login-footer{color:#9aa39f;z-index:1;font-size:8px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1c1775;place-items:center;padding:20px;animation:.18s rise;display:grid;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(820px,100%);height:min(690px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 90px #0b1c1547}.settings-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 23px 0 26px;display:flex}.settings-modal>header h2{letter-spacing:-.035em;margin:2px 0 0;font:800 18px Manrope}.settings-layout{flex:1;grid-template-columns:190px 1fr;min-height:0;display:grid}.settings-layout>nav{border-right:1px solid var(--line);background:#f6f8f5;padding:18px 11px}.settings-layout>nav button{color:#718079;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;height:41px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.settings-layout>nav button:hover{color:#263a32}.settings-layout>nav button.active{color:#1e342b;background:#fff;box-shadow:0 2px 10px #14261f0e}.settings-content{min-height:0;padding:28px 34px 35px;overflow-y:auto}.settings-heading{align-items:center;gap:13px;margin-bottom:23px;display:flex}.settings-heading>span{flex:none}.settings-heading>div{flex:1;min-width:0}.settings-heading h3{letter-spacing:-.02em;margin:0 0 3px;font:800 14px Manrope}.settings-heading p{color:#87918d;margin:0;font-size:9px}.whatsapp-mark,.chat-mark,.appearance-mark,.website-mark{border-radius:11px;place-items:center;width:38px;height:38px;font:800 15px Manrope;display:grid}.whatsapp-mark{color:#1e9e54;background:#dbf8e6}.chat-mark{color:#486043;background:#edf2dc}.appearance-mark{color:#7654bd;background:#f0eaff}.website-mark{color:#4771a8;background:#e7f1ff}.switch{width:40px;height:22px;margin-left:auto;position:relative}.switch input{opacity:0;position:absolute}.switch i{cursor:pointer;background:#d7ddd8;border-radius:13px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1b2d2630}.switch input:checked+i{background:#1f3b31}.switch input:checked+i:after{transform:translate(18px)}.field-label span{color:#9ba4a0;margin-top:-3px;font-size:8px;font-weight:500}.field-label textarea{resize:vertical;min-height:68px;line-height:1.5}.phone-field{background:#fff;border:1px solid #dfe4df;border-radius:10px;align-items:center;display:flex;overflow:hidden}.phone-field:focus-within{border-color:#a8b7aa;box-shadow:0 0 0 3px #3e5d4a0f}.phone-field b{color:#87928d;padding-left:12px}.phone-field input{border:0;padding-left:5px;box-shadow:none!important}.color-field{gap:8px;display:flex}.color-field input[type=color]{cursor:pointer;width:46px;padding:4px}.color-field input:last-child{flex:1}.embed-block{border:1px solid #dfe5df;border-radius:11px;margin-top:20px;overflow:hidden}.embed-block>div{background:#f5f7f4;border-bottom:1px solid #e4e8e4;justify-content:space-between;align-items:center;height:38px;padding:0 9px 0 12px;display:flex}.embed-block span,.embed-block button{align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.embed-block button{color:#5d6b65;cursor:pointer;background:#fff;border:1px solid #dfe3df;border-radius:6px;padding:5px 8px}.embed-block code{color:#52615b;white-space:nowrap;background:#fbfcfa;padding:13px;font-size:9px;display:block;overflow-x:auto}.settings-hint{color:#89938f;gap:7px;margin:13px 2px;font-size:8.5px;line-height:1.45;display:flex}.settings-hint svg{flex:none}.demo-link{color:#345b4a;align-items:center;gap:5px;margin-top:14px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.account-card{background:#f5f7f4;border:1px solid #e5e9e5;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.account-card>div{flex-direction:column;display:flex}.account-card strong{font-size:10px}.account-card span{color:#8f9994;margin-top:2px;font-size:8px}.logout-btn{color:#ae503b;cursor:pointer;background:#fff8f6;border:1px solid #efc7bd;border-radius:9px;margin-top:17px;padding:9px 12px;font-size:9px;font-weight:700}.website-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.website-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e6e1;border-radius:11px;align-items:center;gap:9px;min-width:0;min-height:64px;padding:10px;transition:all .16s;display:flex}.website-card:hover{border-color:#bdc8bf;transform:translateY(-1px)}.website-card.selected{border-color:#6f8978;box-shadow:0 0 0 2px #4765511a}.website-card-icon{color:#597064;background:#edf2ed;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.website-card>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.website-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.website-card small{text-overflow:ellipsis;white-space:nowrap;color:#929d98;margin-top:3px;font-size:7.5px;overflow:hidden}.website-card b{color:#4c755d;background:#eaf4ec;border-radius:6px;align-items:center;gap:3px;padding:4px 6px;font-size:7px;display:flex}.website-card em{color:#8d9893;font-size:7.5px;font-style:normal;font-weight:700}.add-website-form{background:#f9faf8;border:1px dashed #ccd5ce;border-radius:12px;margin-top:18px;padding:14px}.add-website-form>div:first-child{flex-direction:column;display:flex}.add-website-form strong{font-size:9.5px}.add-website-form span{color:#909a95;margin-top:3px;font-size:8px}.add-website-fields{grid-template-columns:1fr 1fr auto;gap:7px;margin-top:11px;display:grid}.add-website-fields input{color:#304139;background:#fff;border:1px solid #dfe4df;border-radius:8px;outline:0;min-width:0;height:36px;padding:0 9px;font-size:8.5px}.add-website-fields input:focus{border-color:#9eafa2}.add-website-fields button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.add-website-fields button:disabled{opacity:.55}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.theme-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5df;border-radius:14px;min-width:0;padding:9px 9px 13px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.theme-option:hover{border-color:#bdc8bf;transform:translateY(-2px);box-shadow:0 9px 25px #13271f14}.theme-option.selected{border-color:#687e70;box-shadow:0 0 0 2px #425e4c1f,0 9px 25px #13271f12}.theme-preview{border:1px solid #5b6d6426;border-radius:10px;height:130px;margin-bottom:11px;display:block;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#192b25;width:18%;position:absolute;inset:0 auto 0 0}.theme-preview:after{content:"";opacity:.12;background:currentColor;border-radius:5px;height:10%;position:absolute;top:11%;left:23%;right:5%}.theme-preview i,.theme-preview b{border-radius:6px;display:block;position:absolute}.theme-preview i:first-child{width:29%;height:58%;top:29%;left:23%}.theme-preview i:nth-child(2){height:27%;top:29%;left:56%;right:5%}.theme-preview i:nth-child(3){height:26%;top:61%;left:56%;right:5%}.theme-preview b{aspect-ratio:1;background:#dff36d;border-radius:4px;width:10%;top:8%;left:4%}.theme-preview-sage{color:#26372f;background:#f7f8f5}.theme-preview-sage i{background:#fff;border:1px solid #e3e8e3}.theme-preview-midnight{color:#dce8e2;background:#0f1714}.theme-preview-midnight:before{background:#080e0c}.theme-preview-midnight i{background:#1b2722;border:1px solid #2a3a33}.theme-option-copy{flex-direction:column;padding:0 3px;display:flex}.theme-option-copy strong{font:700 11px Manrope}.theme-option-copy small{color:#8b9691;margin-top:3px;font-size:8px}.theme-check{color:#0000;border:1px solid #dce2dc;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:15px;right:12px}.theme-option.selected .theme-check{border-color:var(--forest);background:var(--forest);color:#fff}.settings-modal>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:62px;padding:0 22px;display:flex}.settings-modal>footer>span{color:#818c87;align-items:center;gap:7px;font-size:8px;display:flex}.save-settings{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:9px;height:34px;padding:0 14px;font-size:9px;font-weight:700}.save-settings:disabled{opacity:.45}html[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f0ec;--ink:#e8f0ec;--muted:#91a099;--line:#26342e;--lime:#d7ef67;--forest:#09120f;--paper:#101815;--cream:#131d19;background:#090f0d}html[data-theme=midnight] body{background:#090f0d}html[data-theme=midnight] .inbox-panel,html[data-theme=midnight] .details-panel{background:#111a17}html[data-theme=midnight] .chat-panel{background:#0f1714}html[data-theme=midnight] .rail{color:#788b82;background:#070d0b}html[data-theme=midnight] .icon-btn,html[data-theme=midnight] .search-wrap,html[data-theme=midnight] .profile-actions button,html[data-theme=midnight] .site-picker{color:#a9b8b1;background:#17221e;border-color:#2b3a34}html[data-theme=midnight] .site-picker select{color:#d9e5df}html[data-theme=midnight] .icon-btn:hover,html[data-theme=midnight] .icon-btn.soft{color:#edf5f1;background:#1d2b26}html[data-theme=midnight] .search-wrap input,html[data-theme=midnight] .widget-composer textarea{color:#e8f0ec;background:0 0}html[data-theme=midnight] kbd{color:#82928a;background:#1b2722;border-color:#2d3b35}html[data-theme=midnight] .inbox-header h1 span,html[data-theme=midnight] .filter-tabs button.active,html[data-theme=midnight] .filter-tabs button:hover,html[data-theme=midnight] .detail-heading b{color:#c3d0ca;background:#1c2924}html[data-theme=midnight] .filter-tabs button b{background:#2a3933}html[data-theme=midnight] .conversation-card:hover{background:#17221e}html[data-theme=midnight] .conversation-card.active{background:#1a2621;border-color:#2d3b35;box-shadow:0 5px 20px #0000002e}html[data-theme=midnight] .conversation-name strong,html[data-theme=midnight] .empty-state p,html[data-theme=midnight] .chat-title h2,html[data-theme=midnight] .profile-card h3,html[data-theme=midnight] .detail-heading,html[data-theme=midnight] .activity-item strong,html[data-theme=midnight] .assignee strong{color:#dce7e2}html[data-theme=midnight] .conversation-preview,html[data-theme=midnight] .chat-title p,html[data-theme=midnight] .profile-card>p,html[data-theme=midnight] .detail-row,html[data-theme=midnight] .detail-row strong{color:#899a92}html[data-theme=midnight] .message-bubble,html[data-theme=midnight] .typing-bubble{color:#dce7e2;background:#1a2722}html[data-theme=midnight] .agent .message-bubble{color:#17201c;background:#d7ef67}html[data-theme=midnight] .date-divider:before,html[data-theme=midnight] .date-divider:after{background:#27342f}html[data-theme=midnight] .composer{background:#131d19;border-color:#2b3933;box-shadow:0 7px 24px #0003}html[data-theme=midnight] .composer-tabs{border-color:#28352f}html[data-theme=midnight] .composer-tabs button.active,html[data-theme=midnight] .composer-footer button:hover{color:#e0eae5;background:#202e28}html[data-theme=midnight] .composer textarea{color:#e2ece7}html[data-theme=midnight] .composer.note-mode{background:#262415;border-color:#5a5230}html[data-theme=midnight] .activity-icon,html[data-theme=midnight] .tags span{color:#9eb0a7;background:#1c2924}html[data-theme=midnight] .empty-conversation>span{color:#adc0b6;background:#1c2924}html[data-theme=midnight] .empty-conversation h3{color:#e0eae5}html[data-theme=midnight] .login-screen,html[data-theme=midnight] .auth-screen{background:#0b1210}html[data-theme=midnight] .login-screen:before{background:radial-gradient(circle,#bddd571c,#090f0d00 68%)}html[data-theme=midnight] .login-card{background:#111a17f2;border-color:#293730;box-shadow:0 26px 80px #00000057}html[data-theme=midnight] .login-icon{color:#a9bcb2;background:#1b2822}html[data-theme=midnight] .login-theme-toggle{color:#bccac3;background:#16211dd1;border-color:#2c3b34;box-shadow:0 8px 24px #00000038}html[data-theme=midnight] .login-theme-toggle:hover{background:#1c2924;border-color:#3b4e45}html[data-theme=midnight] .login-card label,html[data-theme=midnight] .field-label{color:#b7c4be}html[data-theme=midnight] .login-card input,html[data-theme=midnight] .field-label input,html[data-theme=midnight] .field-label textarea,html[data-theme=midnight] .phone-field{color:#e4ede8;background:#131e1a;border-color:#2e3e36}html[data-theme=midnight] .auth-switch{border-color:#29372f}html[data-theme=midnight] .auth-switch button{color:#b8d67a}html[data-theme=midnight] .settings-modal{background:#111a17;box-shadow:0 28px 100px #00000080}html[data-theme=midnight] .settings-layout>nav{background:#0d1512}html[data-theme=midnight] .settings-layout>nav button{color:#84958d}html[data-theme=midnight] .settings-layout>nav button:hover{color:#dfe9e4}html[data-theme=midnight] .settings-layout>nav button.active{color:#edf5f1;background:#1a2722;box-shadow:0 3px 12px #0000002e}html[data-theme=midnight] .embed-block{border-color:#2b3933}html[data-theme=midnight] .embed-block>div,html[data-theme=midnight] .embed-block code{color:#aebdb5;background:#121c18;border-color:#29372f}html[data-theme=midnight] .embed-block button{color:#afbeb7;background:#1c2924;border-color:#314138}html[data-theme=midnight] .account-card{background:#151f1b;border-color:#2a3932}html[data-theme=midnight] .website-card{background:#151f1b;border-color:#2b3933}html[data-theme=midnight] .website-card:hover{border-color:#51665c}html[data-theme=midnight] .website-card.selected{border-color:#a7bc69;box-shadow:0 0 0 2px #ceeb671a}html[data-theme=midnight] .website-card-icon{color:#adbbb4;background:#1e2b26}html[data-theme=midnight] .website-card b{color:#abd2b7;background:#203127}html[data-theme=midnight] .add-website-form{background:#121c18;border-color:#37483f}html[data-theme=midnight] .add-website-fields input{color:#e2ece7;background:#18231f;border-color:#2e3e36}html[data-theme=midnight] .theme-option{background:#151f1b;border-color:#2b3a33}html[data-theme=midnight] .theme-option:hover{border-color:#52675c;box-shadow:0 10px 30px #00000040}html[data-theme=midnight] .theme-option.selected{border-color:#a9bf69;box-shadow:0 0 0 2px #ceeb671f,0 10px 30px #0000003d}html[data-theme=midnight] .theme-option.selected .theme-check{background:var(--lime);border-color:var(--lime);color:#17201c}html[data-theme=midnight] .widget-window{background:#111a17;border-color:#2b3933}html[data-theme=midnight] .widget-home,html[data-theme=midnight] .widget-thread{background:#0f1714}html[data-theme=midnight] .start-chat,html[data-theme=midnight] .widget-help,html[data-theme=midnight] .widget-message,html[data-theme=midnight] .widget-credit{color:#dbe6e1;background:#19241f;border-color:#2a3832}html[data-theme=midnight] .widget-help button{color:#a5b5ad;border-color:#2b3933}html[data-theme=midnight] .widget-composer{background:#121b18;border-color:#293730}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes widget-in{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:none}}@keyframes typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#dfe4df;border-radius:9px}::-webkit-scrollbar-track{background:0 0}@media (width<=1180px){.app-shell{grid-template-columns:66px 310px minmax(440px,1fr)}.details-panel{display:none}.details-panel.show{z-index:40;width:310px;display:block;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #14231e24}.details-toggle{display:grid}}@media (width<=820px){body{overflow:auto}.app-shell{height:100dvh;min-height:100dvh;padding-bottom:64px;display:block}.rail{z-index:45;flex-direction:row;justify-content:space-around;height:64px;padding:7px 16px;position:fixed;bottom:0;left:0;right:0}.brand-mark{border-radius:11px;width:39px;height:39px}.rail-nav{flex-direction:row;gap:5px;width:auto;margin:0}.rail-nav .rail-item:nth-child(n+4){display:none}.rail-bottom{flex-direction:row;margin:0}.rail-bottom .rail-item,.rail-item.active:before{display:none}.inbox-panel,.chat-panel{height:calc(100dvh - 64px);display:none}.inbox-panel.mobile-show,.chat-panel.mobile-show{display:flex}.inbox-header{height:78px}.conversation-card{min-height:88px}.chat-header{height:68px;padding:0 13px}.mobile-back{background:#f0f3ef;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.chat-actions .icon-btn:not(.details-toggle){display:none}.chat-actions{gap:5px}.resolve-btn{padding:0 10px}.messages-area{padding:16px 16px 24px}.composer{flex-basis:152px;margin:0 10px 10px}.composer-tabs>span,.send-group>span{display:none}.widget-wrap{bottom:76px;right:14px}.app-shell.showing-chat .widget-wrap{display:none}.widget-window{width:min(355px,100vw - 28px);height:min(570px,100dvh - 155px)}.details-panel.show{width:100%;top:0;bottom:64px}.connection-pill{display:none}.modal-backdrop{place-items:stretch stretch;padding:0}.settings-modal{border-radius:0;width:100%;height:calc(100dvh - 64px)}.settings-layout{flex-direction:column;display:flex}.settings-layout>nav{border-right:0;border-bottom:1px solid var(--line);flex:none;padding:8px;display:flex;overflow-x:auto}.settings-layout>nav button{justify-content:center;min-width:125px}.settings-content{padding:22px 18px 28px}.login-theme-toggle{top:24px;right:18px}}@media (width<=440px){.rail{padding-inline:10px}.rail-item{width:40px}.message-stack{max-width:84%}.chat-title .avatar{display:none}.resolve-btn{width:36px;padding:0;font-size:0;display:grid}.composer-footer button:nth-child(3),.composer-footer button:nth-child(4),.login-theme-toggle span{display:none}.login-theme-toggle{justify-content:center;width:38px;padding:0}.theme-grid{grid-template-columns:1fr}.theme-preview{height:108px}.auth-grid{grid-template-columns:1fr}.register-card{margin:22px 0;padding:24px 22px}.website-list,.add-website-fields{grid-template-columns:1fr}.add-website-fields button{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}