:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#253f36;background:#f7f8f4;font-synthesis:none;font-weight:400;--green:#235b47;--dark:#173f35;--accent:#c6e9ab;--line:#e8ece6;--muted:#829087;--paper:#fff;--warm:#f7f8f4}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #88bf97;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}svg.icon{width:20px;height:20px;display:block;flex-shrink:0} [hidden]{display:none!important}.muted{color:#819087}.micro{font-size:11px;color:#8a978e;line-height:1.65}.center{text-align:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#879488}.eyebrow.light{color:#bad0bf}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;font-weight:550;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button svg{width:16px;height:16px}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #173f350c}.button.primary:hover{background:#174a36}.button.outline{border:1px solid #dfe6de;background:#fff;color:#355044}.button.outline:hover{background:#f4f8f2}.button.full{width:100%}.icon-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:transparent;color:#819187}.icon-button:hover{background:#eef3ec;color:#235b47}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:550;white-space:nowrap}.badge.amber{color:#946a2f;background:#f6eddc}.badge.light-green{background:#edf4eb;color:#56816c}.badge.light-green svg{width:13px;height:13px}.badge.outline-green{color:#628a74;border:1px solid #e2ece2;font-size:10px;font-weight:400}.badge.gray{background:#f0f2ef;color:#8c978f}.text-button{background:none;color:#548468;padding:5px 8px;font-size:11px}.text-button:hover{color:#173f35;text-decoration:underline}.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550}.form-stack input,.form-stack select{border:1px solid #dfe5db;background:#fff;border-radius:7px;padding:11px 13px;color:#2c483b;width:100%;height:44px}.form-stack input::placeholder{color:#abb3aa}.form-error{color:#a44738;font-size:12px;min-height:0}.form-error:empty{display:none}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-.8px;font-weight:650;color:#fff;white-space:nowrap}.brand-light{font-weight:350;color:#bcd1bf}.brand-symbol{width:34px;height:34px;background:#cee9b6;color:#173f35;border-radius:10px;font-size:29px;font-weight:600;line-height:30px;text-align:center;letter-spacing:-4px;padding-right:4px}.brand-symbol span{color:#477846}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:#fafbf7}.login-story{position:relative;overflow:hidden;min-height:100dvh;background:#173f35;color:white;padding:45px 56px;display:flex;flex-direction:column}.login-brand{position:relative;z-index:1}.login-story-content{position:relative;z-index:1;margin:auto 0;padding:65px 0}.login-story h1{font-size:clamp(32px,3.4vw,53px);letter-spacing:-1.2px;line-height:1.6;margin:21px 0}.login-story p{color:#abc2b3;line-height:1.95;font-size:13px}.story-card{display:flex;align-items:center;gap:17px;margin-top:43px;background:#ffffff08;border:1px solid #ffffff15;padding:20px;width:max-content;max-width:100%;border-radius:12px}.story-card-icon{padding:12px;border-radius:9px;color:#d0e9b8;background:#ffffff0c}.story-card strong,.story-card span:not(.story-card-icon){display:block}.story-card strong{font-size:12px;margin-bottom:5px;font-weight:500}.story-card div span{font-size:11px;color:#a6bdad}.login-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:9px;color:#8aab96;letter-spacing:1.4px}.story-shape{position:absolute;border:1px solid #d4f1c914;border-radius:50%;width:600px;height:600px;pointer-events:none;right:-420px;top:10%}.shape-two{width:740px;height:740px;right:-490px;top:2%}.login-form-wrap{display:grid;place-items:center;padding:55px 32px}.login-form-container{width:100%;max-width:345px}.login-form-container h2{font-size:30px;letter-spacing:-.8px;margin:13px 0 8px}.login-form-container>.muted{font-size:13px;margin-bottom:36px}.login-form-container .button{height:45px}.login-form-container .button.primary{justify-content:space-between;padding:0 17px}.divider{position:relative;text-align:center;margin:26px 0 19px;color:#9eaaa0;font-size:10px}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e7ece3}.divider span{position:relative;padding:0 14px;background:#fafbf7}.demo-login-wrap .micro{margin-top:11px}.login-footnote{border-top:1px solid #e7ece3;margin-top:42px;padding-top:22px;display:flex;align-items:center;gap:8px;font-size:10px;color:#9eaaa0}.login-footnote svg{width:14px;height:14px}
.workspace{display:grid;grid-template-columns:223px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--dark);color:#b7cbbc;padding:28px 18px 0;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:223px;z-index:10}.sidebar>.brand{margin:0 10px 36px;font-size:21px}.sidebar .brand-symbol{width:31px;height:31px;border-radius:9px;font-size:27px;line-height:28px}.workspace-chip{padding:11px 10px;background:#ffffff06;border:1px solid #ffffff0e;display:flex;align-items:center;gap:9px;border-radius:8px;margin-bottom:31px}.workspace-avatar{width:29px;height:29px;flex-shrink:0;background:#49725c;color:#e1eed9;display:grid;place-items:center;border-radius:7px;font-family:Georgia,serif;font-size:17px}.workspace-chip strong{display:block;font-size:11px;font-weight:550;color:#e4ece4;max-width:129px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-chip div>span{font-size:7px;color:#789d88;letter-spacing:1.1px;display:block;margin-top:3px}.nav-label{font-size:9px;color:#759987;letter-spacing:1px;padding-left:12px;margin-bottom:11px}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{padding:12px 11px;border-radius:8px;display:flex;align-items:center;gap:11px;color:#abc4b2;background:transparent;position:relative;font-size:12px;text-align:left;min-height:45px}.nav-item svg{height:18px;width:18px;opacity:.88}.nav-item.active{background:#c9e8b5;color:#244633}.nav-item:hover:not(.active){background:#ffffff08}.nav-count{margin-left:auto;background:#b4d69f;color:#34573d;font-size:10px;padding:0 5px;border-radius:4px}.nav-attention{height:5px;width:5px;background:#ccad71;border-radius:50%;margin-left:auto}.sidebar-tip{margin-top:auto;padding:21px 14px 26px}.sidebar-tip-icon{color:#8dab93;display:block;margin-bottom:12px}.sidebar-tip-icon svg{width:21px;height:21px}.sidebar-tip strong{font-size:11px;font-weight:500;color:#bcd0bf}.sidebar-tip p{font-size:10px;line-height:1.85;color:#749986;margin-top:6px}.sidebar-bottom{border-top:1px solid #ffffff0b;padding:20px 4px}.current-user{display:flex;align-items:center;gap:9px}.current-user strong{display:block;max-width:109px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d5e3d5;font-weight:500}.current-user div>span{font-size:9px;color:#739884}.avatar{width:38px;height:38px;border-radius:12px;background:#e8eee2;color:#648363;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.avatar.user-avatar{width:31px;height:31px;border-radius:50%;background:#345e49;color:#c9dbc4;font-size:11px}.sidebar-logout{margin-left:auto;color:#83a08b}.sidebar-logout:hover{background:#ffffff08;color:#e3eedc}.sidebar-logout svg{height:17px;width:17px}.main-workspace{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{height:67px;min-height:67px;border-bottom:1px solid #e9ede5;padding:0 33px;display:flex;align-items:center;justify-content:space-between;background:#fbfcf8}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#929e92}.breadcrumb strong{font-weight:500;color:#3d5648}.crumb-slash{color:#c4cdc0}.topbar-right{display:flex;align-items:center;gap:17px}.topbar-date{font-size:10px;color:#8e9b8f}.demo-banner{margin:18px 31px 0;display:flex;align-items:center;gap:8px;font-size:10px;color:#897747;background:#f5f0e1;border:1px solid #ede5cd;border-radius:6px;padding:9px 12px}.demo-banner svg{width:15px;height:15px}.demo-banner strong{font-weight:550}.demo-banner button{margin-left:auto;background:transparent;color:#897747;font-size:10px;white-space:nowrap}.view{margin:0 31px}.page-heading{padding:25px 0 19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading h1{font-size:26px;line-height:1.4;letter-spacing:-.8px;margin:6px 0 7px}.heading-dot{color:#7da361;margin-left:3px}.page-heading p{font-size:11px;color:#8f9a8e}.page-heading .button{font-size:11px;padding:10px 13px}.inbox-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;color:#8b998c}.inbox-meta>div{display:flex;align-items:center;gap:6px}.inbox-meta .micro{font-size:9px}.small-dot{background:#a7b795;width:5px;height:5px;border-radius:50%;display:inline-block}.inbox-panel{display:grid;grid-template-columns:285px minmax(260px,1fr) 218px;border:1px solid #e4e9df;border-radius:11px;background:#fff;overflow:hidden;min-height:470px;height:calc(100dvh - 286px);max-height:1000px;box-shadow:0 4px 18px #223f2b03}.conversation-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-title{display:flex;align-items:center;gap:7px;padding:22px 19px 14px}.list-title h2{font-size:14px;font-weight:600}.count-pill{font-size:9px;border-radius:5px;color:#74876f;background:#eff3eb;min-width:20px;text-align:center;padding:1px 5px}.list-title-icon{margin-left:auto;color:#92a18f}.list-title-icon svg{width:17px;height:17px}.search-box{display:flex;align-items:center;gap:7px;margin:0 16px 14px;padding:8px 10px;background:#f7f9f4;border:1px solid #edf0e9;border-radius:6px}.search-box svg{width:14px;height:14px;color:#9ba797}.search-box input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:10px;color:#4b6450}.search-box input::placeholder{color:#a2ada0}.filter-tabs{display:flex;margin:0 15px;border-bottom:1px solid var(--line);gap:16px;min-height:33px}.filter-tabs button{padding:0 0 9px;background:none;color:#9aa696;font-size:10px;position:relative;white-space:nowrap}.filter-tabs button.active{color:#416e45;font-weight:550}.filter-tabs button.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background:#4b7949;border-radius:2px}.filter-tabs button span{font-size:8px;margin-left:1px;background:#f1f4ed;padding:1px 4px;border-radius:3px}.conversation-list{overflow-y:auto;flex:1;padding:10px 8px}.conversation-card{display:flex;gap:10px;padding:15px 10px 13px;background:transparent;border-radius:7px;text-align:left;width:100%;margin-bottom:3px;border:1px solid transparent}.conversation-card:hover{background:#f8faf5}.conversation-card.selected{background:#f0f5e9;border-color:#e6eddd}.conversation-card .avatar{width:34px;height:34px;border-radius:11px;font-size:10px;margin-top:1px}.conversation-card .avatar[data-tone="1"]{background:#f1e9d9;color:#9d8156}.conversation-card .avatar[data-tone="2"]{background:#e7ecef;color:#728594}.conversation-card .avatar[data-tone="3"]{background:#f0e5e4;color:#ac8280}.conversation-card .avatar[data-tone="4"]{background:#ece7f1;color:#9785aa}.conversation-card-body{min-width:0;flex:1}.conversation-card-top{display:flex;align-items:center;gap:7px}.conversation-card-top strong{font-size:11px;color:#3b5542;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-card time{margin-left:auto;font-size:8px;color:#9da997;white-space:nowrap}.conversation-card-preview{font-size:10px;margin-top:4px;color:#899982;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.conversation-card-bottom{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:8px;color:#9da792}.conversation-card-bottom svg{width:10px;height:10px}.conversation-card.selected .conversation-card-bottom{color:#81936f}.list-footer{padding:12px 10px;border-top:1px solid var(--line);font-size:8px;display:flex;align-items:center;justify-content:center;gap:5px;color:#a9b3a2;white-space:nowrap}.list-footer svg{width:11px;height:11px}.chat-pane{min-width:0;min-height:0;background:#fafbf7;position:relative}.chat-content{height:100%;display:flex;flex-direction:column}.chat-header{height:76px;min-height:76px;padding:17px 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);background:#fff}.chat-header .avatar{width:36px;height:36px;border-radius:11px;font-size:11px}.chat-person{min-width:0}.chat-person h2{font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-person>span{font-size:9px;color:#99a68f;letter-spacing:.4px}.chat-label{margin-left:auto;font-size:8px;padding:4px 6px}.chat-label svg{width:11px;height:11px}.message-scroll{overflow-y:auto;flex:1;padding:14px 25px 22px;scroll-behavior:auto}.load-older{text-align:center;min-height:5px}.messages{display:flex;flex-direction:column}.date-separator{display:flex;align-items:center;gap:12px;justify-content:center;color:#a3ad99;font-size:8px;margin:9px 0 23px;letter-spacing:.3px}.date-separator:before,.date-separator:after{content:"";height:1px;background:#eef1e7;width:38px}.message{max-width:87%;margin-bottom:18px;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start}.message.outbound{align-self:flex-end;align-items:flex-end}.message-author{font-size:8px;color:#9aa58f;margin-bottom:5px;padding:0 2px}.message-bubble{border:1px solid #e8ece2;border-radius:0 9px 9px 9px;padding:10px 13px;background:#fff;color:#566650;font-size:11px;line-height:1.9;min-width:55px;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:0 1px 2px #213c2802}.message.outbound .message-bubble{background:#e7efdc;border-color:#dfe9d3;border-radius:9px 0 9px 9px;color:#4f6346}.message-time{font-size:8px;color:#a7b39c;margin-top:5px;padding:0 2px}.message-image{display:block;max-width:100%;width:260px;max-height:215px;object-fit:cover;border-radius:6px}.media-caption{margin-top:7px;font-size:10px}.media-unavailable{display:flex;gap:7px;align-items:center;font-size:10px;color:#9b8b64}.media-unavailable svg{width:16px;height:16px}.message-audio{max-width:240px;width:100%;height:35px;display:block}.file-link{display:flex;align-items:center;gap:10px;padding:3px 0;white-space:normal}.file-link>span{padding:8px;background:#f0f4e9;border-radius:6px;color:#7c9568}.file-link strong{display:block;font-size:10px;font-weight:550}.file-link small{font-size:8px;color:#99a58b}.file-link:hover strong{text-decoration:underline}.file-link svg{width:20px;height:20px}.message-demo-caption{font-size:8px;color:#9eab94;margin-top:5px}.chat-footer{display:flex;gap:10px;align-items:center;min-height:67px;background:#fff;border-top:1px solid var(--line);padding:14px 20px}.footer-phone{background:#f3f6ee;padding:8px;border-radius:7px;color:#8c9b7f}.footer-phone svg{width:15px;height:15px}.chat-footer strong{display:block;font-size:9px;font-weight:500;color:#8c9980}.chat-footer div>span{display:block;font-size:8px;color:#b0b8a7;margin-top:3px}.footer-lock{margin-left:auto;color:#aab69e}.footer-lock svg{width:13px;height:13px}.customer-pane{border-left:1px solid var(--line);min-width:0;overflow-y:auto;padding:20px 18px;background:#fff}.detail-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:550;color:#85957d}.detail-heading svg{width:15px;height:15px;color:#b2bfa9}.customer-profile{display:flex;align-items:center;flex-direction:column;padding:24px 0 22px}.large-avatar{height:58px;width:58px;font-size:18px;border-radius:18px;background:#e8edde;color:#7d9566;margin-bottom:11px}.customer-profile h2{font-size:14px;font-weight:600;max-width:100%;overflow-wrap:anywhere;text-align:center}.customer-profile>span:not(.avatar):not(.badge){font-size:10px;color:#9fae95;margin-top:4px}.customer-profile .badge{margin-top:12px;font-size:8px;padding:3px 7px}.detail-section{padding:17px 0;border-top:1px solid var(--line)}.detail-label{font-size:9px;font-weight:550;color:#8d9c82;display:block;margin-bottom:10px}.assignment-select{display:flex;align-items:center;gap:6px;border:1px solid #e5eadf;border-radius:6px;padding:7px 8px;color:#8d9e7e}.assignment-select svg{width:13px;height:13px}.assignment-select select{border:0;min-width:0;width:100%;background:#fff;color:#657954;font-size:10px;outline:none}.assignment-select select:disabled{opacity:1;color:#819175}.detail-section .micro{font-size:8px;line-height:1.7;margin-top:8px}.detail-stats{margin:0;display:flex;flex-direction:column;gap:13px}.detail-stats>div{display:flex;justify-content:space-between;gap:8px;font-size:9px}.detail-stats dt{color:#a1ad96}.detail-stats dd{margin:0;color:#788969;text-align:right}.detail-callout{padding:11px 9px;display:flex;gap:7px;border:1px solid #edf0e7;background:#fafbf7;border-radius:7px;margin-top:7px;color:#a5b098}.detail-callout svg{width:13px;height:13px;margin-top:2px}.detail-callout strong{font-size:8px;font-weight:500;color:#91a080}.detail-callout p{font-size:8px;line-height:1.8;margin-top:4px;color:#a5af9a}.empty-state{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-state .empty-icon{padding:18px;border:1px solid #e4ecdc;border-radius:19px;background:#f0f5e9;color:#819b6d;margin-bottom:15px}.empty-state h3{font-size:13px;color:#829674}.empty-state p{font-size:10px;color:#a4b198;margin-top:7px}.empty-list{padding:45px 16px;text-align:center;font-size:11px;color:#9ba88e}.customer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a8b69b;font-size:11px;text-align:center;gap:12px}.customer-empty svg{width:27px;height:27px;color:#c1cbb8}.workspace-footer{display:flex;align-items:center;gap:15px;margin:16px 32px 18px;font-size:8px;color:#b2bdab}.workspace-footer>span:first-child{font-size:7px;letter-spacing:1.2px;font-weight:600}.workspace-footer>span:last-child{margin-left:auto}.mobile-back{display:none}.secondary-view .page-heading{padding-top:30px;padding-bottom:28px}.info-strip{display:flex;align-items:center;gap:9px;background:#edf3e8;border:1px solid #e2ebdc;padding:14px 17px;border-radius:8px;font-size:11px;color:#7c9270}.info-strip svg{width:17px;height:17px}.team-table-wrap{border:1px solid #e3e9de;border-radius:10px;overflow:hidden;background:#fff;margin-top:21px}.team-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.team-table th{background:#fafcf7;color:#94a287;font-size:10px;font-weight:500;padding:17px 21px;border-bottom:1px solid var(--line)}.team-table td{padding:19px 21px;border-bottom:1px solid #f0f3ec;color:#708366}.team-table tr:last-child td{border-bottom:0}.team-person{display:flex;gap:11px;align-items:center}.team-person strong{font-size:11px;display:block;font-weight:550;color:#536d47}.team-person small{font-size:10px;color:#9eab92}.team-person .avatar{height:33px;width:33px;font-size:11px}.row-actions{display:flex;gap:9px}.row-actions button{background:transparent;color:#849875;font-size:10px;white-space:nowrap;padding:3px}.row-actions button:hover{text-decoration:underline;color:#3d6b36}.row-actions button.danger{color:#b8876e}.team-note{margin:13px 0}.connection-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:20px}.connection-card{background:#fff;border:1px solid #e3e9de;border-radius:11px;padding:25px}.card-title{display:flex;gap:12px;align-items:center}.connection-logo{padding:12px;border-radius:13px;background:#e9f2e2;color:#639454}.connection-logo svg{width:27px;height:27px}.card-title h2{font-size:16px;letter-spacing:-.3px}.card-title p{font-size:10px;color:#99a88d;margin-top:4px}.connection-status{margin:28px 0 20px;font-size:12px;color:#a58243;background:#faf5e9;border:1px solid #f0e7cf;padding:12px 13px;border-radius:7px;display:flex;align-items:center;gap:9px}.connection-status svg{width:16px;height:16px}.connection-facts{margin:0}.connection-facts>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f3ec;padding:13px 0;font-size:10px;gap:12px}.connection-facts dt{color:#9eac92}.connection-facts dd{margin:0;color:#718761;text-align:right;overflow-wrap:anywhere}.connection-notice{display:flex;gap:9px;margin-top:22px;color:#a2af94}.connection-notice svg{width:15px;height:15px;margin-top:1px}.connection-notice p{font-size:10px;line-height:1.8}.checklist-card h2{font-size:19px;margin-top:6px;margin-bottom:24px}.setup-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.setup-checklist li{display:flex;gap:14px}.setup-checklist li>span{font-size:11px;font-weight:600;color:#91a681;background:#f0f5e9;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.setup-checklist strong{font-size:11px;font-weight:550;color:#657e55;display:block;margin-bottom:4px}.setup-checklist p{font-size:10px;color:#9daa91;line-height:1.8}.rollout-card{background:#eff4e9;border:1px solid #e3eadb;padding:21px 25px;border-radius:10px;margin-top:20px}.rollout-card>div{display:flex;align-items:center;gap:8px;color:#759760}.rollout-card>div svg{width:17px;height:17px}.rollout-card h3{font-size:12px}.rollout-card p{font-size:11px;color:#829673;margin:10px 0 7px;line-height:1.9}.rollout-card .micro{font-size:9px;color:#a0af92}.secondary-view{flex:1}.member-dialog{max-width:440px;width:calc(100% - 34px);padding:0;border:1px solid #dbe6d5;border-radius:14px;box-shadow:0 20px 90px #1b392630;color:#3c5931;background:#fafcf7}.member-dialog::backdrop{background:#0f2d2466;backdrop-filter:blur(3px)}.dialog-content{padding:27px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:22px;margin-top:4px}.dialog-content>.muted{font-size:11px;margin:12px 0 24px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border:1px solid #d4e3c9;background:#fff;color:#5e7d4d;box-shadow:0 8px 35px #19381f15;border-radius:9px;max-width:calc(100% - 30px);font-size:12px;z-index:100}.toast.error{border-color:#edd6cc;color:#a96950}.loading{opacity:.65}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dce4d3;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
@media(min-width:1600px){.inbox-panel{grid-template-columns:320px minmax(260px,1fr) 245px}.message-scroll{padding-left:40px;padding-right:40px}.page-heading h1{font-size:29px}.view{margin:0 40px}.demo-banner{margin-left:40px;margin-right:40px}.message-bubble{font-size:12px}.conversation-card-top strong{font-size:12px}.conversation-card-preview{font-size:11px}.topbar{padding:0 41px}}
@media(max-width:1250px){.workspace{grid-template-columns:192px minmax(0,1fr)}.sidebar{width:192px;padding-left:13px;padding-right:13px}.sidebar>.brand{font-size:18px;margin-left:6px;gap:8px}.workspace-chip strong{max-width:107px}.view{margin-left:22px;margin-right:22px}.demo-banner{margin-left:22px;margin-right:22px}.inbox-panel{grid-template-columns:246px minmax(260px,1fr) 189px}.customer-pane{padding-left:13px;padding-right:13px}.message-scroll{padding-left:18px;padding-right:18px}.chat-header{padding-left:17px;padding-right:17px}.page-heading h1{font-size:24px}.topbar{padding-left:23px;padding-right:23px}.filter-tabs{gap:12px}.conversation-card{padding-left:7px;padding-right:7px;gap:8px}}
@media(max-width:1080px){.customer-pane{display:none}.inbox-panel{grid-template-columns:265px minmax(260px,1fr)}.connection-grid{grid-template-columns:1fr}.connection-card{padding:24px}.connection-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.rollout-card{margin-bottom:15px}}
@media(max-width:820px){.workspace{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px;padding-left:10px;padding-right:10px}.sidebar>.brand{margin-left:10px;margin-bottom:38px}.sidebar .brand>span:last-child,.workspace-chip,.nav-label,.nav-item>span:not(:first-child),.sidebar-tip,.current-user>div,.sidebar-logout{display:none}.nav-item{padding:14px 16px}.nav-item svg{width:20px;height:20px}.sidebar-bottom{margin-top:auto;display:flex;justify-content:center;padding-bottom:22px}.view{margin-left:18px;margin-right:18px}.demo-banner{margin-left:18px;margin-right:18px;gap:6px;padding:8px}.demo-banner button{display:none}.demo-banner{font-size:9px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading{gap:10px}.page-heading .button{font-size:10px;padding:9px 10px}.inbox-panel{grid-template-columns:228px minmax(220px,1fr)}.chat-label{display:none}.message{max-width:93%}.workspace-footer{margin-left:19px;margin-right:19px}.topbar-date{display:none}.login-story{padding:40px 32px}.login-story h1{font-size:31px}.story-card{padding:14px;gap:10px}.story-card div span{font-size:9px}.login-bottom>span:last-child{display:none}.login-form-wrap{padding:45px 25px}.team-table th,.team-table td{padding:16px 12px}.team-table th:last-child{width:120px}.row-actions{flex-direction:column;gap:4px;align-items:flex-start}}
@media(max-width:620px){.login-screen{grid-template-columns:1fr}.login-story{min-height:initial;padding:26px}.login-story-content{padding:30px 0 3px}.login-story h1{font-size:29px;line-height:1.5;margin:12px 0}.login-story p{font-size:11px}.story-card,.login-bottom{display:none}.login-form-wrap{padding:37px 25px}.login-form-container{max-width:380px}.login-form-container h2{font-size:26px}.login-form-container>.muted{margin-bottom:26px}.login-footnote{margin-top:26px}.workspace{display:block}.sidebar{position:fixed;top:auto;bottom:0;right:0;width:100%;height:62px;flex-direction:row;align-items:center;padding:0 12px;border-top:1px solid #244e3d}.sidebar>.brand,.sidebar-bottom{display:none}.main-nav{flex-direction:row;justify-content:space-around;width:100%}.nav-item{padding:8px 12px;min-height:42px;gap:6px;flex-direction:column;min-width:85px;border-radius:7px;font-size:8px}.nav-item>span:nth-child(2){display:block}.nav-item svg{width:17px;height:17px}.nav-count,.nav-attention{display:none!important}.nav-item.active{color:#cfebbe;background:#ffffff0b}.main-workspace{padding-bottom:65px}.topbar{height:52px;min-height:52px;padding:0 19px}.breadcrumb{font-size:10px}.topbar-right .badge{font-size:8px}.demo-banner{margin-top:12px;align-items:flex-start;font-size:8px;padding:7px 8px}.demo-banner svg{height:12px;width:12px;margin-top:1px}.demo-banner strong{display:inline}.page-heading{padding-top:19px;padding-bottom:17px;align-items:flex-start}.page-heading h1{font-size:21px;margin-top:5px}.page-heading p{font-size:9px;max-width:230px}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading .button{padding:8px;font-size:9px;margin-top:16px;gap:4px}.page-heading .button svg{width:13px;height:13px}.inbox-meta{font-size:8px;margin-bottom:9px}.inbox-meta .micro{font-size:8px}.view{margin:0 14px}.demo-banner{margin-left:14px;margin-right:14px}.inbox-panel{display:block;height:calc(100dvh - 310px);min-height:385px;border-radius:9px}.conversation-pane{height:100%;border:0}.chat-pane{height:100%;display:none}.inbox-panel.thread-open .conversation-pane{display:none}.inbox-panel.thread-open .chat-pane{display:block}.list-title{padding-top:17px;padding-bottom:12px}.list-title h2{font-size:14px}.search-box input{font-size:11px}.filter-tabs button{font-size:11px}.filter-tabs{gap:25px}.conversation-card{padding:12px 10px}.conversation-card .avatar{width:37px;height:37px;font-size:11px}.conversation-card-top strong{font-size:12px}.conversation-card time{font-size:9px}.conversation-card-preview{font-size:11px}.conversation-card-bottom{font-size:9px;margin-top:5px}.list-footer{font-size:9px}.chat-header{height:65px;min-height:65px;padding:10px 12px;gap:8px}.mobile-back{display:flex;width:23px}.chat-person h2{font-size:13px}.chat-person>span{font-size:10px}.message-scroll{padding:12px 17px 20px}.message-bubble{font-size:12px}.message-author,.message-time{font-size:9px}.message{margin-bottom:17px}.date-separator{font-size:9px;margin-bottom:19px}.chat-footer{min-height:63px;padding:10px 13px;gap:8px}.chat-footer strong{font-size:9px}.chat-footer div>span{font-size:8px}.workspace-footer{margin-top:12px;font-size:7px;gap:7px;flex-wrap:wrap}.workspace-footer>span:last-child{font-size:7px}.secondary-view .page-heading{padding-top:25px;padding-bottom:22px}.secondary-view .page-heading h1{font-size:23px}.info-strip{font-size:10px;padding:12px;align-items:flex-start}.info-strip svg{width:15px;height:15px}.team-table-wrap{overflow-x:auto}.team-table{min-width:460px}.team-table th,.team-table td{padding:14px 11px}.team-person{gap:7px}.team-person strong{font-size:10px}.team-person small{font-size:9px}.team-table td{font-size:10px}.row-actions{gap:3px}.team-note{font-size:9px}.connection-card{padding:21px 18px}.connection-grid{gap:15px}.connection-facts{display:block}.setup-checklist{gap:21px}.setup-checklist p{font-size:10px}.rollout-card{padding:18px}.rollout-card p{font-size:10px}.connection-page-badge{font-size:9px}.toast{bottom:80px;font-size:11px}.workspace-footer>span:nth-child(2){display:none}}
/* Shared readable type scale. The interface stays quiet without hiding useful text. */
.muted{color:#6e7e71}.micro{color:#778674}.eyebrow{font-size:10px;color:#6f826b}.login-story .eyebrow{color:#b4cfbc}.login-story h1{font-size:clamp(31px,3.2vw,49px);line-height:1.3;letter-spacing:-1.8px}.login-story p{font-size:14px;line-height:1.9}.story-card strong{font-size:13px}.story-card div span{font-size:12px}.login-form-container>.muted{font-size:14px}.form-stack label{font-size:13px}.login-footnote{font-size:11px;color:#778b74;line-height:1.7}.demo-login-wrap .micro{font-size:11px}.nav-label{font-size:10px;color:#8aaa96}.nav-item{font-size:12px;gap:9px;padding-left:10px;padding-right:10px}.nav-item svg{width:18px;height:18px}.workspace-chip strong{font-size:12px}.workspace-chip div>span{font-size:8px}.sidebar-tip strong{font-size:12px}.sidebar-tip p{font-size:11px;color:#8cac98;line-height:1.75}.current-user strong{font-size:12px}.current-user div>span{font-size:10px;color:#95b19c}.breadcrumb{font-size:12px}.topbar-date{font-size:11px;color:#73866d}.badge{font-size:11px}.demo-banner{font-size:11px;color:#876831;line-height:1.7}.demo-banner button{font-size:11px;color:#7d5f2e}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:12px;color:#768970}.page-heading .button{font-size:12px}.inbox-meta{font-size:11px;color:#778a70}.inbox-meta .micro{font-size:10px;color:#8b9a83}.inbox-panel{position:relative;grid-template-columns:285px minmax(260px,1fr) 218px}.list-title h2{font-size:15px;letter-spacing:-.3px}.count-pill{font-size:11px}.search-box{padding:9px 10px}.search-box input{font-size:11px}.search-box input::placeholder{color:#87987c}.filter-tabs{gap:17px;min-height:36px}.filter-tabs button{font-size:11px;color:#7c8d73}.filter-tabs button span{font-size:9px}.conversation-card{padding-top:15px;padding-bottom:15px}.conversation-card-top strong{font-size:13px;color:#36512c}.conversation-card time{font-size:10px;color:#829776}.conversation-card-preview{font-size:12px;color:#788e69;line-height:1.65}.conversation-card-bottom{font-size:10px;color:#839776;margin-top:7px}.conversation-card-bottom svg{width:11px;height:11px}.conversation-card .avatar{width:35px;height:35px;font-size:11px}.list-footer{font-size:10px;color:#8a9e7c;padding:12px 5px}.chat-person h2{font-size:14px;color:#3b5633}.chat-person>span{font-size:11px;color:#849776}.chat-label{font-size:9px;gap:4px}.chat-label svg{width:12px;height:12px}.message-author{font-size:10px;color:#849976;margin-bottom:6px}.message-bubble{font-size:13px;color:#455b3b;line-height:1.8;padding:10px 13px}.message.outbound .message-bubble{color:#405c33}.message-time{font-size:10px;color:#8c9d80}.date-separator{font-size:10px;color:#8a9d7d}.media-caption{font-size:12px}.media-unavailable{font-size:11px}.message-demo-caption{font-size:9px;color:#849973}.file-link strong{font-size:12px}.file-link small{font-size:10px}.chat-footer{padding:12px 16px;min-height:73px;gap:9px}.chat-footer strong{font-size:11px;color:#718b5e;line-height:1.5}.chat-footer div>span{font-size:10px;color:#96a58a;line-height:1.6}.footer-lock{display:none}.detail-heading{font-size:12px;color:#6b825b}.customer-profile h2{font-size:15px}.customer-profile>span:not(.avatar):not(.badge){font-size:11px;color:#8b9d7d}.customer-profile .badge{font-size:9px}.detail-label{font-size:10px;color:#738b62}.assignment-select select{font-size:12px;color:#54723f}.assignment-select{padding:8px}.detail-section .micro{font-size:10px;color:#899e7a;line-height:1.65}.detail-stats>div{font-size:11px}.detail-stats dt{color:#8a9e7a}.detail-stats dd{color:#668450;max-width:95px}.detail-callout strong{font-size:10px;color:#80976f}.detail-callout p{font-size:10px;color:#94a486;line-height:1.7}.detail-callout{padding:12px 9px}.workspace-footer{font-size:9px;color:#96a88a}.workspace-footer>span:first-child{font-size:8px}.empty-state h3{font-size:15px}.empty-state p{font-size:12px}.empty-state .button{margin-top:17px}.empty-list{font-size:12px}.info-strip{font-size:12px;color:#6a8557}.team-table th{font-size:12px;color:#7b926a}.team-table td{font-size:13px;color:#65834f}.team-person strong{font-size:13px}.team-person small{font-size:12px;color:#7f9770}.row-actions button{font-size:12px;color:#698953}.row-actions button.danger{color:#a57355}.team-note{font-size:11px}.card-title p{font-size:12px;color:#7d946d}.connection-status{font-size:13px}.connection-facts>div{font-size:12px}.connection-facts dt{color:#859b74}.connection-facts dd{color:#617f4c}.connection-notice p{font-size:12px;color:#829772}.setup-checklist strong{font-size:13px;color:#577741}.setup-checklist p{font-size:12px;color:#81956f;line-height:1.8}.setup-checklist li>span{font-size:12px}.rollout-card h3{font-size:14px}.rollout-card p{font-size:12px;color:#708961}.rollout-card .micro{font-size:11px;color:#8a9f7a}.dialog-content>.muted{font-size:12px}.load-conversations{display:block;margin:8px auto 13px}.toggle-details,.close-details{display:none}
@media(min-width:1500px){.inbox-panel{grid-template-columns:310px minmax(300px,1fr) 238px}.conversation-card-preview{font-size:13px}.chat-label{font-size:11px}.message-bubble{font-size:14px}.message-author,.message-time{font-size:11px}}
@media(max-width:1250px){.sidebar{width:205px}.workspace{grid-template-columns:205px minmax(0,1fr)}.inbox-panel{grid-template-columns:265px minmax(250px,1fr) 195px}.nav-item{font-size:11px;gap:7px}.nav-item svg{width:17px;height:17px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.customer-pane{padding-left:13px;padding-right:13px}.detail-stats>div{font-size:10px}.chat-footer strong{font-size:10px}.chat-footer div>span{font-size:9px}.chat-label{font-size:8px}.chat-header{padding-left:15px;padding-right:15px;gap:8px}.message-scroll{padding-left:17px;padding-right:17px}}
@media(max-width:1080px){.inbox-panel{grid-template-columns:265px minmax(250px,1fr)}.toggle-details,.close-details{display:flex}.toggle-details{margin-left:auto;width:28px}.chat-label{display:none}.inbox-panel.customer-open .customer-pane{display:block;position:absolute;right:0;top:0;bottom:0;width:280px;z-index:5;box-shadow:-12px 0 40px #173f3512;padding:19px 23px}.desktop-detail-icon{display:none}.detail-heading{align-items:center}.detail-stats>div{font-size:12px}}
@media(max-width:820px){.workspace{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px}.nav-item{padding:13px 16px}.nav-item svg{width:20px;height:20px}.inbox-panel{grid-template-columns:245px minmax(220px,1fr)}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.page-heading .button{font-size:10px;padding:10px}.inbox-meta{font-size:10px}.inbox-meta .micro{font-size:9px}.demo-banner{font-size:10px}.conversation-card-top strong{font-size:12px}.conversation-card-preview{font-size:11px}.conversation-card time{font-size:9px}.filter-tabs{gap:14px}.filter-tabs button{font-size:10px}.list-footer{font-size:9px}.chat-footer strong{font-size:10px}.chat-footer div>span{font-size:9px}.login-story h1{font-size:32px}.login-story p{font-size:12px}.story-card div span{font-size:10px}}
@media(max-width:620px){.workspace{display:block}.sidebar{width:100%}.nav-item{padding:7px 10px;font-size:9px;gap:3px}.nav-item svg{width:17px;height:17px}.login-story h1{font-size:33px}.login-story p{font-size:13px}.login-form-container>.muted{font-size:13px}.page-heading{flex-wrap:wrap;gap:10px}.page-heading h1{font-size:25px;letter-spacing:-1.2px}.page-heading p{font-size:12px;max-width:100%}.page-heading .button{font-size:11px;margin-top:0;padding:8px 11px}.page-heading .eyebrow{font-size:9px}.demo-banner{font-size:10px}.topbar-right{gap:8px}.topbar-right .badge{font-size:9px}.breadcrumb{font-size:11px;gap:9px}.topbar{padding-left:14px;padding-right:10px}.inbox-meta{align-items:flex-start;gap:10px;font-size:9px}.inbox-meta>div{max-width:215px;align-items:flex-start;gap:5px}.inbox-meta .small-dot{flex-shrink:0;margin-top:4px}.inbox-meta .micro{font-size:8px;text-align:right;max-width:110px}.inbox-panel{display:block;height:calc(100dvh - 370px);min-height:410px}.inbox-panel.customer-open .customer-pane{width:100%;padding:18px 24px;box-shadow:none;border:0}.list-title h2{font-size:15px}.filter-tabs{gap:27px}.filter-tabs button{font-size:12px}.search-box input{font-size:12px}.conversation-card{padding:13px 10px}.conversation-card-top strong{font-size:14px}.conversation-card-preview{font-size:12px}.conversation-card time{font-size:11px}.conversation-card-bottom{font-size:11px}.conversation-card .avatar{width:38px;height:38px;font-size:12px}.list-footer{font-size:11px}.chat-header{gap:8px}.chat-person h2{font-size:14px}.chat-person>span{font-size:11px}.message-bubble{font-size:14px}.message-author,.message-time,.date-separator{font-size:11px}.chat-footer strong{font-size:10px}.chat-footer div>span{font-size:10px}.workspace-footer{font-size:9px;margin-left:15px;margin-right:15px}.workspace-footer>span:last-child{font-size:9px}.workspace-footer>span:first-child{font-size:8px}.secondary-view .page-heading h1{font-size:26px}.info-strip{font-size:12px}.team-table{min-width:490px}.team-table td{font-size:12px}.team-person strong{font-size:12px}.team-person small{font-size:11px}.row-actions button{font-size:11px}.connection-status{font-size:12px}.connection-facts>div{font-size:12px}.setup-checklist strong{font-size:13px}.setup-checklist p{font-size:12px}.rollout-card p{font-size:12px}.rollout-card .micro{font-size:10px}.team-note{font-size:11px}}
/* Google sign-in and independent WhatsApp setup states. */
.auth-loading{padding:19px 0;color:#7b8f71;font-size:13px}.google-login-wrap{margin-top:7px}.button.google-signin{background:#fff;border:1px solid #d9e2d3;color:#33482b;gap:12px;box-shadow:0 2px 5px #1e362305;font-size:14px;font-weight:500}.button.google-signin:hover:not(:disabled){background:#f4f8f0;border-color:#b7c9aa}.button.google-signin:disabled{opacity:.58}.google-mark{font-family:Arial,sans-serif;font-size:21px;font-weight:600;color:#4285f4;line-height:1}.google-login-wrap>.micro{font-size:12px;margin-top:15px;line-height:1.8}.google-setup-notice{display:flex;align-items:flex-start;gap:11px;margin-top:23px;padding:17px;border:1px solid #e9dfbf;background:#f8f3e5;border-radius:9px;color:#9a7c42}.google-setup-notice>span{padding-top:2px}.google-setup-notice svg{width:18px;height:18px}.google-setup-notice strong{font-size:13px;font-weight:600;color:#816831;display:block;margin-bottom:5px}.google-setup-notice p{font-size:12px;line-height:1.8;color:#918052}.login-error{margin-top:18px;font-size:12px;line-height:1.8}.login-error:empty{margin:0}.connection-setup-banner{margin:18px 31px 0;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e4dec8;background:#f7f2e6;border-radius:8px;color:#977f4a}.connection-setup-banner>span svg{width:20px;height:20px}.connection-setup-banner>div{display:flex;flex-direction:column;gap:3px;flex:1}.connection-setup-banner strong{font-size:12px;font-weight:550;color:#816c3c}.connection-setup-banner div>span{font-size:11px;line-height:1.7;color:#928058}.connection-setup-banner .text-button{color:#846b38;white-space:nowrap;font-size:11px}.workspace-auth-status{display:flex;align-items:center;gap:15px;border:1px solid #dfe8d7;border-radius:10px;background:#f2f6ed;padding:20px 24px;margin-bottom:20px}.auth-status-icon{background:#e3eddb;color:#66884d;border-radius:11px;padding:11px;flex-shrink:0}.auth-status-icon svg{width:21px;height:21px}.workspace-auth-status>div{flex:1;min-width:0}.workspace-auth-status h2{font-size:15px;font-weight:600;color:#4e6c3c;margin:3px 0 5px}.workspace-auth-status p{font-size:12px;line-height:1.75;color:#7f936f}.workspace-auth-status .badge{align-self:flex-start;margin-top:4px}.empty-state>p{max-width:325px;line-height:1.85;padding:0 4px}
@media(min-width:1600px){.connection-setup-banner{margin-left:40px;margin-right:40px}}
@media(max-width:1250px){.connection-setup-banner{margin-left:22px;margin-right:22px}}
@media(max-width:820px){.connection-setup-banner{margin-left:18px;margin-right:18px;align-items:flex-start}.connection-setup-banner>span{margin-top:3px}.connection-setup-banner .text-button{align-self:center}.workspace-auth-status{padding:19px;align-items:flex-start}.workspace-auth-status .badge{font-size:10px}}
@media(max-width:620px){.connection-setup-banner{margin:12px 14px 0;padding:12px;gap:9px;flex-wrap:wrap}.connection-setup-banner>span svg{height:17px;width:17px}.connection-setup-banner>div{min-width:calc(100% - 35px)}.connection-setup-banner strong{font-size:11px}.connection-setup-banner div>span{font-size:10px}.connection-setup-banner .text-button{padding:0;margin-left:26px;font-size:10px}.workspace-auth-status{padding:17px 16px;gap:11px;flex-wrap:wrap}.auth-status-icon{padding:8px}.auth-status-icon svg{width:19px;height:19px}.workspace-auth-status>div{min-width:calc(100% - 50px)}.workspace-auth-status .badge{margin-left:46px;margin-top:0;font-size:10px}.workspace-auth-status h2{font-size:15px}.workspace-auth-status p{font-size:11px}.google-login-wrap>.micro{font-size:11px}}