:root{--ink:#202724;--muted:#737d77;--line:#e3e8e4;--green:#176b4e;--green-soft:#edf6f0;--canvas:#f6f8f6;--gold:#cdb773;--dark:#17231d;--red:#ac3434;--amber:#875b12}*{box-sizing:border-box;letter-spacing:0}html,body{height:100%;color:var(--ink);background:var(--canvas);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:600}h2{font-size:20px;font-weight:600}h3{font-size:16px}small{font-size:12px}input,textarea{color:var(--ink);background:#fff;border:1px solid #d8dfda;border-radius:6px;width:100%;min-width:0;padding:12px}input:focus,textarea:focus{outline-offset:1px;outline:2px solid #83b39a}textarea{resize:vertical;line-height:1.55}label{flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}svg{flex-shrink:0}button{transition:background .15s,color .15s}button:focus-visible,a:focus-visible{outline:2px solid #38a974}.primary,.secondary{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#10543b}.secondary{color:#35443b;background:#fff;border:1px solid #d9e1da}.secondary:hover:not(:disabled){background:#f0f5f1}.small{min-height:36px;padding:8px 12px;font-size:12px}.icon-button{color:#748078;background:0 0;border-radius:5px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:#244c39;background:#e9eeeb}.text-button{color:var(--green);background:0 0;border-radius:5px;align-items:center;gap:7px;padding:8px;font-size:12px;display:inline-flex}.text-button:hover{background:#edf4ef}.muted{color:var(--muted)}.eyebrow{color:#849088;letter-spacing:0;font-size:10px;font-weight:700}.pill{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:500;display:inline-flex}.green{color:#246644;background:#eaf5ed}.amber{color:var(--amber);background:#fbf3df}.neutral{color:#647169;background:#eff2f0}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.notice{border-radius:6px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;line-height:1.5;display:flex}.notice p{margin-top:5px;font-size:12px}.error{color:var(--red);font-size:13px;line-height:1.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--dark);color:#ccd6ce;flex-direction:column;flex:0 0 206px;width:206px;padding:20px 14px 0;display:flex}.brand{justify-content:center;align-items:center;height:110px;display:flex}.brand img{object-fit:contain;width:154px;height:auto}.workspace-label{color:#8fa095;padding:22px 14px 13px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{text-align:left;color:#afbeb3;background:0 0;border-radius:6px;align-items:center;gap:11px;min-height:44px;padding:12px 14px;font-size:13px;display:flex}.nav-item:hover{background:#23392b}.nav-item.active{color:#f0f5ef;background:#314736}.nav-item.active svg{color:#d4be7d}.nav-count{color:#f5e9c9;text-align:center;background:#576347;border-radius:4px;min-width:20px;margin-left:auto;padding:3px;font-size:10px}.sidebar-bottom{margin-top:auto}.channel-label{color:#96ac9d;align-items:center;gap:7px;padding:20px 14px;font-size:10px;display:flex}.channel-label .status-dot{color:#829586}.account-line{border-top:1px solid #344037;align-items:center;gap:10px;padding:18px 0;display:flex}.owner-avatar{color:#d2bd7f;background:#394b3f;border-radius:5px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.account-line strong{color:#edf3ee;font-size:11px;display:block}.account-line small{color:#8c9e92;margin-top:4px;font-size:9px;display:block}.account-line .icon-button{color:#92a697;margin-left:auto}.main-workspace{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{border-bottom:1px solid var(--line);flex:0 0 89px;justify-content:space-between;align-items:center;gap:16px;height:89px;padding:17px 30px;display:flex}.breadcrumb{color:#8a948e;margin-bottom:8px;font-size:10px;display:block}.breadcrumb span{color:#b4bdb7;padding:0 7px}.header-actions{align-items:center;gap:18px;display:flex}.header-actions .pill{background:0 0;font-size:10px}.preview-bar{color:#805e26;text-align:center;background:#fcf4df;flex-shrink:0;padding:6px 24px;font-size:11px}.error-banner{color:#9d3030;background:#fff0ef;flex-shrink:0;align-items:center;gap:10px;padding:7px 18px;font-size:12px;line-height:1.5;display:flex}.error-banner span{flex:1}.inbox-layout{flex:1;min-height:0;display:flex;position:relative}.conversation-list{border-right:1px solid var(--line);flex-direction:column;flex:0 0 322px;width:322px;display:flex}.list-toolbar{padding:20px 17px 10px}.search{color:#8c9890;background:#f5f7f5;border:1px solid #e6ebe6;border-radius:6px;flex-direction:row;align-items:center;gap:8px;padding:0 11px;font-weight:400;display:flex}.search input{background:0 0;border:0;outline:0;padding:10px 0;font-size:12px}.filters{gap:4px;margin-top:15px;display:flex}.filters button{color:#7a857e;background:0 0;border-radius:4px;flex:1;padding:7px 10px;font-size:11px}.filters button.selected{color:#296443;background:#edf3ee;font-weight:600}.list-count{color:#8c978e;justify-content:space-between;align-items:center;padding:0 17px 4px;font-size:10px;display:flex}.conversation-scroll{flex:1;min-height:0;overflow-y:auto}.conversation-item{text-align:left;background:#fff;border-bottom:1px solid #f0f2f0;border-left:3px solid #0000;align-items:center;gap:11px;width:100%;min-height:85px;padding:18px 17px;display:flex}.conversation-item:hover{background:#f7f9f7}.conversation-item.selected{background:#eff5ef;border-left-color:#34704e}.avatar{color:#716842;background:#f1edde;border-radius:50%;flex:0 0 37px;justify-content:center;align-items:center;width:37px;height:37px;font-size:12px;font-weight:600;display:inline-flex}.avatar.tint{color:#456a4e;background:#dcebdc}.conversation-copy{flex:1;min-width:0}.conversation-title{align-items:center;gap:5px;margin-bottom:9px;display:flex}.conversation-title strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.conversation-title time{color:#939d95;flex-shrink:0;font-size:9px}.conversation-preview{align-items:center;gap:8px;display:flex}.conversation-preview>span{white-space:nowrap;text-overflow:ellipsis;color:#89938b;flex:1;font-size:11px;overflow:hidden}.unread{color:#fff;background:#397447;border-radius:50%;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid}.list-footer{border-top:1px solid var(--line);color:#929d94;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:10px;display:flex}.chat-pane{background:#f7f8f5;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#fff;flex:0 0 78px;align-items:center;gap:12px;height:78px;padding:15px 23px;display:flex}.chat-header>.icon-button{display:none}.chat-contact{flex:1;min-width:0}.chat-contact h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:14px;overflow:hidden}.chat-contact span{color:#8b958d;font-size:11px}.chat-actions{align-items:center;gap:9px;display:flex}.messages{flex:1;min-height:0;padding:18px 28px;overflow-y:auto}.date-divider{text-align:center;margin:9px 0 26px}.date-divider span{color:#8a9286;background:#eeefe8;border-radius:4px;padding:5px 12px;font-size:10px;display:inline-block}.message-row{margin-bottom:17px;display:flex}.message-row.outbound{justify-content:flex-end}.bubble{background:#fff;border:1px solid #e5e9e1;border-radius:7px;min-width:85px;max-width:min(80%,470px);padding:13px 15px 8px;box-shadow:0 1px 2px #172c1d04}.outbound .bubble{background:#e7f1e4;border-color:#dce7d9}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.message-meta{color:#91998b;justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.message-meta span{display:flex}.message-meta .read{color:#218783}.template-tag{color:#5a7857;align-items:center;gap:5px;margin-bottom:6px;font-size:10px;display:flex}.message-error{color:#a33e35;max-width:100%;margin-top:6px;font-size:10px;line-height:1.5;display:block}.attachment{align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.composer{border-top:1px solid var(--line);background:#fff;flex-shrink:0;padding:12px 24px 18px}.reply-window{color:#819181;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;display:flex}.reply-window.closed{color:#9a7842}.composer form{border:1px solid #dfe5de;border-radius:7px;overflow:hidden}.composer textarea{resize:none;outline-offset:-2px;border:none;border-radius:0;min-height:76px;max-height:130px;font-size:13px}.composer textarea:disabled{background:#fafbf9}.composer-actions{align-items:center;gap:12px;padding:7px 10px;display:flex}.character-count{color:#99a296;margin-left:auto;font-size:10px}.send-button{min-height:34px;padding:7px 13px;font-size:12px}.inbox-welcome{text-align:center;color:#748071;margin:auto;padding:35px 24px}.welcome-icon{color:#5a7852;background:#f0f4eb;border:1px solid #dee6d9;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 26px;display:grid}.inbox-welcome h2{color:#4c5b46;margin:15px 0;font-size:29px;font-weight:400;line-height:1.3}.inbox-welcome>p:not(.eyebrow){font-size:12px}.welcome-status{color:#8b9785;align-items:center;gap:7px;margin-top:30px;font-size:10px;display:inline-flex}.empty{text-align:center;color:#96a193;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:40px 18px;display:flex}.empty h2{color:#626f60;font-size:15px;font-weight:500}.empty p{max-width:280px;font-size:12px;line-height:1.6}.loading{color:#7c897a;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:12px;display:flex}.loading svg{width:18px}.older{margin:0 auto 20px;display:flex}.contact-panel{border-left:1px solid var(--line);background:#fff;flex:0 0 280px;width:280px;padding:20px;overflow:auto}.contact-panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}.contact-panel h2{font-size:13px}.contact-profile{text-align:center;border-bottom:1px solid var(--line);padding:32px 0 20px}.avatar.large{width:62px;height:62px;font-size:21px}.contact-profile h3{overflow-wrap:anywhere;margin:15px 0 8px;font-size:14px}.contact-profile p{color:#87937f;font-size:12px}.contact-panel dl{margin:22px 0;font-size:12px}.contact-panel dt{color:#91998a;margin-top:18px;font-size:10px}.contact-panel dd{margin:7px 0 0}.checkbox-line{color:#6b7766;flex-direction:row;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6;display:flex}.checkbox-line input{width:15px;height:15px;accent-color:var(--green);flex:0 0 15px;margin:2px 0 0}.notes-label{margin:24px 0 10px;font-size:12px}.notes-label textarea{font-size:12px}.contact-panel>.secondary{width:100%;font-size:12px}.page-content{flex:1;padding:30px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-heading h2{font-size:19px}.section-heading p{color:#8b9588;margin-top:8px;font-size:12px}.section-heading .search{width:260px}.contacts-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.table-scroll{overflow:auto}.contacts-table th{color:#879381;border-block:1px solid var(--line);background:#f7f9f5;padding:13px 15px;font-size:10px;font-weight:500}.contacts-table td{border-bottom:1px solid var(--line);color:#697563;padding:16px 15px;font-size:12px}.table-name{align-items:center;gap:13px;display:flex}.table-name strong{color:#3e4a38;font-weight:500}.template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.template-card{border:1px solid var(--line);border-radius:7px;padding:20px}.template-card>div{color:#819778;justify-content:space-between;align-items:center;display:flex}.template-card h3{text-transform:capitalize;overflow-wrap:anywhere;margin:20px 0 12px;font-size:14px}.template-card p{color:#7a8572;white-space:pre-wrap;font-size:12px;line-height:1.7}.template-card footer{color:#9ba393;border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:10px}.connection-page{width:100%;max-width:1000px}.integration-heading{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:20px 0 26px;display:flex}.app-icon{color:#3c7c4f;background:#e4f0e5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.integration-heading h3{margin-bottom:7px;font-size:16px}.integration-heading p{color:#85947e;font-size:12px}.integration-heading button{margin-left:auto}.connection-rows{margin-bottom:25px}.connection-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;display:flex}.integration-fields{margin:30px 0}.integration-fields dt{color:#8b9984;margin:22px 0 8px;font-size:11px}.integration-fields dd{color:#4a5c41;align-items:center;gap:10px;min-width:0;margin:0;font-size:13px;display:flex}.integration-fields code{overflow-wrap:anywhere;min-width:0;font-size:12px}.connection-page>.notice{margin-top:20px}.toast{z-index:50;color:#fff;background:#213e2b;border-radius:6px;align-items:center;gap:9px;max-width:90vw;padding:12px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #193a241a}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10201970;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:450px;max-width:100%;max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 15px 70px #0002}.modal header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal h2{font-size:19px}.modal form{flex-direction:column;gap:20px;display:flex}.modal footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.template-choice{border-bottom:1px solid var(--line);padding:20px 0}.template-choice h3{font-size:14px}.template-choice small{color:#8a9582;margin-left:8px;font-size:10px}.template-choice p{white-space:pre-wrap;color:#738269;margin:12px 0 16px;font-size:12px;line-height:1.7}.login-page{background:#f5f7f4;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px 20px;display:flex}.login-brand{text-align:center;background:#17231d;border-radius:8px 8px 0 0;width:100%;max-width:410px;padding:20px 34px}.login-brand img{width:auto;height:80px}.login-panel{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 8px 8px;width:100%;max-width:410px;padding:32px}.login-panel .app-icon{width:44px;height:44px;margin-bottom:22px}.login-panel .eyebrow{margin-bottom:8px}.login-panel h1{margin-bottom:10px;font-size:30px}.login-panel>.muted{margin-bottom:24px;font-size:13px}.login-panel .notice{margin:20px 0}.login-panel form{flex-direction:column;gap:18px;display:flex}.login-panel input{font-size:12px}.login-foot{color:#98a090;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:10px;display:flex}.login-copyright{color:#9aa492;margin-top:25px;font-size:10px}@media (min-width:1600px){.conversation-list{flex-basis:355px;width:355px}.messages{padding-inline:45px}}@media (max-width:1250px){.sidebar{flex-basis:176px;width:176px;padding-inline:10px}.brand img{width:137px}.conversation-list{flex-basis:285px;width:285px}.workspace-header{padding-inline:22px}.contact-panel{z-index:10;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #172c1d0d}.messages{padding-inline:20px}.header-actions{gap:8px}}@media (max-width:900px){.sidebar{flex-basis:72px;width:72px;padding-inline:8px}.brand{height:70px}.brand img{width:54px}.workspace-label,.nav-item span,.sidebar-bottom .channel-label,.account-line>div,.nav-count{display:none}.nav-item{justify-content:center;padding:12px}.sidebar nav{margin-top:20px}.account-line{flex-wrap:wrap;justify-content:center}.account-line .icon-button{margin:0}.conversation-list{flex-basis:270px;width:270px}.header-actions>.pill{display:none}.workspace-header{flex-basis:80px;height:80px}.messages{padding-inline:16px}.bubble{max-width:92%}.chat-header{gap:9px;padding-inline:16px}.resolve-button{padding:7px;font-size:10px}.composer{padding:10px 15px 15px}.page-content{padding:24px}.integration-heading{flex-wrap:wrap}.integration-heading button{margin-left:0}.section-heading{align-items:flex-start}.section-heading .search{width:210px}}@media (max-width:640px){.workspace{padding-bottom:60px}.sidebar{z-index:20;border-top:1px solid #304736;flex-direction:row;width:100%;height:60px;padding:0;position:fixed;bottom:0;left:0;right:0}.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;gap:0;width:100%;margin:0}.nav-item{border-radius:0;flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 4px;font-size:9px}.nav-item span{display:block}.nav-item svg{width:18px;height:18px}.workspace-header{flex-basis:78px;gap:7px;height:78px;padding:14px 17px}.workspace-header h1{font-size:22px}.breadcrumb{font-size:9px}.header-actions>.primary{width:36px;padding:8px}.header-actions>.primary span{display:none}.main-workspace{width:100%}.conversation-list{border-right:0;flex-basis:100%;width:100%}.chat-pane,.chat-selected .conversation-list{display:none}.chat-selected .chat-pane{display:flex}.chat-selected .workspace-header{display:none}.chat-header{flex-basis:70px;gap:8px;height:70px;padding:10px}.chat-header>.icon-button{flex-basis:28px;width:28px;display:flex}.chat-header>.avatar{flex-basis:32px;width:32px;height:32px;font-size:11px}.chat-contact h2{font-size:13px}.chat-contact span{font-size:10px}.chat-actions{gap:0}.resolve-button{gap:4px;padding:6px;font-size:10px}.resolve-button svg{width:12px}.messages{padding:15px}.bubble{max-width:90%}.bubble p{font-size:13px}.composer{padding:10px 12px}.composer textarea{min-height:68px}.composer-actions{padding:5px 9px}.contact-panel{width:100%;max-width:340px}.page-content{padding:20px 16px}.section-heading{flex-wrap:wrap;gap:16px}.section-heading .search{width:100%}.section-heading h2{font-size:18px}.integration-heading{gap:12px}.integration-heading .app-icon{width:44px;height:44px}.integration-heading button{width:100%;margin-top:5px}.connection-row{gap:15px;font-size:12px}.integration-fields dd{font-size:12px}.integration-fields code{font-size:11px}.modal{padding:20px}.toast{width:max-content;max-width:90%;bottom:76px}.login-panel{padding:26px}.preview-bar{font-size:10px}.error-banner{padding:7px 10px;font-size:11px}.table-scroll{margin-inline:-16px;padding-inline:16px}.list-toolbar{padding-top:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}