:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#253a35;background:#f5f7f6;font-synthesis:none;--green:#21715c;--dark:#153c35;--muted:#7d8c87;--line:#e8edea;--paper:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9abfaf;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#89958f;margin:0 0 8px}.primary,.outline,.subtle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 15px;font-weight:600;font-size:12px;min-height:40px}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#195b49}.outline{background:white;border:1px solid #dce5df;color:#3a554a}.outline:hover,.subtle:hover{background:#edf4ef}.subtle{border:1px solid transparent;background:#f5f7f5;color:#52685d}.primary svg,.outline svg,.subtle svg{width:16px;height:16px}.icon-button{width:34px;height:34px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#7a8b82;border-radius:7px}.icon-button:hover{background:#eef3ef;color:#276c56}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#718379}.brand-mark{display:flex;width:41px;height:41px;align-items:center;justify-content:center;font-size:35px;font-weight:800;font-family:Georgia,serif;letter-spacing:-5px;padding-right:6px;border-radius:12px;background:#eaf2ec;color:var(--green);text-decoration:none;line-height:1}.brand-mark span{color:#b4c792}.workspace{display:flex;height:100dvh;overflow:hidden}.rail{width:72px;flex-shrink:0;background:var(--dark);display:flex;align-items:center;gap:16px;flex-direction:column;padding:24px 0 20px}.rail .brand-mark{background:transparent;color:white;margin-bottom:25px;font-size:41px}.rail-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:#9ab2a8}.rail-button.active{background:#31594e;color:#fff;position:relative}.rail-button.active:before{content:"";position:absolute;left:-15px;width:3px;height:22px;border-radius:2px;background:#cad9a7}.rail-spacer{flex:1}.owner{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dce5c9;color:#355648;border:2px solid #688274;font-size:11px;font-weight:700}.sidebar{width:230px;flex-shrink:0;background:#f7f9f7;display:flex;flex-direction:column;padding:30px 18px 16px;border-right:1px solid var(--line)}.sidebar-brand{padding:0 12px 32px}.brand{display:flex;align-items:center;gap:7px;font-size:23px;letter-spacing:-.8px;font-weight:750;color:#244f41}.brand>span:not(.brand-mark){font-size:8px;letter-spacing:1.2px;background:#e5ebe3;color:#607366;border-radius:4px;padding:4px 5px;margin-left:3px}.workspace-label{font-size:11px;color:#98a29c;display:block;margin-top:7px}.section-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#9ba79e;padding:0 12px 12px}.filters{display:grid;gap:5px}.filter-button,.page-filter{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:0;background:transparent;color:#7c8b81;padding:12px;border-radius:8px;font-size:12px;min-height:42px}.filter-button>span,.page-filter>span:first-of-type{flex:1}.filter-button svg{width:17px;height:17px}.filter-button b,.page-filter b{font-size:10px;font-weight:600;min-width:20px;text-align:center;color:#99a397}.filter-button.active{background:#e6eee6;color:#2d694e;font-weight:600}.filter-button.active b{background:#cfdfcf;border-radius:5px;padding:2px}.page-label{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-bottom:7px}.page-label .icon-button{width:22px;height:22px}.page-label svg{width:14px;height:14px}.page-filter{padding:10px 12px;gap:9px;color:#6c7d70;font-size:11px;line-height:1.5}.page-filter.active{background:#e8eee7;color:#284a36}.page-dot{display:inline-block;width:7px;height:7px;border-radius:3px;flex-shrink:0;background:var(--page-color,#4b997c)}.page-filters{display:grid;gap:4px;overflow:auto;max-height:45vh}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection-card{border:1px solid #e2e9df;border-radius:9px;background:#fcfdfb;padding:13px 11px;display:flex;gap:8px;align-items:flex-start}.connection-card strong{font-size:10px;font-weight:600;color:#587452}.connection-card p{font-size:9px;color:#98a38e;margin:6px 0 0;line-height:1.5}.connection-dot{background:#6d9e63;width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0}.sidebar-link{background:transparent;border:0;color:#89997f;font-size:10px;display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px}.sidebar-link svg{width:13px;height:13px}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:white}.topbar{height:101px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;gap:16px}.topbar-title{display:flex;align-items:center;gap:10px}.topbar .eyebrow{font-size:8px;letter-spacing:1.9px;color:#a2aaa2;margin-bottom:9px}.topbar h1{font-size:24px;letter-spacing:-.7px;font-weight:650;margin:0;display:flex;align-items:center;gap:13px}.demo-badge{font-size:8px;font-weight:700;letter-spacing:.65px;border-radius:4px;background:#faf2dc;color:#ac9558;padding:5px 7px}.topbar-actions{display:flex;align-items:center;gap:12px}.live-state{font-size:10px;display:flex;align-items:center;gap:6px;color:#98a28d;margin-right:6px}.live-state i,.small-dot{width:5px;height:5px;background:#8da66d;border-radius:50%;display:inline-block;flex-shrink:0}.global-notice{padding:9px 20px;background:#fff6e4;font-size:12px;color:#967536;border-bottom:1px solid #f3e7ce;line-height:1.6}.inbox-layout{display:flex;min-height:0;flex:1}.conversation-pane{width:330px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff;min-height:0}.list-head{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 16px}.list-head h2{font-size:15px;margin:0 0 7px;letter-spacing:-.3px;font-weight:650}.list-head .muted{font-size:10px;color:#9da69c}.search{margin:0 20px 14px;background:#f7f8f5;border:1px solid #eef0e9;display:flex;align-items:center;padding:10px 11px;border-radius:7px;gap:8px;color:#a4ad9d}.search svg{width:15px;height:15px}.search input{width:100%;min-width:0;border:0;background:transparent;outline:0;font-size:11px;color:#5d6d59}.search input::placeholder{color:#a8afa2}.search kbd{border:1px solid #e4e8dd;font-size:9px;border-radius:3px;padding:1px 4px;color:#b4baab}.conversation-list{flex:1;min-height:0;overflow:auto;padding:0 8px 8px;scrollbar-width:thin}.conversation-item{border:1px solid transparent;background:transparent;display:flex;width:100%;text-align:left;padding:17px 12px;gap:11px;border-radius:9px;color:inherit;position:relative;margin:2px 0;min-height:103px}.conversation-item:hover{background:#f7f9f5}.conversation-item.active{background:#eff4ed;border-color:#e7eee1}.conversation-item.active:before{content:"";position:absolute;left:-8px;height:39px;width:3px;top:30px;background:#6d986a;border-radius:2px}.avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;background:#e7eee6;color:#7b9278;font-size:11px;font-weight:650;position:relative;border:1px solid #dce6da}.avatar.color-1{background:#f0e7de;color:#a08b77;border-color:#e8ddd0}.avatar.color-2{background:#e8e9ef;color:#8b8ca1;border-color:#dedfe9}.avatar.color-3{background:#eee6e9;color:#a0848e;border-color:#e7dce0}.avatar.color-4{background:#e8eeed;color:#7e9894;border-color:#dce6e3}.conversation-item .avatar:after{content:"m";position:absolute;right:-2px;bottom:-1px;width:13px;height:13px;background:#fff;border-radius:50%;border:1px solid #e2e7dc;font-size:8px;font-style:italic;color:#8a9e7d;display:grid;place-items:center}.conversation-summary{min-width:0;flex:1}.summary-top{display:flex;gap:7px;align-items:center;justify-content:space-between}.summary-top strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-top time{font-size:9px;color:#adb4a5;flex-shrink:0}.preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;font-size:10px;color:#a0aa98;margin:7px 0 9px;line-height:1.5}.conversation-item.unread .preview{color:#6e7f64}.page-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#8a9a7f;border-radius:4px;padding:3px 5px;background:#f8faf4;max-width:100%;white-space:nowrap}.page-badge .page-dot{width:4px;height:4px;border-radius:1px}.summary-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.unread-pill{font-size:8px;min-width:14px;height:14px;border-radius:50%;background:#86a777;color:white;display:grid;place-items:center;padding:0 3px}.list-foot{padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#abb3a0;border-top:1px solid #f0f2e9}.load-more{padding:12px;border:0;background:#f5f8f1;color:#6e8e5c;font-size:11px}.thread{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:#fcfdfb}.thread-header{height:82px;display:flex;align-items:center;gap:12px;padding:0 23px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.thread-person{min-width:0;flex:1}.thread-person h2{font-size:14px;font-weight:650;margin:0 0 7px}.thread-person .page-badge{padding:0;background:transparent;font-size:9px}.thread-actions{display:flex;align-items:center;gap:8px}.done-button{font-size:10px;padding:7px 10px;min-height:32px;background:#f8faf5}.done-button svg{width:13px;height:13px}.messages{flex:1;min-height:0;overflow:auto;padding:18px 25px 16px;background:radial-gradient(#dfe7d6 .55px,transparent .55px);background-size:14px 14px;scrollbar-width:thin}.day-divider{display:flex;align-items:center;justify-content:center;margin:5px auto 22px}.day-divider span{font-size:9px;color:#a2ac93;border-radius:20px;padding:6px 13px;background:#f3f6ed;border:1px solid #edf1e6}.message-row{display:flex;gap:8px;margin:14px 0;align-items:flex-end}.message-row.out{justify-content:flex-end}.message-row .avatar{width:26px;height:26px;font-size:8px}.message-stack{max-width:83%;min-width:0}.bubble{padding:12px 15px;border-radius:12px 12px 12px 3px;line-height:1.75;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e8eee2;color:#657458;box-shadow:0 2px 4px #30442b03}.message-row.out .bubble{background:#e7efdf;color:#59744c;border-color:#e1ead7;border-radius:12px 12px 3px 12px}.message-meta{display:flex;align-items:center;gap:4px;color:#b0baa3;font-size:8px;margin-top:7px;padding:0 2px}.message-meta svg{width:10px;height:10px}.out .message-meta{justify-content:flex-end}.message-meta.failed,.message-meta.unknown{color:#b38d4f}.attachment{display:block;color:#41735d;margin-top:8px;white-space:normal}.attachment img{display:block;max-width:100%;max-height:260px;border-radius:8px}.empty-state{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;color:#93a188}.empty-icon{width:64px;height:64px;border-radius:20px;background:#eef3e8;display:grid;place-items:center;margin-bottom:15px;color:#8b9f78}.empty-icon svg{width:26px;height:26px}.empty-state h2{font-size:19px;letter-spacing:-.5px;color:#627953;margin:6px 0 10px;font-weight:550}.empty-state p{font-size:12px;max-width:280px;line-height:1.8;margin:0}.composer{background:#fff;border-top:1px solid var(--line);padding:14px 20px 12px;flex-shrink:0}.replying-as{display:flex;align-items:center;gap:6px;font-size:9px;color:#90a47e;margin-bottom:13px;line-height:1.6}.replying-as strong{font-weight:600;color:#5e8455}.replying-as .page-dot{width:5px;height:5px}.quick-replies{display:flex;gap:5px;margin-bottom:12px;overflow:auto;scrollbar-width:none}.quick-reply{border:1px solid #e9efdf;background:#fcfdf9;color:#9aa78a;padding:5px 8px;flex-shrink:0;font-size:9px;border-radius:5px}.quick-reply:hover{background:#eef4e5;color:#5e7e47}.input-wrap{display:flex;align-items:flex-end;gap:10px;border:1px solid #e5ecde;border-radius:10px;background:#fdfefa;padding:10px 11px}.input-wrap textarea{width:100%;min-height:42px;max-height:120px;resize:none;background:transparent;border:0;outline:0;line-height:1.6;font-size:12px;color:#536e43;padding:2px}.input-wrap textarea::placeholder{color:#b3bcaa}.send-button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;border:0;background:#608851;color:#fff;flex-shrink:0}.send-button svg{width:16px;height:16px}.composer-foot{display:flex;justify-content:space-between;margin:9px 2px 0;font-size:8px;color:#b1bca4;gap:8px}.window-notice{font-size:10px;line-height:1.7;background:#fbf3e4;color:#ab8a50;border-radius:7px;padding:10px;margin-bottom:10px}.details{width:248px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;padding:0 21px;overflow:auto;scrollbar-width:thin}.details-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:82px;font-size:11px;font-weight:600;color:#849675}.details-head .close-details{display:none}.profile{text-align:center;padding:27px 0 23px;border-bottom:1px solid var(--line)}.profile .avatar{width:58px;height:58px;font-size:16px;margin:0 auto 14px;background:#e9eee2;border:4px solid #f5f7ef;color:#879e70}.profile h3{font-size:13px;font-weight:600;margin:0 0 7px;color:#688453}.profile p{font-size:9px;color:#a6b293;margin:0}.detail-section{padding:21px 0;border-bottom:1px solid var(--line)}.detail-section h4{font-size:9px;letter-spacing:1.2px;font-weight:600;color:#97a286;margin:0 0 17px}.detail-item{display:flex;gap:9px;margin:14px 0;font-size:10px;color:#a2af90;line-height:1.7;overflow-wrap:anywhere}.detail-item svg{width:14px;height:14px;margin-top:2px;color:#acb99d}.detail-item strong{display:block;color:#849b6d;font-size:10px;font-weight:500}.detail-item small{font-size:9px;display:block;color:#b0bba3}.detail-section textarea{width:100%;border:1px solid #e7ecde;background:#fdfef9;border-radius:7px;padding:11px;font-size:10px;line-height:1.8;color:#839674;resize:vertical;min-height:103px}.note-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#9dad8b;margin-bottom:10px}.note-label svg{width:13px;height:13px}.save-note{font-size:10px;padding:8px 11px;min-height:31px;width:100%;margin-top:9px}.detail-tip{font-size:9px;line-height:1.9;color:#b2bca6;padding-top:18px}.back-button,.mobile-menu{display:none}.manage-dialog{border:1px solid #e4ebdf;border-radius:17px;width:min(620px,calc(100% - 30px));max-height:85dvh;padding:26px;box-shadow:0 30px 100px #102a2140;color:#3b583f}.manage-dialog::backdrop{background:#153c3560;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.dialog-head h2{font-size:22px;margin:0;letter-spacing:-.5px}.dialog-copy{font-size:12px;line-height:1.9;color:#91a17f;margin:0 0 20px}.demo-info{background:#faf4e6;border:1px solid #f0e5ca;color:#a78c57;padding:13px;border-radius:9px;font-size:11px;line-height:1.9;margin-bottom:18px}.manage-row{border-top:1px solid #edf0e7;padding:17px 0;display:flex;gap:10px;align-items:center}.page-square{width:36px;height:36px;border-radius:9px;background:#eef3e7;display:grid;place-items:center;color:var(--page-color,#78955f);flex-shrink:0}.page-square svg{width:18px;height:18px}.manage-row-main{flex:1;min-width:0}.manage-row-main strong{font-size:12px;font-weight:600}.manage-row-main small{font-size:10px;color:#99aa87;display:block;margin-top:5px;line-height:1.7}.manage-row .icon-button{width:32px;height:32px}.text-button{border:0;background:transparent;color:#a7a18d;font-size:10px;padding:8px}.dialog-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.candidate-row{display:flex;align-items:center;padding:14px;gap:10px;border:1px solid #e6ecde;border-radius:8px;margin:8px 0;font-size:12px}.candidate-row input{accent-color:#4c7b3b;width:16px;height:16px}.candidate-row span{flex:1}.error{color:#bc7757;font-size:12px;line-height:1.7}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(520px,calc(100% - 32px));padding:13px 20px;background:#264d39;color:#f6f8f0;z-index:100;border-radius:9px;box-shadow:0 7px 30px #12302020;font-size:12px;line-height:1.8;text-align:center}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#153c35;color:#dce8d4;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{color:#eef4e6;font-size:27px}.login-story .brand-mark{background:transparent;color:white}.login-story h1{font-size:clamp(35px,4vw,62px);line-height:1.2;font-weight:500;letter-spacing:-2px;margin:22px 0}.login-story p{line-height:1.9;font-size:14px;color:#9db49b}.login-story small{font-size:11px;color:#87a184}.login-form-wrap{display:flex;align-items:center;justify-content:center;background:#fcfdfb;padding:35px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:28px;letter-spacing:-.8px;font-weight:600}.login-form label{display:block;font-size:12px;color:#849675;margin-top:24px}.login-form input{display:block;width:100%;margin-top:9px;border:1px solid #dce6d2;border-radius:8px;padding:13px;background:#fff;color:#45633a}.login-form .primary{width:100%;margin:15px 0}.privacy-link{font-size:11px;display:block;text-align:center;text-decoration:none}.loading p{font-size:13px}.mobile-only{display:none}
@media(min-width:1700px){.conversation-pane{width:365px}.details{width:275px}.sidebar{width:245px}.message-stack{max-width:75%}.bubble{font-size:13px}}
@media(max-width:1370px){.details{display:none}.details.open{display:block;position:fixed;top:101px;bottom:0;right:0;z-index:20;box-shadow:-12px 0 45px #28472e15;width:290px}.details-head .close-details{display:flex}.sidebar{width:210px}.conversation-pane{width:315px}.topbar{padding:0 23px}.live-state{display:none}}
@media(max-width:1040px){.rail{width:60px}.rail-button.active:before{left:-9px}.sidebar{width:185px;padding-inline:10px}.conversation-pane{width:285px}.sidebar-brand{padding-inline:10px}.brand{font-size:20px}.topbar-actions .subtle{font-size:0;gap:0;padding:10px}.topbar-actions .subtle svg{width:17px;height:17px}.bubble{font-size:11px}.messages{padding:17px}.thread-header{padding:0 16px;gap:8px}.done-button{font-size:0;gap:0;padding:9px}.done-button svg{width:16px;height:16px}}
@media(max-width:800px){.rail{display:none}.sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:40;width:265px;padding:30px 20px;background:#f7f9f3;box-shadow:12px 0 60px #153c3530}.sidebar.open{display:flex}.sidebar-shade{position:fixed;inset:0;z-index:35;background:#153c3545}.main{width:100%}.topbar{height:76px;padding:0 17px}.topbar .eyebrow{font-size:7px;letter-spacing:1.5px}.topbar h1{font-size:21px;gap:9px}.topbar-actions{gap:6px}.topbar .manage-button{font-size:0;gap:0;padding:10px}.topbar .manage-button svg{width:17px;height:17px}.topbar-actions .subtle{padding:10px 7px;background:transparent}.demo-badge{font-size:6px;padding:4px 5px}.mobile-menu{display:inline-flex;margin-left:-6px}.conversation-pane{width:100%;border-right:0}.thread{display:none}.details.open{top:76px;width:min(330px,100%);box-shadow:-20px 0 100px #153c3540}.workspace.thread-open .conversation-pane{display:none}.workspace.thread-open .thread{display:flex}.back-button{display:inline-flex;margin-left:-10px}.thread-header{height:76px;padding:0 15px;gap:8px}.thread-header .avatar{width:34px;height:34px;font-size:10px}.thread-person h2{font-size:13px}.thread-person .page-badge{font-size:8px}.thread-actions{gap:3px}.thread-actions .icon-button{width:31px}.conversation-list{padding:0 8px}.conversation-item{padding:18px 12px;min-height:105px}.conversation-item .avatar{width:43px;height:43px;font-size:12px}.summary-top strong{font-size:13px}.summary-top time{font-size:10px}.preview{font-size:12px;margin:7px 0}.page-badge{font-size:9px}.list-head{padding:22px 22px 15px}.list-head h2{font-size:17px}.list-head .muted{font-size:11px}.search{padding:12px}.search input{font-size:13px}.bubble{font-size:13px}.messages{padding:17px 16px}.message-stack{max-width:87%}.message-meta{font-size:9px}.composer{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.replying-as{font-size:10px}.quick-reply{font-size:10px;padding:6px 9px}.input-wrap textarea{font-size:16px;min-height:47px}.send-button{width:40px;height:40px}.send-button svg{width:19px;height:19px}.composer-foot{font-size:8px}.desktop-shortcut{display:none}.global-notice{font-size:11px}.login-screen{display:flex;flex-direction:column}.login-story{padding:28px 30px;min-height:255px;gap:25px}.login-story h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.login-story .eyebrow,.login-story small,.login-story>div>p:last-child{display:none}.login-story .brand{font-size:22px}.login-form-wrap{padding:30px}.login-form h2{font-size:24px}.manage-dialog{padding:21px;max-height:90dvh}.dialog-head h2{font-size:20px}.manage-row-main strong{font-size:11px}.toast{bottom:16px;font-size:11px}.mobile-only{display:inline}}
@media(prefers-reduced-motion:no-preference){button{transition:background .13s,color .13s}.toast{animation:toast-in .18s ease-out}@keyframes toast-in{from{opacity:0;bottom:15px}to{opacity:1;bottom:25px}}}
/* Readable working sizes and stronger text contrast. */
.filter-button{font-size:13px;color:#67796c}.page-filter{font-size:12px;color:#687b68}.section-label{font-size:10px;color:#7f9180}.summary-top strong{font-size:13px}.summary-top time{font-size:10px;color:#8b9985}.preview{font-size:12px;color:#829076}.conversation-item.unread .preview{color:#576d4d}.page-badge{font-size:10px;color:#708b60}.filter-button b,.page-filter b{color:#7d9173}.list-head .muted{font-size:11px;color:#8a9a7e}.search input{font-size:12px;color:#5b7050}.search input::placeholder{color:#8c9c80}.thread-person h2{font-size:16px}.thread-person .page-badge{font-size:10px}.bubble{font-size:14px;color:#4d6340}.message-row.out .bubble{color:#405f31}.message-meta{font-size:10px;color:#91a27f}.replying-as{font-size:11px;color:#7b9367}.quick-reply{font-size:11px;color:#82976d}.composer-foot{font-size:9px;color:#8c9f78}.topbar .outline,.topbar .subtle{font-size:12px}.detail-item,.detail-item strong{font-size:12px}.detail-item small{font-size:10px}.detail-section textarea{font-size:12px}.note-label{font-size:10px}.detail-tip{font-size:10px;color:#8c9f7a}.profile h3{font-size:15px}.details-head{font-size:12px}.connection-card strong{font-size:11px}.connection-card p{font-size:10px}.list-foot{color:#8b9e79;font-size:10px}
@media(max-width:1040px){.done-button{font-size:0}.topbar-actions .subtle{font-size:0}}
@media(max-width:800px){.topbar .manage-button{font-size:0}.topbar-actions .subtle{font-size:0}.thread-person h2{font-size:14px}.thread-person .page-badge{font-size:9px}.composer-foot{font-size:8px}.replying-as{font-size:10px}.quick-reply{font-size:10px}.summary-top strong{font-size:14px}.page-badge{font-size:10px}}

/* Keep long Page/customer names inside the mobile conversation header. */
.thread-person h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-badge{overflow:hidden;text-overflow:ellipsis}
.thread-actions{flex-shrink:0}
@media(max-width:800px){.login-form input,.detail-section textarea,.search input{font-size:16px}.sidebar{overflow-y:auto}.thread-header{min-height:76px}}