: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;justify-content:flex-end;gap:15px;margin-top:12px;color:#91a09b;font-size:12px}.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%}}
@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}}
.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}
.sms-dnd{margin:0 0 12px;padding:11px 13px;border:1px solid #e2a34b;border-radius:9px;background:#fff4dd;color:#784b09;font-size:13px;line-height:1.4}.sms-dnd[hidden]{display:none}.composer textarea:disabled{opacity:.6;cursor:not-allowed}

/* 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{color:#a8c0c9}
.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}
.sms-dnd{background:#39270d;border-color:#9d6d25;color:#ffd891}
.composer textarea:focus{border-color:#19bfc0;box-shadow:0 0 0 3px #18c4bd30}
.composer-footer{color:#a3b8c0}
.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)}
.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.composer-heading label{margin:0}.composer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.meeting-open{border:1px solid #2e7880;border-radius:999px;background:#164953;color:#b7fbef;padding:8px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.meeting-open:hover:not(:disabled){filter:brightness(1.12)}.meeting-open:disabled{opacity:.6}
.meeting-dialog{width:min(760px,calc(100% - 32px));border:1px solid #344956;border-radius:18px;background:linear-gradient(155deg,#18232e,#101720);color:#f4f8f9;box-shadow:0 30px 90px #000a;padding:0}.meeting-dialog::backdrop{background:#03080dbd;backdrop-filter:blur(3px)}.meeting-dialog form{padding:28px}.meeting-dialog h2{font-size:23px;margin:7px 0 7px}.modal-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#19c9c5}.meeting-rep{color:#9fb7c0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 20px}.meeting-dialog label{display:block;font-size:13px;font-weight:700;margin:12px 0 8px}.meeting-subject{width:100%;border:1px solid #3a4a56;border-radius:9px;background:#0d141c;color:#fff;padding:11px 13px;font:inherit}.meeting-preview{display:block;width:100%;height:min(55vh,520px);border:1px solid #3a4a56;border-radius:11px;background:#fff}.meeting-status{min-height:20px;margin-top:9px;color:#ffcbc7;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal-actions button{border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.modal-actions button[type=submit],.modal-actions .modal-primary{background:linear-gradient(105deg,#11b2c8,#10b691);color:#fff}.modal-actions .modal-cancel{background:#273641;color:#d8e4e7}.modal-actions button:disabled{opacity:.55;cursor:wait}
.reminder-dialog{width:min(650px,calc(100% - 32px))}.reminder-dialog textarea{width:100%;resize:vertical;border:1px solid #3a4a56;border-radius:11px;background:#0d141c;color:#fff;padding:14px 15px;font:inherit;font-size:14px;line-height:1.55}.reminder-dialog input{color-scheme:dark}.reminder-time-zone{color:#9fb7c0;font-weight:500}
.reminder-actions-dialog{width:min(650px,calc(100% - 32px))}.reminder-actions-content{padding:28px}.reminder-action-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reminder-action-options>button{display:flex;flex-direction:column;gap:6px;min-height:112px;padding:17px;text-align:left;border:1px solid #3a4a56;border-radius:13px;background:#17242e;color:#f4f8f9;font:inherit;cursor:pointer}.reminder-action-options>button:hover:not(:disabled){border-color:#38a9a6;background:#1a3038}.reminder-action-options>button.primary-option{border-color:#2e7880;background:#164953}.reminder-action-options strong{font-size:14px}.reminder-action-options span{color:#abc0c7;font-size:12px;line-height:1.5}.reminder-action-options button:disabled{opacity:.55;cursor:wait}.reminder-actions-warning{margin:13px 2px 0;color:#9fb7c0;font-size:11px;line-height:1.5}@media(max-width:600px){.reminder-action-options{grid-template-columns:1fr}.reminder-actions-content{padding:20px}}
.toast-region{position:fixed;z-index:1000;top:20px;left:50%;width:min(620px,calc(100% - 32px));transform:translateX(-50%);pointer-events:none}.toast-region:empty{display:none}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding:16px 17px;border:1px solid #b85e58;border-radius:13px;background:#3a2426;color:#fff;box-shadow:0 18px 55px #0009;pointer-events:auto;animation:toast-in .18s ease-out}.toast-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffcbc7;color:#572326;font-weight:900}.toast-content strong{display:block;font-size:14px;line-height:1.4}.toast-content p{margin:3px 0 0;color:#ffd9d6;font-size:13px;line-height:1.45}.toast-close{border:0;background:transparent;color:#ffd9d6;padding:0 2px;font:inherit;font-size:24px;line-height:1;cursor:pointer}.toast-close:hover{color:#fff}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.toast-success{border-color:#2f9482;background:#153d3a}.toast-success .toast-icon{background:#8de0cd;color:#123c37}.toast-success .toast-content p,.toast-success .toast-close{color:#c9f5eb}
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}.toast-region{top:10px;width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){.toast{animation:none}}
.attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,220px));gap:10px;width:100%;margin-top:9px}.attachment-card{overflow:hidden;border:1px solid #3b5260;border-radius:10px;background:#172832}.attachment-preview-link{display:block;background:#0c151d}.attachment-preview{display:block;width:100%;max-height:260px;object-fit:contain}.attachment-download{display:block;padding:9px 11px;color:#8ce7df;font-size:11px;font-weight:700;text-decoration:none}.attachment-download:hover{text-decoration:underline}.attachment-file-only .attachment-download{padding:12px}.outbound .attachments{justify-content:end}@media(max-width:600px){.attachments{grid-template-columns:minmax(0,1fr)}.attachment-card{max-width:100%}}
.entry.scheduled .bubble,.entry.scheduled .email-card{border:1px dashed #36b9b5;background:#143d43}.entry.scheduled .tag{color:#68e3df}.entry.scheduled .meta{color:#bdd0d5}
.send-now{border:1px solid #36b9b5;border-radius:999px;background:#12363b;color:#9ff5ec;padding:5px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.send-now:hover:not(:disabled){background:#1b5056}.send-now:disabled{opacity:.55;cursor:wait}
.entry.email-entry{width:min(700px,96%);max-width:96%}.email-entry .email-card{width:100%;padding:13px}.email-preview{display:block;width:100%;height:520px;border:1px solid #435765;border-radius:10px;background:#fff;color-scheme:light}.entry.scheduled .email-preview{border-style:solid}@media(max-width:600px){.entry.email-entry{width:100%;max-width:100%}.email-entry .email-card{min-width:0;padding:10px}.email-preview{height:480px}}
.cancel-scheduled{border:0;background:transparent;color:#ffb8b3;padding:5px 3px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.cancel-scheduled:hover:not(:disabled){color:#fff;text-decoration:underline}.cancel-scheduled:disabled{opacity:.55;cursor:wait}.flow-dialog{width:min(820px,calc(100% - 32px))}.flow-dialog-content{padding:28px}.flow-list{display:flex;flex-direction:column;margin:24px 0 10px}.flow-step{display:grid;grid-template-columns:150px 28px 1fr;gap:12px;align-items:stretch;min-height:92px}.flow-time{padding-top:14px;text-align:right;color:#83dcd7;font-size:12px;font-weight:700}.flow-rail{position:relative;display:flex;justify-content:center}.flow-rail:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#36515b}.flow-step:first-child .flow-rail:before{top:22px}.flow-step:last-child .flow-rail:before{bottom:calc(100% - 24px)}.flow-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;margin-top:18px;background:#19c9c5;box-shadow:0 0 0 5px #174750}.flow-card{margin:0 0 14px;padding:13px 15px;border:1px solid #344956;border-radius:11px;background:#17242e}.flow-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#f5f9fa;font-size:13px;font-weight:700}.flow-channel{border-radius:999px;background:#164953;color:#a8f8eb;padding:3px 7px;font-size:10px;letter-spacing:.06em}.flow-manual{margin-left:auto;border-radius:999px;background:#56421d;color:#ffe0a2;padding:3px 7px;font-size:9px;letter-spacing:.08em}.flow-rules{margin-top:6px;color:#a9bdc4;font-size:11px;line-height:1.5}.flow-preview{margin-top:10px;border:1px solid #2e7880;border-radius:999px;background:#164953;color:#b7fbef;padding:7px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.flow-preview:hover{filter:brightness(1.12)}.reminder-preview-dialog{width:min(700px,calc(100% - 32px))}.reminder-preview-dialog [hidden]{display:none}.reminder-preview-content{padding:28px}.reminder-preview-message{min-height:130px;max-height:50vh;overflow:auto;margin:0;border:1px solid #3a4a56;border-radius:11px;background:#0d141c;color:#fff;padding:14px 15px;font:inherit;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.flow-dialog-content,.reminder-preview-content{padding:20px}.flow-step{grid-template-columns:24px 1fr;gap:9px}.flow-time{grid-column:2;text-align:left;padding:0 0 4px}.flow-rail{grid-column:1;grid-row:1 / span 2}.flow-card{grid-column:2}.flow-dot{margin-top:5px}}@media print{body>*{visibility:hidden}.flow-dialog[open],.flow-dialog[open] *{visibility:visible}.flow-dialog[open]{position:absolute;inset:0;width:100%;max-height:none;border:0;background:#fff;color:#111}.flow-dialog .modal-actions,.flow-preview{display:none}.flow-card{background:#fff;color:#111;border-color:#bbb}.flow-title{color:#111}.flow-rules,.flow-time,.meeting-rep{color:#333}}
.flow-filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid #344956;border-radius:12px;background:#111b25}.flow-filters[hidden]{display:none}.flow-filters label{display:flex;flex-direction:column;gap:7px;margin:0;color:#dce8eb;font-size:11px}.flow-filters select{width:100%;border:1px solid #3a4a56;border-radius:8px;background:#0d141c;color:#fff;padding:9px 11px;font:inherit;font-size:12px;color-scheme:dark}.flow-filters button{border:1px solid #2e7880;border-radius:999px;background:#164953;color:#b7fbef;padding:10px 13px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.flow-filter-summary{grid-column:1/-1;margin:0;color:#91aaaf;font-size:11px}.flow-empty{padding:36px 18px;text-align:center;color:#9fb7c0;font-size:13px}@media(max-width:600px){.flow-filters{grid-template-columns:1fr}.flow-filter-summary{grid-column:1}}@media print{.flow-filters{display:none}}
