@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap";:root{color:#202c28;font-synthesis:none;--green:#175c43;--lime:#bded90;--line:#e4e9e6;--muted:#75827b;--ink:#102820;--radius:12px;background:#f5f7f6;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.55;cursor:not-allowed}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-1.2px;font-size:clamp(25px,2.3vw,34px);font-weight:750;line-height:1.3}h2{letter-spacing:-.3px;font-size:17px;font-weight:750}h3{font-size:18px}p{line-height:1.6}small{font-size:13px}code,.mono,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}input,select,textarea{color:#20352a;background:#fff;border:1px solid #dce3df;border-radius:7px;width:100%;min-height:44px;padding:12px 13px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#0000;outline:2px solid #7bae90}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#9aa49e}label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.primary,.secondary-button{white-space:nowrap;border-radius:7px;min-height:42px;padding:11px 17px;font-size:14px;font-weight:600}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover:not(:disabled){background:#104832}.secondary-button{color:#334b40;background:#fff;border:1px solid #dce3df}.secondary-button:hover{background:#f0f5f2}.wide{width:100%}.text-button{color:#456a56;background:0 0;border:0;padding:7px;font-size:13px;font-weight:600}.text-button:hover{color:#132f21;background:#f1f7f2;border-radius:5px}.icon-button{color:#78897f;background:0 0;border:0;border-radius:5px;min-width:30px;min-height:30px;padding:6px}.icon-button:hover{color:#163d27;background:#edf3ee}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{color:#a8bbb0;z-index:5;background:#102a21;flex-direction:column;width:240px;padding:33px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-1.2px;align-items:center;gap:11px;padding:0 10px;font-size:26px;font-weight:650;text-decoration:none;display:flex}.brand-mark{color:#c0f198;border:2px solid #b7ee8c;border-radius:9px;justify-content:center;align-items:center;width:34px;height:37px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;display:inline-flex;transform:skew(-6deg)}.api-word{letter-spacing:1px;vertical-align:middle;color:#b7d0c1;border:1px solid #537062;border-radius:4px;margin-left:7px;padding:3px 4px;font-size:11px}.workspace{color:#f2f7f3;border:1px solid #294539;border-radius:8px;align-items:center;gap:10px;margin:37px 0 30px;padding:13px 10px;font-size:14px;display:flex}.workspace>svg{color:#698373;margin-left:auto}.workspace small{color:#9aac9f;margin-top:3px;font-size:12px;display:block}.workspace-icon{color:#ccdfd1;background:#2e4639;border-radius:6px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.nav-label{letter-spacing:1.6px;color:#739081;margin-bottom:13px;padding:0 13px;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#aabeb2;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:12px;padding:13px 14px;font-size:14px}.sidebar nav button.active{color:#163322;background:#c2ee98;font-weight:650}.sidebar nav button:hover:not(.active){background:#203b2e}.sidebar nav small{background:#a9d981;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:40px}.stack-label{color:#aec6b7;border-top:1px solid #2b4537;align-items:center;gap:10px;padding:19px 11px;font-size:12px;display:flex}.stack-label small{color:#748f7e;margin-top:3px;font-size:11px;display:block}.logout{color:#96b19e;background:0 0;border:0;padding:10px 12px;font-size:13px}.main{width:calc(100% - 240px);margin-left:240px}.topbar{border-bottom:1px solid var(--line);color:#8c9992;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 40px;font-size:13px;display:flex}.topbar>div{align-items:center;gap:13px;display:flex}.topbar strong{color:#3b4a41;font-weight:500}.private-label{color:#637d6e;background:#f3f6f4;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.content{max-width:1600px;margin:0 auto;padding:35px 40px 24px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.9px;color:#637c6b;margin-bottom:10px;font-size:10px;font-weight:700}.heading-copy p{color:#839087;margin-top:9px;font-size:14px}.stats{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px;padding:22px 0;display:grid}.stats article{min-width:0;padding:0 23px}.stats article+article{border-left:1px solid var(--line)}.stats article>span{color:#7c8b82;justify-content:space-between;align-items:center;font-size:13px;display:flex}.stats article>span svg{color:#9aa9a0}.stats strong{letter-spacing:-1px;margin:10px 0 7px;font-family:Manrope,sans-serif;font-size:32px;font-weight:500;display:block}.stats small{color:#95a097;font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:24px;overflow:hidden}.panel-heading{border-bottom:1px solid #f0f3f1;justify-content:space-between;align-items:center;gap:16px;min-height:81px;padding:23px 24px;display:flex}.panel-heading p{color:#8b978f;margin-top:5px;font-size:13px}.panel-heading>svg{color:#92aa9b}.count{vertical-align:middle;color:#637768;background:#eef3ef;border-radius:5px;margin-left:6px;padding:2px 7px;font-family:DM Sans,sans-serif;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8c9990;letter-spacing:.8px;background:#fafcfb;padding:14px 24px;font-size:10px;font-weight:500}td{border-top:1px solid #eff3ef;padding:16px 24px;font-size:13px}.selected td{background:#f7faf7}.selected td:first-child{box-shadow:inset 3px 0 #77a872}.instance-name{color:inherit;text-align:left;background:0 0;border:none;justify-content:flex-start;gap:12px;padding:0;display:flex}.instance-name strong{font-size:14px;font-weight:600}.instance-name small{color:#95a296;margin-top:5px;font-family:ui-monospace,monospace;font-size:11px;display:block}.instance-avatar{color:#5d8b69;background:#eff5f0;border:1px solid #e0e9e2;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.instance-avatar.demo{color:#8581ab;background:#f2f2fb;border-color:#e8e6f4}.provider-label{color:#526c5a;font-size:12px}.provider-label.demo{color:#8e80a5}.badge{color:#84918a;white-space:nowrap;background:#f1f3f2;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:inline-flex}.badge>span{background:currentColor;border-radius:100%;width:5px;height:5px}.badge.connected,.badge.delivered,.badge.sent,.badge.read{color:#3e8b55;background:#edf7ef}.badge.read{color:#3f85a5;background:#edf6fb}.badge.queued,.badge.connecting,.badge.sending,.badge.qr,.badge.pending{color:#ad882f;background:#fbf5e8}.badge.error,.badge.failed,.badge.unknown,.badge.dead{color:#b05d54;background:#fcf0ed}.secondary{color:#8c9a91;font-size:12px}.work-grid{grid-template-columns:minmax(260px,.85fr) minmax(340px,1.45fr);gap:24px;display:grid}.work-grid:has(>.compose-panel:only-child){grid-template-columns:1fr}.connection-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:28px 22px;display:flex}.connection-body p{color:#8d9c91;max-width:290px;margin:8px 0 19px;font-size:13px}.connection-body h3{font-size:16px}.connection-symbol{color:#89aa8e;background:#f3f7f3;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:19px;display:grid;position:relative}.connection-symbol.online{color:#497544;background:#eaf5e5}.connection-symbol.online>svg+svg{color:#fff;box-sizing:content-box;background:#4f8c49;border:3px solid #fff;border-radius:50%;padding:3px;position:absolute;bottom:-3px;right:-3px}.instance-id{background:#fbfcfb;border-top:1px solid #edf2ee;padding:14px 22px}.instance-id>span{letter-spacing:1.1px;color:#9aaa9d;font-size:9px}.instance-id>div{align-items:center;gap:5px;margin-top:3px;display:flex}.instance-id code{text-overflow:ellipsis;color:#7a8d7c;font-size:10px;overflow:hidden}.instance-id button{margin-left:auto}.compose{padding:23px 25px}.form-row{grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:21px;display:grid}.compose label{font-size:12px}.compose small{color:#8e9c92;margin-top:6px;font-size:10px;display:block}.compose-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.compose-footer>span{color:#8fa28f;align-items:center;gap:6px;font-size:11px;display:flex}.queue-note{color:#a28e5a;margin-top:13px;font-size:12px}.file-field{margin-bottom:18px}.file-field input{padding:10px;font-size:12px}.qr{object-fit:contain;width:220px;max-width:100%;height:220px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:45px 20px;display:flex}.empty-icon{color:#789d77;background:#f0f6ec;border-radius:18px;place-items:center;width:68px;height:68px;display:grid}.empty h3{color:#38573e;font-size:19px}.empty p{color:#8a9b8c;max-width:370px;font-size:14px}.empty.compact{color:#a3b1a4;gap:10px;padding:32px}.empty.compact p{font-size:13px}.demo-banner{color:#8b7c9b;background:#efedf7;border:1px solid #e7e3f0;border-radius:7px;align-items:center;gap:9px;margin-bottom:17px;padding:11px 15px;font-size:12px;display:flex}.message-cell{white-space:normal;align-items:center;gap:12px;min-width:190px;max-width:430px;display:flex}.message-cell>svg{color:#8fa594;flex-shrink:0}.message-cell strong{overflow-wrap:anywhere;font-size:13px;font-weight:450;line-height:1.5;display:block}.message-cell small{color:#9baba0;align-items:center;font-size:10px;line-height:1.4;display:flex}.message-cell .icon-button{min-height:22px;padding:2px}.message-cell .icon-button svg{width:12px}.inline-error{color:#b15e52!important}.button-group{gap:8px;display:flex}.nowrap{white-space:nowrap}.instance-picker{align-items:center;gap:15px;margin-bottom:20px;display:flex}.instance-picker label{color:#849589;margin:0;font-size:13px}.instance-picker select{max-width:280px}.webhook-form{padding:25px}.url-row{gap:10px;display:flex}.url-row input{min-width:0}.webhook-form small{color:#8c9b8e;margin-top:10px;font-size:12px;display:block}.event-tags{flex-wrap:wrap;gap:8px;padding:0 25px 25px;display:flex}.event-tags code{color:#6b8c71;background:#f2f6f2;border-radius:5px;padding:7px;font-size:11px}.events{padding:10px 24px}.events>p{color:#97a897;padding:18px;font-size:14px}.events details{border-bottom:1px solid var(--line)}.events summary{cursor:pointer;align-items:center;gap:12px;padding:15px 0;font-size:12px;display:flex}.events summary>span{color:#8ba18f;margin-left:auto}.events summary code{font-size:12px}.events details[open] summary>svg{transform:rotate(90deg)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c5dbc9;background:#112920;border-radius:8px;padding:22px;font-size:12px;line-height:1.8}.docs-content{max-width:920px;padding:28px}.docs-content>label{letter-spacing:1px;color:#899d8b;font-size:10px}.docs-content h3{margin:30px 0 12px;font-size:18px}.docs-content p{color:#778d7b;margin:12px 0;font-size:14px}.docs-content p code{color:#486650;overflow-wrap:anywhere;background:#f0f4f0;border-radius:3px;padding:2px 5px;font-size:12px}.copy-line{background:#f7f9f7;border:1px solid #e7eee7;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.copy-line code{overflow-wrap:anywhere;color:#48644d;flex:1;min-width:0;font-size:12px}.key-row{color:#899f7c;background:#f8faf6;border:1px solid #eaf0e5;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.key-row button{margin-left:auto}.docs-callout{color:#71905d;background:#f3f9ed;border:1px solid #e0ecd8;border-radius:8px;align-items:center;gap:14px;margin-top:25px;padding:12px 18px;display:flex}.docs-callout svg{flex-shrink:0}.footer{color:#a0afa2;letter-spacing:.7px;justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;display:flex}.footer>span>span{color:#c7d3c6;margin:0 7px}.error-box{color:#a95947;overflow-wrap:anywhere;background:#fcefeb;border:1px solid #edd8d0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:13px;line-height:1.6;display:flex}.error-box button{color:inherit;background:0 0;border:0}.notice{color:#476d32;overflow-wrap:anywhere;background:#f0f8e8;border:1px solid #daeccb;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:13px;font-size:12px;display:flex}.boot{color:#6f9277;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.login-page{color:#f6fff6;background:#102a21;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px 20px;display:flex}.login-brand{letter-spacing:-1px;align-items:center;gap:12px;margin-bottom:35px;font-size:30px;font-weight:650;display:flex}.login-card{color:#1f3825;background:#fff;border-radius:15px;width:100%;max-width:460px;padding:37px}.login-card h1{letter-spacing:-1px;font-size:29px;line-height:1.4}.login-card>p{color:#839387;margin:12px 0 26px;font-size:14px}.login-card label{font-size:13px}.login-card input{margin-bottom:16px}.login-note{color:#8fa38c;border-top:1px solid #eaf1e6;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding-top:20px;font-size:11px;display:flex}.login-card .error-box{margin:17px 0 0}.login-footer{letter-spacing:2px;color:#739779;margin-top:30px;font-size:10px}dialog{color:#29412b;border:1px solid #dfe8dc;border-radius:13px;width:490px;max-width:calc(100% - 32px);max-height:90vh;padding:0;box-shadow:0 20px 100px #061d2433}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10282088}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 25px;display:flex}.modal-form{flex-direction:column;gap:14px;padding:25px;display:flex}.modal-form label{margin-bottom:2px;font-size:12px}.modal-form p{color:#83977f;font-size:13px}.credential-notice{color:#6c8057;background:#f3f8eb;border:1px solid #e0ecd2;border-radius:7px;align-items:center;gap:10px;padding:12px;font-size:12px;line-height:1.5;display:flex}.credential-notice svg{flex-shrink:0}.modal-form .copy-line{margin-top:9px}.modal-form .copy-line code{font-size:11px}@media (width>=1500px){.content{padding-top:45px}.stats{margin-top:35px}.work-grid{grid-template-columns:.8fr 1.5fr}}@media (width<=1150px){.sidebar{width:205px;padding:30px 13px}.main{width:calc(100% - 205px);margin-left:205px}.content{padding:28px 25px}.topbar{padding:0 25px}.work-grid{grid-template-columns:1fr}.connection-body{min-height:230px}.connection-panel{grid-template-columns:1fr 1fr;display:grid}.connection-panel .panel-heading{grid-column:1/-1}.connection-panel .instance-id{background:0 0;border:0;align-self:center;min-width:0}.stats article{padding:0 16px}.stats small{font-size:10px}.stats article>span{font-size:12px}.page-heading{align-items:flex-start}h1{font-size:26px}.compose-footer>span{font-size:12px}.stats article>span svg{display:none}}@media (width<=800px){.sidebar{width:75px;padding:26px 10px}.brand{justify-content:center;padding:0}.brand>span+span,.workspace,.nav-label,.sidebar nav span,.sidebar nav small,.stack-label,.logout span{display:none}.sidebar nav{margin-top:40px}.sidebar nav button{justify-content:center;padding:15px}.main{width:calc(100% - 75px);margin-left:75px}.sidebar-bottom{justify-content:center;display:flex}.topbar{padding:0 20px}.content{padding:25px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.stats article{padding:18px}.stats article:nth-child(3){border-left:0}.stats article:nth-child(n+3){border-top:1px solid var(--line)}.stats small{font-size:11px}.stats article>span{font-size:13px}.page-heading{flex-direction:column;gap:17px}.panel-heading{padding:20px}.panel-heading p{font-size:12px}.connection-panel{display:block}.connection-panel .instance-id{border-top:1px solid var(--line);background:#fbfcfb}.compose{padding:20px}.button-group{flex-direction:column;align-items:flex-end;gap:0}.private-label{display:none}.footer{flex-direction:column;align-items:flex-start;gap:10px}.url-row{flex-wrap:wrap}.url-row input{flex:100%}.instance-picker{flex-wrap:wrap}.instance-picker label{flex:100%}}@media (width<=480px){.sidebar{width:58px;padding:26px 5px}.brand-mark{width:29px;height:32px;font-size:22px}.sidebar nav button{padding:14px 10px}.main{width:calc(100% - 58px);margin-left:58px}.content{padding:24px 14px}.topbar{height:60px;padding:0 16px;font-size:11px}.topbar>div{gap:7px}h1{font-size:25px}.heading-copy p{font-size:13px}.stats article{padding:15px 12px}.stats small{font-size:10px}.stats strong{font-size:28px}.stats article>span{font-size:12px}.form-row{grid-template-columns:1fr}.compose-footer{flex-direction:column;align-items:flex-start}.compose-footer .primary{width:100%}.work-grid{gap:0}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:15px}.panel-heading .text-button{font-size:11px}.docs-content{padding:18px}.key-row{flex-wrap:wrap}.key-row button{margin:0}.docs-content pre{padding:14px;font-size:11px}.compose{padding:18px 16px}.events{padding:8px 14px}.events summary{flex-wrap:wrap}.events summary>span{font-size:10px}.stats{margin-bottom:20px}.login-card{padding:27px}td,th{padding-left:16px;padding-right:16px}.demo-banner,.notice{font-size:11px}.panel{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.inbox{background:#fff;border:1px solid #dae4dc;border-radius:13px;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 300px);min-height:540px;max-height:980px;display:grid;overflow:hidden;box-shadow:0 8px 30px #173e2a05}.chat-list{background:#fff;border-right:1px solid #dfe7e1;flex-direction:column;min-height:0;display:flex}.chat-list-heading{justify-content:space-between;align-items:center;gap:10px;padding:23px 21px 17px;display:flex}.chat-list-heading h2{letter-spacing:-.6px;font-size:19px}.chat-list-heading p{color:#88978c;margin-top:5px;font-size:12px}.chat-list-heading .icon-button{color:#35784c;background:#eef5ed;border-radius:10px;width:34px;height:34px}.chat-search{color:#8d9f91;background:#f3f6f3;border:1px solid #edf1ed;border-radius:8px;align-items:center;margin:0 17px 17px;padding-left:12px;display:flex}.chat-search input{background:0 0;border:0;min-width:0;min-height:39px;padding:10px;font-size:12px}.chat-search input:focus{outline:none}.chat-search:focus-within{outline:2px solid #86b094}.chat-items{flex:1;min-height:0;overflow:auto}.chat-item{text-align:left;background:#fff;border:0;border-top:1px solid #f4f6f3;justify-content:flex-start;gap:12px;width:100%;min-height:81px;padding:17px 19px}.chat-item:hover{background:#f6f9f4}.chat-item.active{background:#eef6e8;box-shadow:inset 3px 0 #6f9b5a}.chat-avatar{color:#6b8c64;letter-spacing:-.4px;background:#e6eee3;border:1px solid #dee8d8;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:14px;font-weight:650;display:grid}.chat-item-copy{flex:1;min-width:0}.chat-item-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.chat-item-title time{color:#849481;white-space:nowrap;flex-shrink:0;font-size:9px}.chat-item-preview{align-items:center;gap:10px;margin-top:8px;display:flex}.chat-item-preview>span{color:#8a9788;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.chat-item-preview b{color:#fff;background:#5f8d4d;border-radius:12px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:grid}.chat-more{margin:12px auto;display:flex}.chat-list-note{color:#6e896d;border-top:1px solid #edf1e9;padding:14px 20px;font-size:11px;line-height:1.5}.chat-list-note small{color:#9caa95;margin-top:3px;margin-left:14px;font-size:10px;display:block}.connection-dot{background:#c29d56;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.connection-dot.connected{background:#6aa750}.conversation-welcome{text-align:center;background:radial-gradient(#f9fbf4,#f0f5ec);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.welcome-art{color:#709358;background:#e2edd7;border:1px solid #d8e5cb;border-radius:30px;place-items:center;width:106px;height:106px;margin-bottom:40px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 15px 40px #d6e4c580}.welcome-art>span{color:#528258;background:#fff;border:1px solid #e0e8db;border-radius:13px;padding:10px;display:flex;position:absolute;bottom:-9px;right:-12px;transform:rotate(5deg)}.conversation-welcome .eyebrow{color:#96a682;letter-spacing:2px;margin-bottom:14px;font-size:9px}.conversation-welcome h2{letter-spacing:-.8px;color:#36543b;font-size:24px;font-weight:700}.conversation-welcome p{color:#8c9c81;max-width:310px;margin:14px auto 24px;font-size:13px}.conversation-welcome>small{color:#9dad92;align-items:center;gap:7px;margin-top:48px;font-size:10px;display:flex}.conversation{background:#f1f5ed;flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-header{background:#fafcf8;border-bottom:1px solid #e1e9dc;align-items:center;gap:12px;min-height:83px;padding:17px 24px;display:flex}.conversation-header h2{letter-spacing:-.1px;overflow-wrap:anywhere;font-size:14px}.conversation-header p{color:#91a086;overflow-wrap:anywhere;margin-top:5px;font-size:11px}.conversation-header .chat-avatar{width:40px;height:40px}.conversation-security{color:#a2b393;margin-left:auto}.chat-back{display:none}.conversation-messages{overscroll-behavior:contain;background-color:#f2f5ee;background-image:radial-gradient(#ccdac266 .8px,#0000 .8px);background-size:18px 18px;flex:1;min-height:0;padding:15px 30px 28px;overflow:auto}.history-pill{color:#9aab8b;text-align:center;letter-spacing:.2px;margin:8px auto 19px;font-size:9px}.day-divider{clear:both;justify-content:center;margin:20px 0;display:flex}.day-divider span{color:#95a285;background:#e5ebdfc9;border:1px solid #dfe6d7;border-radius:6px;padding:6px 12px;font-size:9px}.bubble-group{display:flow-root}.message-bubble{float:left;overflow-wrap:anywhere;background:#fff;border:1px solid #e5eade;border-radius:0 10px 10px;width:fit-content;min-width:90px;max-width:80%;margin-bottom:10px;padding:11px 13px 6px;box-shadow:0 1px 2px #71866308}.message-bubble.outgoing{float:right;background:#e0efd1;border-color:#d7e6c8;border-radius:10px 0 10px 10px}.message-bubble>p{color:#42563a;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.bubble-meta{color:#98aa89;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.bubble-meta time{font-size:9px}.receipt{color:#8ca781;display:inline-flex}.receipt.read{color:#358eb3}.receipt.unknown,.receipt.failed{color:#bc775c}.bubble-sender{color:#608b54;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.message-bubble .bubble-error{color:#a56a54;max-width:280px;margin-top:7px;font-size:10px;line-height:1.5}.bubble-attachment{color:#7f976e;align-items:center;gap:11px;min-width:170px;padding:5px 0 9px;display:flex}.bubble-attachment>span{color:#647e53;flex:1;font-size:12px}.bubble-attachment small{color:#9bac8c;max-width:160px;margin-top:4px;font-size:9px;display:block}.bubble-attachment a{color:#6d955c;padding:5px;display:flex}.bubble-attachment button{font-size:11px}.bubble-image{object-fit:contain;border-radius:5px;width:290px;max-width:100%;max-height:320px;margin:0 0 7px;display:block}.older-messages{color:#789c65;background:#fff;border:1px solid #dfe8d7;border-radius:7px;margin:0 auto 15px;padding:7px 12px;font-size:11px;display:flex}.chat-compose{background:#fafcf7;border-top:1px solid #e2eadb;padding:14px 20px 10px}.chat-compose-row{align-items:flex-end;gap:12px;display:flex}.chat-compose-row textarea{resize:vertical;background:#fff;border:1px solid #e0e7d9;border-radius:9px;flex:1;min-width:0;min-height:44px;max-height:150px;padding:12px 13px;font-size:13px}.attach-button{color:#91a382;height:44px}.chat-send{color:#eff8e8;background:#296244;border:0;border-radius:10px;flex-shrink:0;width:43px;height:43px}.chat-send:hover{background:#184b31}.chat-send:disabled{background:#a3b394}.compose-hint{color:#a9b39e;justify-content:space-between;align-items:center;gap:10px;min-height:24px;padding:9px 4px 0 48px;font-size:9px;display:flex}.attachment-picker{background:#eff5e9;border:1px solid #e0ebd8;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:9px;display:flex}.attachment-picker small{color:#9bad8b;margin-left:auto;font-size:10px}.file-input-hidden{display:none}.selected-attachment{color:#6f8b57;background:#edf3e6;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;font-size:12px;display:flex}.selected-attachment>span{overflow-wrap:anywhere;flex:1;min-width:0}.selected-attachment small{color:#97a581;margin-top:5px;font-size:9px;display:block}.new-chat{background:#f8faf5;border-block:1px solid #ecf0e7;margin-bottom:15px;padding:12px 17px 18px}.new-chat label{color:#8e9e83;font-size:11px}.new-chat input{margin-bottom:10px;font-size:12px}.new-chat button{min-height:35px;padding:8px;font-size:12px}.chat-empty{text-align:center;color:#8da37a;flex-direction:column;align-items:center;gap:14px;padding:50px 22px;display:flex}.chat-empty p{color:#829572;font-size:13px;line-height:1.7}.chat-empty small{color:#a1ad97;font-size:11px;line-height:1.7}.inbox-error{color:#aa755c;overflow-wrap:anywhere;background:#fcf0e9;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 12px;padding:10px 15px;font-size:12px;line-height:1.5;display:flex}.chat-compose .inbox-error{margin:0 0 12px}.offline-note{color:#ad9868;margin:0 0 12px;font-size:11px}.inbox-history-note{color:#9eac93;margin:14px 0 22px;font-size:10px;line-height:1.6}.content:has(.inbox) .page-heading{margin-bottom:22px}.content:has(.inbox) .instance-picker{margin-bottom:18px}.content:has(.inbox) .page-heading h1{font-size:29px}.content:has(.inbox) .page-heading>button{display:none}@media (width>=1500px){.inbox{grid-template-columns:355px minmax(0,1fr)}}@media (width<=1150px){.inbox{grid-template-columns:280px minmax(0,1fr)}.chat-item{gap:9px;padding:16px 14px}.chat-avatar{width:36px;height:36px}.chat-item-title{flex-wrap:wrap;gap:4px}.chat-item-title time{margin-left:auto}.chat-item-title strong{max-width:100%}.conversation-messages{padding:14px 19px 24px}.message-bubble{max-width:90%}.conversation-header{padding:17px 19px}.chat-compose{padding-inline:14px}.conversation-welcome{padding:25px}.conversation-welcome h2{font-size:20px}.conversation-welcome p{font-size:12px}.chat-compose-row{gap:8px}.conversation-welcome .eyebrow{font-size:8px}.compose-hint{padding-left:0}.chat-list-heading{padding-inline:17px}}@media (width<=800px){.inbox{grid-template-columns:245px minmax(0,1fr)}.conversation-welcome h2{font-size:18px}.chat-item-preview>span{font-size:10px}.chat-item-title strong{font-size:12px}.chat-list-heading h2{font-size:17px}.conversation-messages{padding:10px 13px 20px}.message-bubble{max-width:95%}.chat-avatar{width:33px;height:33px}}@media (width<=680px){.inbox{height:calc(100dvh - 290px);min-height:510px;display:flex}.chat-list{border-right:0;width:100%}.conversation-welcome{display:none}.conversation{width:100%;display:none}.inbox.has-conversation .chat-list{display:none}.inbox.has-conversation .conversation,.chat-back{display:flex}.conversation-header{gap:9px;min-height:73px;padding:12px 10px}.conversation-header h2{font-size:13px}.conversation-header p{font-size:10px}.conversation-header .chat-avatar{width:33px;height:33px}.chat-item{gap:12px;padding:17px}.chat-item-title strong{font-size:14px}.chat-item-preview>span{font-size:12px}.chat-item-title time{font-size:10px}.chat-item .chat-avatar{width:42px;height:42px}.chat-list-heading{padding:21px}.chat-list-heading h2{font-size:20px}.chat-item-title{flex-wrap:nowrap}.conversation-security{display:none}.chat-compose-row{gap:5px}.chat-compose{padding:11px 9px 8px}.attach-button{min-width:26px;padding:3px}.chat-send{width:37px}.chat-compose-row textarea{padding:12px 10px;font-size:12px}.message-bubble>p{font-size:12px}.compose-hint{font-size:8px}.content:has(.inbox) .page-heading h1{font-size:25px}.content:has(.inbox) .page-heading{margin-bottom:18px}.inbox-history-note{font-size:9px}.bubble-attachment{min-width:140px}.attachment-picker{gap:0}.attachment-picker .text-button{padding:6px;font-size:11px}.attachment-picker small{font-size:9px}}