:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#182b2d;background:#f5f7f6}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:13px;padding:0 max(34px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #e4eae7}.brand-mark{width:38px;height:38px;border-radius:12px;background:#0b6b65;color:white;display:grid;place-items:center;font-size:22px;font-weight:700}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.01em}.brand span{font-size:12px;color:#758684;margin-top:2px}.brand-right{margin-left:auto;color:#8d9c99;font-size:10px;font-weight:700;letter-spacing:.15em}.shell{width:min(100% - 40px,900px);margin:38px auto 40px;background:#fff;box-shadow:0 10px 35px #1a39300a;border:1px solid #e4eae7;border-radius:18px;overflow:hidden;flex:1;display:flex;flex-direction:column}.top{padding:30px 36px 24px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#0b776d;font-weight:800}.top h1{font-size:26px;letter-spacing:-.035em;margin:8px 0 9px;font-weight:700}.contact-meta{display:flex;gap:16px;color:#6d807c;font-size:13px;flex-wrap:wrap}.contact-meta span:empty{display:none}.contact-meta span+span:before{content:"·";margin-right:16px;color:#b7c3bf}.notice{margin:0 36px;color:#667b77;font-size:14px}.notice:empty{display:none}.notice.error{padding:15px 17px;background:#fff5f2;border:1px solid #f3d5ca;border-radius:10px;color:#a13d2b;margin-bottom:24px}.duplicate{margin:0 36px 30px}.duplicate h2{font-size:16px}.candidate{padding:13px 15px;border:1px solid #e1e9e5;border-radius:9px;margin-top:9px}.candidate strong,.candidate span{display:block}.candidate span{font-size:12px;color:#768783;margin-top:3px}.toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:1px solid #eef1ef;border-bottom:1px solid #eef1ef}.tabs{display:flex;gap:5px}.tabs button,.quiet,.earlier{border:0;background:transparent;color:#6b7c79;cursor:pointer;font:inherit}.tabs button{padding:8px 15px;border-radius:8px;font-size:13px;font-weight:650}.tabs button.active{background:#e6f4f0;color:#126c62}.quiet{font-size:13px}.quiet:hover,.earlier:hover{text-decoration:underline}.subtle{padding:12px 36px 0;color:#87958f;font-size:12px}.subtle:empty{display:none}.feed{min-height:250px;padding:26px 36px;display:flex;flex-direction:column;gap:20px}.empty{margin:auto;text-align:center;color:#8b9b96;font-size:14px}.entry{display:flex;flex-direction:column;max-width:76%;align-self:flex-start}.entry.outbound{align-self:flex-end;align-items:flex-end}.bubble,.email-card{padding:13px 16px;border-radius:14px;background:#f1f5f3;color:#203734;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.outbound .bubble{background:#dff2e9;border-bottom-right-radius:5px}.inbound .bubble{border-bottom-left-radius:5px}.email-card{background:#f8faf9;border:1px solid #e4ebe7;min-width:min(420px,65vw);white-space:normal}.email-card h3{font-size:14px;margin:0 0 9px}.email-card p{white-space:pre-wrap;max-height:90px;overflow:hidden;margin:0}.email-card.expanded p{max-height:none}.email-card button{background:transparent;border:0;color:#0b776d;padding:8px 0 0;cursor:pointer;font-weight:650}.meta{display:flex;gap:7px;align-items:center;font-size:11px;color:#8b9a96;margin:7px 4px 0;flex-wrap:wrap}.outbound .meta{justify-content:flex-end}.tag{color:#0b776d;font-weight:700}.attachments{margin-top:8px;font-size:11px;color:#68837b}#earlier-wrap{text-align:center;padding:0 0 20px}.earlier{color:#0b776d;font-size:13px}.composer{border-top:1px solid #e8eeeb;padding:22px 36px 26px;margin-top:auto}.composer label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.composer textarea{width:100%;resize:vertical;border:1px solid #d7e2dd;border-radius:11px;padding:14px 15px;font:inherit;font-size:14px;outline:none;min-height:86px}.composer textarea:focus{border-color:#0b776d;box-shadow:0 0 0 3px #0b776d18}.composer-footer{display:flex;align-items:center;gap:15px;margin-top:12px;color:#91a09b;font-size:12px}.composer-footer #send-status{margin-right:auto;color:#ae442e}.composer-footer button{border:0;border-radius:9px;background:#0b7067;color:#fff;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.composer-footer button:disabled{opacity:.55;cursor:wait}footer{text-align:center;color:#9aa7a2;font-size:11px;padding:0 20px 20px}@media(max-width:600px){.brand{padding:0 20px}.shell{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.top,.feed,.composer{padding-left:20px;padding-right:20px}.toolbar{padding:0 20px}.notice,.duplicate{margin-left:20px;margin-right:20px}.entry{max-width:90%}}
.call-card{background:#f7f9f8;border:1px solid #dfe9e4;border-radius:13px;padding:15px 17px;min-width:min(360px,65vw);max-width:100%;color:#203734}.call-card h3{font-size:14px;margin:0 0 6px}.call-details{color:#68807a;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.recording-button{margin-top:13px;border:1px solid #badbd0;border-radius:8px;background:#e6f4ef;color:#0b6b65;padding:8px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.recording-button:disabled{cursor:default;opacity:.7}.playback audio{display:block;width:min(330px,100%);margin-top:12px}@media(max-width:600px){.toolbar{height:auto;min-height:60px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.tabs{flex-wrap:wrap}.tabs button{padding:8px 10px}.call-card{min-width:0}}
.feed{height:min(54vh,460px);min-height:280px;overflow-y:auto;overscroll-behavior:contain}.from-number{font-size:12px;color:#637f77;margin:-4px 0 10px}

/* Sol Life conversation theme */
:root{color:#f6f8fa;background:#0e1118}
body{background:radial-gradient(circle at 50% 0,#172932 0,#101720 36%,#0e1118 76%)}
.brand{height:94px;background:#0e1118e8;border-color:#ffffff16;gap:18px}
.brand-logo{display:block;width:138px;height:auto;max-height:74px;object-fit:contain}
.brand-subtitle{color:#9eb3bf;font-size:12px;letter-spacing:.02em}
.brand-right{color:#83a6ae}
.shell{background:linear-gradient(155deg,#151d28 0,#101620 100%);border-color:#2b3843;box-shadow:0 24px 70px #0005}
.top h1{color:#fff}.eyebrow,.tag{color:#19c9c5}
.contact-meta,.notice,.subtle,.empty{color:#afc0c9}
.contact-meta span+span:before{color:#56707a}
.notice.error{background:#3a2426;border-color:#754347;color:#ffcdca}
.candidate{border-color:#344550;background:#17242e}.candidate span{color:#adc0c7}
.toolbar{border-color:#2b3843}.tabs button,.quiet,.earlier{color:#adc0c9}
.tabs button.active{background:#174750;color:#7ff5df}.earlier{color:#58d9d0}
.feed{background:#111923}
.bubble,.email-card{background:#202e39;color:#eff5f6}
.outbound .bubble{background:#115f62;color:#fff}
.email-card{border-color:#354752}.email-card button{color:#58d9d0}
.meta{color:#9db2bc}.attachments,.call-details{color:#a8c0c9}
.call-card{background:#1b2a35;border-color:#344956;color:#eff5f6}
.recording-button{background:#164953;border-color:#2e7880;color:#b7fbef}
.composer{border-color:#2b3843}.composer label{color:#f2f7f8}.from-number{color:#a5c1c8}
.composer textarea{background:#0d141c;border-color:#3a4a56;color:#fff}
.composer textarea::placeholder{color:#8299a5}
.composer textarea:focus{border-color:#19bfc0;box-shadow:0 0 0 3px #18c4bd30}
.composer-footer{color:#a3b8c0}.composer-footer #send-status{color:#ffcbc7}
.composer-footer button{border-radius:999px;background:linear-gradient(105deg,#11b2c8 0%,#10b691 100%);box-shadow:0 10px 28px #0baaa626;padding:13px 22px}
.composer-footer button:hover:not(:disabled){filter:brightness(1.09)}
button:focus-visible{outline:3px solid #b4f9ee;outline-offset:3px}
@media(max-width:600px){.brand{height:76px;gap:10px}.brand-logo{width:112px}.brand-subtitle{font-size:11px}.brand-right{font-size:9px}}