:root{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183e4b;background:#f7f9f8;--green:#147c59;--ink:#153e4c;--muted:#62777c;--line:#e0e8e4;--soft:#eef5f1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,input,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #d89839;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:8px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:28px}.brand{display:flex;align-items:center}.brand img{width:135px;height:44px;object-fit:contain}.product-name{border-left:1px solid var(--line);padding-left:28px;font-weight:600;font-size:14px}.readonly{margin-left:auto;background:var(--soft);color:#42655b;padding:7px 12px;border-radius:6px;font-size:12px;display:flex;gap:7px;align-items:center}.icon-button{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid transparent;border-radius:7px;background:transparent;color:#5e787b;font-size:23px}.icon-button:hover{background:var(--soft);color:var(--green)}main{max-width:1760px;padding:30px 40px 12px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#6c8279;margin:0 0 7px}h1{font-size:28px;letter-spacing:-.8px;line-height:1.25;margin:0 0 8px;font-weight:650}h2{margin:0;font-size:16px;font-weight:650;line-height:1.3}.subheading{margin:0;color:var(--muted);font-size:14px}.connection{text-align:right}.connection-label{font-size:12px;color:#637770;display:flex;gap:8px;align-items:center;justify-content:flex-end}.connection-label i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#adbbb4}.connection-label.connected i,.live-dot{background:#409773}.connection-label.error i{background:#b38237}.refresh-row{display:flex;align-items:center;gap:8px;color:#647977;font-size:11px;justify-content:flex-end;margin-top:3px}.refresh-row .icon-button{font-size:24px;width:30px;height:30px;min-width:30px}.notice{border:1px solid #e2d4aa;background:#fffaf0;color:#795e28;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:16px}.notice.demo{background:#eff4ff;border-color:#cedcf2;color:#375775}.summary{display:flex;border:1px solid var(--line);background:white;border-radius:10px;margin-bottom:22px;padding:18px 0;box-shadow:0 2px 4px #17362c02}.summary>div{flex:1;padding:0 25px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.summary>div:last-child{border:0;justify-content:flex-start}.stat-label{font-size:12px;color:var(--muted)}.summary strong{font-size:25px;line-height:1.2;font-weight:600;color:var(--ink)}.summary-note{font-size:11px;color:#668075;line-height:1.6}.tiny-lock{font-size:28px;color:#338264}.workspace{height:calc(100dvh - 336px);min-height:480px;max-height:1100px;display:flex;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;box-shadow:0 8px 30px #173e3010;position:relative}.inbox{width:320px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;background:white;min-height:0}.inbox-tools{padding:21px 19px 17px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.count-badge{background:var(--soft);font-size:11px;min-width:23px;text-align:center;border-radius:5px;padding:2px 5px;color:#55756a}.search{height:40px;display:flex;align-items:center;gap:8px;border:1px solid #dce5e0;border-radius:7px;padding:0 11px;background:#f9fbfa}.search>span{font-size:25px;line-height:1;color:#82988e}.search input{width:100%;border:0;background:none;outline:0;color:var(--ink);font-size:12px;min-width:0}.search:focus-within{outline:2px solid #54a486;outline-offset:1px}.search input:focus-visible{outline:0}.search input::placeholder{color:#81928e}.filter-row{display:flex;gap:7px;margin-top:11px}.filter-row select{border:1px solid var(--line);border-radius:5px;background:white;color:#60716d;font-size:11px;min-width:0;width:50%;height:34px;padding:0 6px}.conversation-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.conversation-row{width:100%;display:flex;text-align:left;gap:11px;padding:17px 19px;border:0;border-top:1px solid #f0f3f1;background:white;position:relative;color:var(--ink)}.conversation-row:hover{background:#f7faf8}.conversation-row.selected{background:#edf6f1}.conversation-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.avatar{height:39px;width:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf1ed;color:#3d7962;font-size:12px;font-weight:650;flex:none}.avatar.tone-1{color:#76613c;background:#f3eee1}.avatar.tone-2{color:#6a5875;background:#f1ebf2}.row-body{flex:1;min-width:0}.row-heading{display:flex;justify-content:space-between;gap:5px;align-items:baseline}.row-heading strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-heading time{font-size:10px;color:#748780;flex:none}.preview{font-size:12px;color:#7a8b86;margin:5px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chip{font-size:10px;line-height:1.5;padding:3px 7px;border-radius:4px;background:#f0f4f1;color:#647a70;display:inline-flex;align-items:center;gap:5px}.chip.green{background:#e3f2e9;color:#367a55}.chip.amber{background:#fff1d7;color:#916319}.chip.purple{background:#f1eafa;color:#7b5897}.inbox-footer{padding:13px 18px;border-top:1px solid var(--line);font-size:10px;color:#789088;display:flex;gap:8px;align-items:center}.list-state{padding:38px 26px;font-size:13px;color:var(--muted);text-align:center;line-height:1.7}.load-more,.text-button{border:0;background:transparent;color:var(--green);font-size:12px;padding:12px;min-height:40px}.load-more:hover,.text-button:hover{text-decoration:underline}.conversation-pane{flex:1;min-width:0;position:relative;background:#f8faf8;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:410px;margin:auto;text-align:center;padding:35px;gap:14px}.empty-symbol{height:90px;width:90px;border-radius:50%;background:#eaf2ed;padding:17px;margin-bottom:9px}.empty-symbol svg{fill:none;stroke:#80a191;stroke-width:2.2;stroke-linecap:round}.empty-state h2{font-size:21px;color:#315446;font-weight:550}.empty-state p{font-size:13px;color:#70837a;line-height:1.7;margin:0}.empty-state small{font-size:10px;color:#8a9a93;margin-top:12px;line-height:1.6}.secondary{border:1px solid #bad3c7;background:white;color:#277553;font-size:12px;font-weight:550;border-radius:7px;padding:10px 16px;min-height:42px}.secondary:hover{background:#edf5f0}.conversation-content{height:100%;display:flex;flex-direction:column;min-height:0}.conversation-header{display:flex;gap:11px;align-items:center;min-height:78px;border-bottom:1px solid var(--line);padding:15px 25px;background:white}.selected-title{min-width:0;flex:1}.selected-title h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-title p{font-size:11px;color:#7c8e86;margin:4px 0 0}.back{display:none}.messages{padding:20px 28px 30px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-gutter:stable}.date-divider{display:flex;align-items:center;gap:16px;justify-content:center;font-size:10px;color:#8e9e96;margin:12px 0 24px}.date-divider:before,.date-divider:after{content:"";height:1px;background:#e7ede8;width:55px}.message{display:flex;flex-direction:column;max-width:79%;margin-bottom:16px;align-items:flex-start;word-break:break-word}.message.outbound{margin-left:auto;align-items:flex-end}.message-author{font-size:10px;color:#85988b;margin:0 3px 4px}.bubble{background:white;border:1px solid #e3eae5;border-radius:10px 10px 10px 2px;padding:12px 15px;color:#36504a;white-space:pre-wrap;font-size:13px;line-height:1.65;box-shadow:0 1px 2px #203b2504;min-width:68px}.outbound .bubble{background:#eaf4ee;border-color:#dcebe1;border-radius:10px 10px 2px 10px}.message-meta{display:flex;gap:5px;font-size:9px;color:#88998f;margin:5px 3px 0;align-items:center;flex-wrap:wrap}.message-meta .receipt{color:#568d75}.message-meta .receipt.failed{color:#ab6728}.sensitive .bubble{background:#f2f3f1;border:1px dashed #d1dad3;color:#7b877e;font-size:12px}.attachment{margin-top:10px;padding:11px 12px;border:1px solid #d6e1da;border-radius:7px;display:flex;align-items:center;gap:9px;white-space:normal}.attachment-icon{font-size:23px;color:#789487}.attachment-info{display:flex;flex-direction:column;font-size:11px;line-height:1.6}.attachment-info small{font-size:10px;color:#8c9991}.timeline-notice{font-size:11px;line-height:1.6;padding:10px 22px;background:#fcf6e9;color:#8c703a;border-bottom:1px solid #eee1c3}.conversation-footer{padding:16px 20px;border-top:1px solid var(--line);background:white;color:#8a9a93;font-size:10px;text-align:center;flex:none}.conversation-footer>span:first-child{font-size:9px;margin-right:5px;color:#6e8b7c}.new-messages{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);border:1px solid #c4d9cd;background:white;border-radius:20px;padding:10px 18px;color:var(--green);font-size:12px;box-shadow:0 2px 10px #173e3020}.context{flex:none;width:250px;background:white;border-left:1px solid var(--line);padding:23px 20px;overflow:auto}.context-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.context-heading h2{font-size:13px}.context-heading button{display:none}.context-label{font-size:10px;color:#8b9a92;margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em}.context-value{font-size:12px;color:#476456;margin:0 0 23px;overflow-wrap:anywhere}.context-value.big{font-size:16px;font-weight:550;margin-bottom:6px}.context-note{font-size:10px;color:#8b9a92;line-height:1.7;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.steps{list-style:none;padding:0;margin:17px 0 26px}.steps li{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;color:#9aa79f}.steps li i{font-style:normal;width:19px;height:19px;border:1px solid #d7e2da;border-radius:50%;display:grid;place-items:center;font-size:9px}.steps li.current{color:#287752;font-weight:600}.steps li.current i{background:#e5f2e9;border-color:#a6cbb5}.steps li.previous{color:#638472}.steps li.previous i{background:#f0f5f1}.context a{color:#1b7a53;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;min-height:40px}.context a:hover{text-decoration:underline}.page-footer{display:flex;justify-content:space-between;align-items:center;color:#92a097;font-size:10px;min-height:34px}.page-footer .text-button{padding:4px;font-size:11px;min-height:30px}dialog{border:1px solid var(--line);border-radius:12px;max-width:500px;width:calc(100% - 36px);padding:25px 28px;color:var(--ink);box-shadow:0 18px 60px #183e4b25;font-size:14px}dialog::backdrop{background:#173e4b40;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}dialog p,dialog li{font-size:13px;line-height:1.8}dialog ul{padding-left:20px}.muted{color:var(--muted)}@media(min-width:1600px){.inbox{width:350px}.context{width:285px}.messages{padding-left:50px;padding-right:50px}}@media(max-width:1200px){main{padding:24px 25px 10px}.topbar{padding:0 25px}.context{position:absolute;right:0;top:0;bottom:0;width:270px;z-index:5;box-shadow:-8px 0 30px #183e4b12}.context-heading button{display:grid}.summary-note{display:none!important}.workspace{height:calc(100dvh - 325px)}.inbox{width:300px}}@media(max-width:760px){.topbar{height:64px;padding:0 18px;gap:15px}.brand img{width:112px;height:38px}.product-name{display:none}.readonly{font-size:10px;padding:5px 8px}.topbar .icon-button{min-width:32px;height:32px}main{padding:21px 14px 8px}.page-heading{gap:10px;margin-bottom:20px;align-items:flex-start}.eyebrow{font-size:9px}h1{font-size:23px}.subheading{font-size:12px;max-width:230px}.connection{margin-top:3px}.connection-label{font-size:10px;max-width:125px}.refresh-row{font-size:9px}#updated-at{max-width:80px}.summary{padding:13px 0;margin-bottom:16px;border-radius:8px}.summary>div{padding:0 12px;flex-direction:column;gap:7px;align-items:flex-start}.stat-label{font-size:10px}.summary strong{font-size:21px}.workspace{height:calc(100dvh - 295px);min-height:480px;border-radius:9px}.inbox{width:100%;border:0}.conversation-pane{display:none}.workspace.show-conversation .inbox{display:none}.workspace.show-conversation .conversation-pane{display:flex}.back{display:grid;min-width:32px;width:32px}.conversation-header{padding:12px;gap:8px;min-height:74px}.conversation-header .avatar{height:33px;width:33px}.selected-title h2{font-size:14px}.selected-title p{font-size:10px}.messages{padding:16px 17px}.message{max-width:90%}.bubble{font-size:13px;padding:11px 13px}.conversation-footer{font-size:9px;padding:12px}.footer-detail{display:none}.context{width:min(300px,90%)}.page-footer{font-size:9px;gap:12px}.page-footer>span:last-child{display:none}.notice{font-size:11px;padding:11px 13px;align-items:flex-start}.empty-state{padding:30px 20px}.inbox-tools{padding:19px}.conversation-row{padding:17px 19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.list-demo{display:block;margin:0 auto 20px;max-width:calc(100% - 32px)}

/* Keep the working surface in view; only the list and history scroll. */
body{height:100dvh;overflow:hidden}main{height:calc(100dvh - 76px);display:flex;flex-direction:column;min-height:0}.topbar,.page-heading,.notice,.summary,.page-footer{flex:none}.workspace{height:auto;min-height:280px;max-height:none;flex:1}.page-heading{margin-bottom:22px}.summary{margin-bottom:18px}.message-meta,.message-author,.date-divider,.conversation-footer,.page-footer,.context-note,.context-label,.context-value,.preview,.row-heading time,.attachment-info small,.inbox-footer,.empty-state small{color:#63786d}.steps li{color:#697d71}.selected-title p{color:#6a7d73}.context-value.big{color:#365d48}.list-demo{display:none}@media(max-width:760px){main{height:calc(100dvh - 64px);padding-top:17px}.list-demo{display:block}.page-heading{margin-bottom:16px}.summary{margin-bottom:13px}.workspace{min-height:250px}.reading .page-heading,.reading .summary{display:none}.reading .notice{margin-bottom:12px}.reading main{padding-top:12px}.reading .workspace{min-height:0}.connection-label{white-space:normal}.page-footer{min-height:32px}}

.bubble .message-link{color:#11674c;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.bubble .message-link:hover{color:#084d38}

.list-demo,#demo-button,#demo-exit{display:none!important}