:root{--page:#111411;--surface:#191d19;--surface2:#202720;--line:#303930;--ink:#eef2e9;--muted:#a8b0a3;--gold:#dac68c;--accent:#80c49b;--incoming:#242b23;--outgoing:#243e30;color-scheme:dark}
html[data-theme=light]{--page:#f3f4ee;--surface:#fff;--surface2:#f1f3ec;--line:#dce1d5;--ink:#213124;--muted:#657362;--gold:#796329;--accent:#277849;--incoming:#f0f2ec;--outgoing:#dceddd;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px}.hidden{display:none!important}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent }button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{border:1px solid var(--gold);color:var(--gold);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;font:600 19px Georgia,serif;flex-shrink:0}.eyebrow{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:2px;margin:0 0 7px}.brand h1{font-size:21px;margin:0}.header-actions{display:flex;gap:8px;align-items:center}.privacy{padding:7px 12px;background:var(--surface2);border-radius:20px;color:var(--accent);font-size:12px}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px 12px;white-space:nowrap}.quiet:hover{color:var(--ink);background:var(--surface2)}.sync-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 28px;border-bottom:1px solid var(--line);font-size:12px}.sync-strip>div{display:flex;align-items:center;gap:10px}.sync-strip strong{font-weight:500}.sync-strip #lastSync{color:var(--muted)}.sync-counts{color:var(--muted)}.sync-counts b{color:var(--ink);font-size:15px}.pulse{background:var(--accent);width:7px;height:7px;border-radius:50%;display:inline-block}.inbox-layout{display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(100dvh - 157px);min-height:420px;max-width:1600px;margin:auto}.list-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--surface)}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px}.list-heading h2{font-size:17px;margin:0}.list-heading span{color:var(--muted);font-size:12px}.search{display:flex;align-items:center;gap:8px;margin:0 16px;background:var(--surface2);padding:12px;border-radius:10px}.search span{font-size:24px;line-height:20px;color:var(--muted)}.search input{width:100%;background:none;border:none;outline:none;color:var(--ink);font-size:12px}.filters{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.filters button{background:none;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:6px 15px}.filters .selected{background:var(--ink);border-color:var(--ink);color:var(--page)}.conversation-list{overflow:auto;flex:1;min-height:0}.conversation{display:flex;gap:12px;align-items:center;width:100%;text-align:right;padding:16px;border:none;border-bottom:1px solid var(--line);background:none;color:var(--ink)}.conversation:hover,.conversation.active{background:var(--surface2)}.conversation.active{box-shadow:inset -3px 0 var(--gold)}.avatar{width:40px;height:40px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex-shrink:0}.conversation-copy{flex:1;min-width:0}.conversation-name{display:flex;justify-content:space-between;gap:6px;align-items:center}.conversation-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-name time{font-size:10px;color:var(--muted);white-space:nowrap}.conversation-preview{display:flex;justify-content:space-between;gap:5px;margin-top:7px}.conversation-preview p{font-size:12px;color:var(--muted);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.more{display:block;border:1px solid var(--line);color:var(--gold);background:var(--surface);padding:10px 18px;border-radius:8px;margin:12px auto;font-size:12px}.thread-panel{min-width:0;min-height:0}.thread-view{height:100%;display:flex;flex-direction:column}.thread-head{display:flex;gap:14px;align-items:center;padding:17px 26px;border-bottom:1px solid var(--line);background:var(--surface)}.thread-head h2{font-size:16px;margin:0 0 5px;overflow-wrap:anywhere}.thread-head p{margin:0;color:var(--muted);font-size:12px;text-align:right}.thread-head>span{margin-right:auto;color:var(--muted);font-size:12px}.message-scroller{flex:1;overflow:auto;padding:20px 28px;min-height:0}.messages{display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;border:1px solid var(--line);padding:12px 14px;border-radius:14px;background:var(--incoming);align-self:flex-start;min-width:110px}.bubble.out{background:var(--outgoing);align-self:flex-end;border-color:transparent}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;margin:0;font-size:13px}.bubble time{display:block;font-size:10px;color:var(--muted);margin-top:6px;text-align:left}.bubble small{display:block;color:var(--muted);margin-top:6px;font-size:10px}.day-label{align-self:center;color:var(--muted);font-size:11px;margin:16px 0 8px;padding:6px 14px;border-radius:20px;background:var(--surface2)}.thread-footer{padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.empty-thread{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;color:var(--muted)}.empty-thread h2{color:var(--ink);font-size:21px;margin:14px 0 4px}.empty-symbol{font-size:70px;color:var(--gold)}.empty-thread small{margin-top:18px;font-size:11px}.empty-list{padding:28px 18px;text-align:center;color:var(--muted);line-height:1.8}.error-banner{margin:0;padding:12px 24px;background:#6e302e;color:#fff;line-height:1.7}.loading{padding:25vh 20px;text-align:center;color:var(--muted)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(410px,100%);padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:25px;margin:14px 0}.login-card p{color:var(--muted);line-height:1.7}.login-card label{display:block;margin:18px 0;font-size:12px}.login-card input{display:block;width:100%;border:1px solid var(--line);background:var(--page);padding:12px;border-radius:8px;margin-top:7px;color:var(--ink);direction:ltr}.primary{width:100%;border:none;background:var(--gold);color:#192219;border-radius:8px;padding:12px;font-weight:bold}.login-card #loginError{color:#eea19a}.login-card>a{font-size:12px}.mobile-back{display:none}
@media(min-width:1600px){.inbox-layout{border-right:1px solid var(--line);border-left:1px solid var(--line)}}
@media(max-width:800px){.topbar{padding:14px 16px;gap:8px}.brand h1{font-size:17px}.eyebrow{font-size:8px;letter-spacing:1px}.brand-mark{width:38px;height:38px}.privacy{display:none}.header-actions{gap:4px}.quiet{padding:7px 8px;font-size:11px}.sync-strip{padding:10px 16px;flex-wrap:wrap;gap:8px}.sync-strip>div{gap:7px}.sync-strip #lastSync{display:none}.sync-counts{width:100%}.sync-counts .quiet{margin-right:auto}.inbox-layout{display:block;height:calc(100dvh - 160px);min-height:350px}.list-panel{height:100%;border:none}.thread-panel{display:none;height:100%}.inbox-layout.thread-open .list-panel{display:none}.inbox-layout.thread-open .thread-panel{display:block}.mobile-back{display:block}.thread-head{padding:12px 16px}.message-scroller{padding:14px}.bubble{max-width:88%}.thread-footer{font-size:11px}.header-actions>a{display:none}}
select,textarea{font:inherit;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:9px;max-width:100%}select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.filters{flex-wrap:wrap;gap:6px;padding-bottom:10px}.filters button{padding:6px 10px;font-size:11px}.category-label{display:flex;align-items:center;gap:10px;padding:4px 16px 12px;color:var(--muted);font-size:11px}.category-label select{flex:1;min-width:0;font-size:12px}.thread-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px}.profile-panel{overflow:auto;min-height:0;background:var(--surface);border-right:1px solid var(--line);padding:18px}.profile-title{display:flex;align-items:center;justify-content:space-between}.profile-title h3{margin:0;font-size:16px}.profile-title span{color:var(--accent);font-size:10px}.profile-panel label{display:block;color:var(--muted);font-size:11px;margin-top:13px}.profile-panel input:not([type=checkbox]),.profile-panel select,.profile-panel textarea{display:block;width:100%;margin-top:6px;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px}.profile-panel textarea{resize:vertical;line-height:1.6}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-divider{border-top:1px solid var(--line);margin-top:20px}.profile-panel h4{font-size:13px;margin:14px 0 0}.profile-panel .checkbox-label{display:flex;gap:8px;align-items:center;line-height:1.6}.checkbox-label input{accent-color:var(--accent)}.suggestion-card{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0;line-height:1.7;font-size:12px}.suggestion-card p{margin:6px 0}.suggestion-card .suggestion-title{color:var(--gold);font-weight:bold}.suggestion-card small{color:var(--muted);display:block;font-size:10px}.suggestion-card blockquote{margin:8px 0;padding:8px;border-right:2px solid var(--gold);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.suggestion-card details{margin:8px 0}.suggestion-card summary{cursor:pointer;color:var(--gold)}.suggestion-card .quiet{width:100%;font-size:11px;margin-top:7px}.contact-warning{color:#efa398}.form-message{font-size:11px;line-height:1.7;min-height:18px;color:var(--accent)}.form-message.error{color:#efa398}.profile-actions{display:flex;flex-direction:column;gap:9px}.profile-actions .primary{font-size:12px}.profile-footnote{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:0}.thread-tabs{display:none}.lead-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.lead-tags span{font-size:10px;padding:3px 6px;background:var(--surface2);border:1px solid var(--line);border-radius:5px;color:var(--gold)}.lead-tags .due-tag{color:var(--accent)}.lead-tags .suggested-tag{color:var(--muted)}.inbox-layout{max-width:1800px;grid-template-columns:330px minmax(0,1fr)}
@media(max-width:1100px){.thread-body{grid-template-columns:minmax(0,1fr)}.thread-tabs{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid var(--line)}.thread-tabs button{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px;background:transparent;color:var(--muted)}.thread-tabs button.selected{color:var(--gold);background:var(--surface2)}.profile-panel{display:none;border:0}.thread-view.show-profile .profile-panel{display:block}.thread-view.show-profile .message-scroller{display:none}.profile-panel{padding:18px 22px}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.sync-counts{flex-wrap:wrap}.sync-counts .quiet{margin-right:0}.sync-counts #refreshButton{margin-right:auto}.sync-counts #dueSummary{font-size:10px}.inbox-layout{height:calc(100dvh - 172px)}.profile-panel{padding:16px}.profile-grid{grid-template-columns:1fr 1fr}.thread-body{min-height:0}.category-label{padding-bottom:8px}}
.crm-card{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.crm-card p{font-size:11px;line-height:1.8;color:var(--muted)}.crm-card button{width:100%;font-size:12px}.crm-dialog{width:min(620px,calc(100% - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:24px;overflow:auto}.crm-dialog::backdrop{background:#0009}.crm-dialog header{display:flex;gap:14px;justify-content:space-between;align-items:center}.crm-dialog h2{font-size:19px;margin:0}.crm-dialog>p,.crm-help{font-size:12px;line-height:1.9;color:var(--muted)}.crm-dialog label{display:block;font-size:12px;line-height:1.8;margin:14px 0}.crm-dialog input:not([type=checkbox]){display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);padding:10px;margin-top:6px}.crm-dialog .checkbox-label{display:flex;align-items:flex-start;gap:8px}.crm-dialog input[type=checkbox]{margin-top:5px;flex-shrink:0}.crm-preview{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:16px;font-size:12px}.crm-preview dt{font-size:10px;color:var(--muted);margin-top:14px}.crm-preview dt:first-child{margin-top:0}.crm-preview dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.crm-dialog .crm-warning{color:var(--gold);border-inline-start:2px solid var(--gold);padding-inline-start:10px}.crm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crm-actions .primary{width:auto}.crm-actions a{font-size:12px}.crm-dialog button:disabled{opacity:.45;cursor:not-allowed}.crm-help{margin-top:16px}.crm-help summary{cursor:pointer}


.ai-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:.85rem}
.ai-toolbar button{font-size:.8rem}.ai-requests{padding-inline-start:22px}.ai-requests li{margin:12px 0}.ai-requests p{margin:5px 0}#aiReview blockquote{margin:10px 0;padding:8px 12px;border-inline-start:2px solid #a98b54}#aiReview p{white-space:pre-wrap;overflow-wrap:anywhere}#aiReview small{line-height:1.7}#aiReview details{margin:12px 0}

#privateApp{height:100dvh;display:flex;flex-direction:column}#privateApp .inbox-layout{height:auto;min-height:0;flex:1;width:100%}.topbar,.sync-strip,.ai-toolbar{flex-shrink:0}
.reply-bar{display:flex;gap:10px;align-items:flex-end;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface)}
.reply-bar textarea{flex:1;resize:none;min-height:42px;max-height:120px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink);padding:10px 12px;font:inherit;line-height:1.7}
.reply-bar button{flex-shrink:0;padding:10px 18px}
.reply-status{padding:2px 16px;min-height:18px;font-size:11px}

.reply-tools{position:relative;display:flex;align-items:flex-end}
.attach-toggle{min-width:44px!important;width:44px!important;padding:10px!important;border-radius:12px!important;border:1px solid var(--line)!important;background:var(--surface2)!important;color:var(--ink)!important;font-size:20px!important;line-height:1!important}
.attach-menu{position:absolute;bottom:52px;inset-inline-start:0;z-index:60;width:220px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.attach-menu button{display:flex;width:100%;min-width:0!important;align-items:center;justify-content:flex-start;gap:8px;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ink)!important;text-align:start;font-size:13px!important}
.attach-menu button:hover{background:var(--surface2)!important}
.attach-toggle:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:800px){.attach-menu{position:fixed;left:10px;right:10px;bottom:78px;width:auto}.reply-tools{flex-shrink:0}.attach-toggle{border-radius:18px!important}}

.media-slot{margin-top:8px}
.media-load{font-size:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);padding:8px 12px;cursor:pointer}
.media-load:disabled{opacity:.55;cursor:progress}
.media-note{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.media-image{max-width:min(320px,100%);max-height:340px;border-radius:12px;display:block}
.media-video{max-width:min(360px,100%);border-radius:12px;display:block}
.media-audio{width:min(300px,100%);display:block}
.media-doc{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;text-decoration:none;color:var(--ink);background:var(--surface2)}

/* Inbox UX v3 — conversation first, composer always reachable */
.thread-panel{overflow:hidden}
.thread-view{position:relative;min-height:0}
.thread-head{min-height:64px}
.thread-body{overflow:hidden}
.message-scroller{scrollbar-gutter:stable}
.reply-bar{position:sticky;bottom:0;z-index:20;box-shadow:0 -8px 24px color-mix(in srgb,var(--page) 72%,transparent);padding-bottom:max(10px,env(safe-area-inset-bottom))}
.reply-bar textarea{font-size:15px}
.reply-bar button{width:auto;min-width:84px;min-height:44px}
.reply-status{background:var(--surface);margin:0;border-top:1px solid var(--line);padding:7px 14px;color:var(--accent)}
.thread-footer{display:none}
.ai-reply-draft{margin-top:12px;padding:12px;border:1px solid var(--gold);border-radius:10px;background:var(--surface)}
.ai-reply-draft p{font-size:13px;line-height:1.8}
@media(min-width:1101px){
 .inbox-layout{grid-template-columns:360px minmax(0,1fr)}
 .thread-body{grid-template-columns:minmax(0,1fr) 330px}
 .profile-panel{border-right:1px solid var(--line)}
}
@media(max-width:800px){
 #privateApp{height:100dvh;overflow:hidden}
 .topbar{min-height:58px}
 .topbar .brand .eyebrow{display:none}
 .topbar .header-actions .privacy,.topbar .header-actions a{display:none}.topbar #logoutButton{display:inline-flex;padding:6px 8px;font-size:10px}
 .ai-toolbar{display:none}
 .sync-strip{padding:7px 12px}
 .sync-strip>div:first-child{display:none}
 .sync-counts{justify-content:space-between}
 .sync-counts>span{font-size:10px}
 .inbox-layout{height:auto!important;flex:1;min-height:0!important}
 .list-panel,.thread-panel{height:100%;min-height:0}
 .thread-view{height:100%;min-height:0}
 .thread-head{min-height:56px;padding:8px 10px;flex-shrink:0}
 .thread-head h2{font-size:14px}
 .thread-tabs{flex-shrink:0;padding:6px 10px}
 .thread-body{flex:1;min-height:0;overflow:hidden}
 .message-scroller{height:100%;padding:10px 10px 18px}
 .bubble{max-width:92%;padding:9px 11px;border-radius:12px}
 .bubble p{font-size:13px;line-height:1.65}
 .reply-bar{flex-shrink:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));gap:7px}
 .reply-bar textarea{min-height:44px;max-height:96px;border-radius:18px;padding:10px 12px;font-size:16px}
 .reply-bar button{min-width:68px;border-radius:18px;padding:10px 12px}
 .reply-status{flex-shrink:0;padding:6px 10px;min-height:0;max-height:none;overflow:visible;line-height:1.5}
 .profile-panel{height:100%;overflow:auto;padding:12px 14px 90px}
 .profile-grid{grid-template-columns:1fr}
 .conversation{padding:13px 12px}
 .search{margin:0 10px;padding:10px}
 .filters{padding:9px 10px}
 .category-label{padding:3px 10px 8px}
}

.thread-contact{min-width:0;flex:1}
.thread-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.thread-actions .quiet{padding:7px 10px;font-size:11px}
@media(max-width:800px){
 .thread-head>span#threadCount{display:none}
 .thread-actions{gap:4px}
 .thread-actions .quiet{padding:6px 8px;font-size:10px}
 .thread-contact h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
 .thread-contact p{font-size:10px}
}

.media-view{display:block}
.media-ai{margin-top:8px;border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:9px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}
.media-ai:disabled{opacity:.55;cursor:progress}
.media-ai-result{margin-top:8px;padding:8px 10px;border-radius:9px;background:var(--surface2);font-size:11px;line-height:1.75}
.media-ai-result:empty{display:none}
.media-ai-result p{margin:4px 0;white-space:pre-wrap}
.media-ai-result ul{margin:6px 0;padding-inline-start:18px}
.media-ai-result small{color:var(--muted)}