:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171717;background:#f6f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.appShell{grid-template-columns:420px minmax(0,1fr);height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dedbd4;flex-direction:column;min-height:0;display:flex}.sidebarHeader{border-bottom:1px solid #dedbd4;flex:0 0 100px;justify-content:space-between;align-items:center;height:100px;padding:18px 28px;display:flex}.eyebrow{color:#6f6a60;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}h1,h2{margin:0}h1{font-size:27px;line-height:1.1}h2{font-size:20px}.composer{gap:14px;margin-top:18px;display:grid}.inlineFields{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:#4d4942;gap:6px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#171717;background:#fff;border:1px solid #c9c5bc;border-radius:10px;width:100%;padding:10px 12px}.emailFromField{background:#fff;border:1px solid #c9c5bc;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative;overflow:hidden}.emailFromField input{border:0;border-radius:0}.emailFromField input:focus{outline:0}.emailFromField:focus-within{z-index:1;outline-offset:2px;border-color:#315fa8;outline:2px solid #315fa8}.emailFromField span{color:#6f6a60;padding-right:12px;font-size:13px;font-weight:650}textarea{resize:vertical}button{cursor:pointer}.composer button{color:#fff;background:#171717;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.composer button:disabled{cursor:wait;opacity:.6}.conversationList{gap:8px;min-height:0;padding:18px 22px;display:grid;overflow:auto}.listHeader{justify-content:space-between;align-items:center;display:flex}.listHeader span{color:#5f5a51;background:#edeae3;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.conversationHeaderActions{align-items:center;gap:10px;display:flex}.signOutButton{color:#5f5a51;background:#fff;border:1px solid #dedbd4;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none}.newThreadButton{color:#fff;background:#171717;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.newThreadButton svg{display:block}.emptyState{color:#6f6a60}.spinner{border:3px solid #dedbd4;border-top-color:#171717;border-radius:999px;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.conversationRow{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;gap:8px;padding:14px;display:grid}.conversationRow:hover,.conversationRow.selected{background:#f8f7f4;border-color:#dedbd4}.rowTop{color:#6f6a60;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.badge{color:#fff;text-transform:uppercase;border-radius:999px;padding:3px 8px}.badge.sms{background:#286f54}.badge.whatsapp{background:#1c8f4d}.badge.email{background:#315fa8}.preview{color:#6f6a60;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.topic{color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.detailPanel{flex-direction:column;min-width:0;min-height:0;display:flex}.detailHeader{background:#fff;border-bottom:1px solid #dedbd4;flex:0 0 100px;justify-content:space-between;align-items:center;height:100px;padding:18px 32px;display:flex;overflow:hidden}.subject{color:#6f6a60;margin:4px 0 0;font-size:13px}.messageCount{color:#5f5a51;background:#edeae3;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.detailHeaderActions{align-items:center;gap:10px;display:flex}.resetStateButton{color:#5f5a51;background:#fff;border:1px solid #dedbd4;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.resetStateButton:disabled{cursor:wait;opacity:.6}.messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:32px;display:flex;overflow:auto}.newThreadPanel{flex:1;padding:32px;overflow:auto}.newThreadForm{gap:16px;max-width:560px;display:grid}.formActions{justify-content:flex-end;gap:10px;display:flex}.resetStateCheckbox{color:#4d4942;background:#f8f7f4;border:1px solid #dedbd4;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px}.resetStateCheckbox input{width:auto;margin-top:3px}.resetStateCheckbox span{gap:3px;display:grid}.resetStateCheckbox small{color:#6f6a60;font-size:12px;font-weight:500;line-height:1.35}.formActions button,.threadComposer button{color:#fff;background:#171717;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.formActions button:disabled,.threadComposer button:disabled{cursor:wait;opacity:.6}.formActions .secondaryButton{color:#5f5a51;background:#fff;border:1px solid #dedbd4}.threadComposer{background:#fff;border-top:1px solid #dedbd4;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 24px;display:grid}.messageBubble{background:#fff;border:1px solid #dedbd4;border-radius:18px;max-width:min(620px,74%);padding:14px 16px}.messageBubble.inbound{align-self:flex-start}.messageBubble.outbound{color:#fff;background:#171717;align-self:flex-end}.systemEvent{color:#837d72;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;gap:12px;font-size:12px;font-weight:800;display:grid}.systemEvent:before,.systemEvent:after{content:"";background:#dedbd4;height:1px}.systemEvent span{background:#f8f7f4;border:1px solid #dedbd4;border-radius:999px;padding:4px 10px}.messageMeta{color:#837d72;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.messageMeta div{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.messageBubble.outbound .messageMeta{color:#cfcac1}.messageDebugButton{width:24px;height:20px;color:inherit;background:#837d721f;border:0;border-radius:999px;place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.messageBubble.outbound .messageDebugButton{background:#ffffff1f}.messageBubble p{white-space:pre-wrap;margin:0}.messageAttachments{gap:8px;margin-top:10px;display:grid}.messageAttachment{color:inherit;background:#f8f7f4;border:1px solid #dedbd4;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px;text-decoration:none;display:grid}.messageBubble.outbound .messageAttachment{background:#ffffff14;border-color:#ffffff2e}.messageAttachment img{object-fit:cover;background:#edeae3;border-radius:8px;width:72px;height:72px}.messageAttachment span{gap:2px;min-width:0;display:grid}.messageAttachment strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messageAttachment small{color:#6f6a60;font-size:12px}.messageBubble.outbound .messageAttachment small{color:#cfcac1}.emptyDetail{color:#6f6a60;text-align:center;place-content:center;height:100%;padding:32px;display:grid}.emptyDetail h2{color:#171717}.toast{z-index:20;color:#8f2c1b;background:#fff7f4;border:1px solid #f1b5a9;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;width:min(420px,100vw - 48px);padding:14px 14px 14px 16px;font-size:13px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 48px #17171729}.toast p{overflow-wrap:anywhere;margin:0}.toast button{color:#8f2c1b;background:#8f2c1b1a;border:0;border-radius:999px;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}.modalBackdrop{z-index:30;background:#1717175c;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.debugModal{background:#fff;border:1px solid #dedbd4;border-radius:20px;flex-direction:column;width:min(860px,100%);max-height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 24px 80px #1717173d}.debugModal header{border-bottom:1px solid #dedbd4;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.debugModal header button{color:#5f5a51;background:#f8f7f4;border:0;border-radius:999px;place-items:center;width:30px;height:30px;font-size:22px;line-height:1;display:grid}.debugModal pre{color:#171717;white-space:pre-wrap;margin:0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.appShell{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{border-right:0}.threadComposer{grid-template-columns:1fr}}