: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}.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}.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}.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}.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}}