body{overflow:auto;min-height:100dvh}.crm-main{max-width:1480px;margin:auto;padding:24px 30px max(24px,env(safe-area-inset-bottom))}.crm-intro,.section-head,.record-toolbar,.edit-dialog header,.record-card header{display:flex;align-items:center;justify-content:space-between;gap:14px}.crm-intro h2{font-size:calc(30px * var(--crm-text-scale,1));margin:6px 0}.crm-intro p,.hint,.crm-foot,.record-card p{color:var(--muted,#a6afa7);line-height:1.7}.notice:empty{display:none}.notice{color:#7fcea7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stats>div,.stats>button{background:var(--surface);border:1px solid var(--line,#30392f);border-radius:14px;padding:18px;text-align:right;display:flex;flex-direction:column;gap:5px}.stats strong{font-size:calc(28px * var(--crm-text-scale,1));color:var(--ink)}.stats span{color:var(--muted,#a6afa7);font-size:calc(13px * var(--crm-text-scale,1))}.crm-layout{display:grid;grid-template-columns:270px 1fr;gap:22px;align-items:start}.clients-panel,.records-panel{min-width:0;border:1px solid var(--line,#30392f);border-radius:16px;background:var(--surface);padding:18px}.section-head h2{font-size:calc(18px * var(--crm-text-scale,1))}.crm-main label,.edit-dialog label{display:flex;flex-direction:column;gap:7px;font-size:calc(13px * var(--crm-text-scale,1));margin-bottom:12px}.crm-main input,.crm-main select,.edit-dialog input,.edit-dialog select,.edit-dialog textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--line,#394237);border-radius:9px;background:var(--page);color:var(--ink);font:inherit}.client-row{display:block;width:100%;text-align:right;padding:13px 9px;border:0;border-bottom:1px solid var(--line,#30392f);background:transparent;border-radius:8px}.client-row span{display:block;color:var(--muted,#a6afa7);margin-top:6px;font-size:calc(12px * var(--crm-text-scale,1))}.client-row.selected,.record-tabs .selected{background:#35412c;color:#e8f6d9}.record-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line,#30392f);padding-bottom:12px;margin-bottom:16px}.record-tabs button{border:0;padding:11px 18px;border-radius:8px;background:transparent;color:inherit}.record-toolbar{align-items:end;flex-wrap:wrap}.record-toolbar label:first-child{flex:1;min-width:160px}.record-toolbar label{margin:0}.record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.record-card{border:1px solid var(--line,#30392f);border-radius:12px;padding:18px;overflow-wrap:anywhere}.record-card h3{font-size:calc(17px * var(--crm-text-scale,1));margin:0}.record-card p{font-size:calc(13px * var(--crm-text-scale,1));margin:9px 0}.record-card .price{color:var(--ink);font-size:calc(18px * var(--crm-text-scale,1));font-weight:bold}.record-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{display:inline-block;font-size:calc(11px * var(--crm-text-scale,1));padding:4px 8px;border-radius:6px;background:var(--page);white-space:nowrap}.warn{color:#edc983!important}.selected-client{border-right:3px solid #bad197;padding:10px 14px;margin-bottom:16px;background:var(--page);border-radius:8px}.selected-client p{font-size:calc(13px * var(--crm-text-scale,1))}.selected-client button{margin-left:10px}.empty-state{grid-column:1/-1;padding:45px 20px;text-align:center;color:var(--muted,#a6afa7);line-height:1.8}.crm-foot{font-size:calc(12px * var(--crm-text-scale,1));margin:24px 0}.edit-dialog{width:min(460px,calc(100vw - 30px));max-height:90dvh;overflow-y:auto;padding:24px 24px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line,#394237);border-radius:18px;background:var(--surface);color:var(--ink)}.edit-dialog.wide{width:min(760px,calc(100vw - 30px))}.edit-dialog::backdrop{background:#0009}.edit-dialog header{position:sticky;top:-24px;background:var(--surface);padding:10px 0;z-index:1}.edit-dialog h2{font-size:calc(20px * var(--crm-text-scale,1))}.edit-dialog .checkbox-label{flex-direction:row;align-items:center}.edit-dialog .checkbox-label input{width:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.edit-dialog hr{border:0;border-top:1px solid var(--line,#394237);margin:20px 0}.edit-dialog [role=alert]{color:#f3aaa3;font-size:calc(13px * var(--crm-text-scale,1))}.edit-dialog .primary{min-width:130px}.hidden{display:none!important}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.notice{font-size:calc(13px * var(--crm-text-scale,1))}.record-card .notes{white-space:pre-wrap}.match-reasons{color:#9ed3af!important}:root[data-theme=light] .client-row.selected,:root[data-theme=light] .record-tabs .selected{background:#dce9cf;color:#253321}:root[data-theme=light] .warn{color:#86601b!important}:root[data-theme=light] .notice,:root[data-theme=light] .match-reasons{color:#266840!important}
@media(max-width:1000px){.crm-main{padding:20px}.crm-layout{grid-template-columns:220px 1fr}.record-list{grid-template-columns:1fr}}@media(max-width:720px){.crm-main{padding:14px}.crm-intro{align-items:start}.crm-intro h2{font-size:calc(23px * var(--crm-text-scale,1))}.crm-intro .primary{font-size:calc(12px * var(--crm-text-scale,1));white-space:nowrap}.crm-layout{grid-template-columns:1fr}.clients-panel{max-height:270px;overflow:auto}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.stats>div,.stats>button{padding:12px}.stats strong{font-size:calc(24px * var(--crm-text-scale,1))}.record-tabs{gap:0}.record-tabs button{flex:1;font-size:calc(12px * var(--crm-text-scale,1));padding:10px 5px}.record-toolbar .primary{flex:1}.topbar{padding:12px;flex-wrap:wrap}.header-actions{gap:8px}.privacy{display:none}.edit-dialog{padding:18px}.edit-dialog header{top:-18px}.form-grid{gap:0 10px}.crm-foot{font-size:calc(11px * var(--crm-text-scale,1))}}

.client-row{color:var(--ink)}


#aiProposals:not(:empty){margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:16px}#aiProposals .record-card{margin-top:1rem}#aiProposals blockquote,#recordAISource blockquote{margin:.75rem 0;padding:.75rem;border-inline-start:3px solid #b69a5b;background:var(--panel);overflow-wrap:anywhere}#recordAISource:empty{display:none}#aiProposals select{width:100%;margin:.5rem 0}#aiApproval{margin:1rem 0}
.auto-sync{background:var(--surface2);border:1px solid var(--line);border-right:3px solid var(--accent);padding:16px 18px;border-radius:12px;margin:18px 0;line-height:1.8}.auto-sync p{margin:6px 0}.auto-sync small{color:var(--muted)}.auto-sync strong{color:var(--ink)}.selected-client a{display:inline-block;margin:0 0 10px 10px}


.daily-workspace{margin:18px 0 22px;padding:18px;border:1px solid var(--line,#30392f);border-radius:18px;background:var(--surface)}
.daily-head,.daily-lane>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.daily-head h2{font-size:calc(24px * var(--crm-text-scale,1));margin:4px 0}.daily-head p{margin:0;color:var(--muted)}
.daily-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.daily-metrics button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink);text-align:right}
.daily-metrics strong{font-size:calc(25px * var(--crm-text-scale,1))}.daily-metrics span{font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted)}
.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.daily-lane{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--page);padding:12px}
.daily-lane h3{font-size:calc(14px * var(--crm-text-scale,1));margin:0}.daily-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.daily-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px;overflow-wrap:anywhere}
.daily-card>div{display:flex;justify-content:space-between;gap:8px}.daily-card>div span{font-size:calc(10px * var(--crm-text-scale,1));color:var(--gold)}
.daily-card p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.6;margin:7px 0;color:var(--ink)}.daily-card small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));line-height:1.6}
.daily-card .quiet{margin-top:8px;width:100%}.daily-card.hot{border-inline-start:3px solid var(--accent)}
.daily-empty{margin:8px 0;color:var(--muted);font-size:calc(11px * var(--crm-text-scale,1));text-align:center;padding:12px}
@media(max-width:900px){.daily-metrics{grid-template-columns:1fr 1fr}.daily-grid{grid-template-columns:1fr}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.edit-dialog,.edit-dialog.wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px 14px max(18px,env(safe-area-inset-bottom))}.edit-dialog header{top:-14px}.crm-main input,.crm-main select,.edit-dialog input,.edit-dialog select,.edit-dialog textarea{font-size:calc(16px * var(--crm-text-scale,1))}.daily-workspace{padding:12px;margin:12px 0}.daily-head h2{font-size:calc(20px * var(--crm-text-scale,1))}.daily-head .quiet{font-size:calc(10px * var(--crm-text-scale,1));padding:6px 8px}.daily-metrics{gap:6px}.daily-metrics button{padding:10px}.daily-metrics strong{font-size:calc(21px * var(--crm-text-scale,1))}}

.daily-card.smart{border-inline-start:3px solid var(--gold)}
.daily-card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.daily-card-actions .quiet{margin-top:0;width:100%;white-space:normal}
@media(max-width:520px){.daily-card-actions{grid-template-columns:1fr}}

.daily-card.smart{border-inline-start:3px solid var(--gold)}
.daily-card.priority-0,.daily-card.priority-1{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)}
.daily-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.daily-meta span,.daily-meta b{font-size:calc(10px * var(--crm-text-scale,1));padding:3px 6px;border-radius:999px;background:var(--surface2);font-weight:600}
.daily-meta .overdue{color:#f2a39a}
.daily-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.daily-card-actions .quiet{margin-top:0}
@media(max-width:520px){.daily-card-actions{grid-template-columns:1fr}}

.pipeline-workspace{margin:18px 0 22px;padding:18px;border:1px solid var(--line,#30392f);border-radius:18px;background:var(--surface)}
.pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pipeline-head h2{font-size:calc(24px * var(--crm-text-scale,1));margin:4px 0}.pipeline-head p{margin:0;color:var(--muted)}
.pipeline-stage-strip{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:7px;margin:16px 0;overflow-x:auto;padding-bottom:4px}
.pipeline-stage-strip button{min-width:92px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--ink);text-align:right}
.pipeline-stage-strip button:hover{border-color:var(--accent)}.pipeline-stage-strip strong{font-size:calc(22px * var(--crm-text-scale,1))}.pipeline-stage-strip span{font-size:calc(10px * var(--crm-text-scale,1));color:var(--muted)}
.pipeline-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pipeline-toolbar label{margin:0;min-width:150px}.pipeline-toolbar .hint{margin:0 0 9px auto}
.pipeline-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pipeline-card{border:1px solid var(--line);border-radius:13px;background:var(--page);padding:13px;min-width:0;overflow-wrap:anywhere}
.pipeline-card.hot{border-inline-start:4px solid #d95d4f}.pipeline-card.warm{border-inline-start:4px solid #d9a441}.pipeline-card.cold{border-inline-start:4px solid #668aa5}
.pipeline-card header{display:flex;justify-content:space-between;gap:8px;align-items:start}.pipeline-card h3{font-size:calc(15px * var(--crm-text-scale,1));margin:0}.pipeline-card p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.6;margin:7px 0;color:var(--ink)}
.pipeline-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.pipeline-badges span{font-size:calc(10px * var(--crm-text-scale,1));padding:3px 7px;border-radius:999px;background:var(--surface2);color:var(--muted)}
.pipeline-badges .hot{color:#ef8f83}.pipeline-badges .warm{color:#dfb65d}.pipeline-badges .cold{color:#87aeca}
.pipeline-card small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));line-height:1.5}.pipeline-card .idle-warn{color:#edc983}
.pipeline-card .quiet{width:100%;margin-top:9px}
@media(max-width:1100px){.pipeline-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-stage-strip{grid-template-columns:repeat(8,minmax(105px,1fr))}}
@media(max-width:720px){.pipeline-workspace{padding:12px;margin:12px 0}.pipeline-head{align-items:flex-start}.pipeline-head h2{font-size:calc(20px * var(--crm-text-scale,1))}.pipeline-head .quiet{font-size:calc(10px * var(--crm-text-scale,1));padding:6px 8px}.pipeline-stage-strip{display:flex}.pipeline-list{grid-template-columns:1fr}.pipeline-toolbar{display:grid;grid-template-columns:1fr 1fr}.pipeline-toolbar .hint{grid-column:1/-1;margin:0}.pipeline-toolbar label{min-width:0}}

.pipeline-card .human-tag{color:#d8edbd;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
.pipeline-card .ai-compare{margin:2px 0 7px;padding:5px 7px;border-radius:7px;background:var(--surface2)}
.pipeline-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.pipeline-actions .quiet{margin-top:0;width:100%}
@media(max-width:420px){.pipeline-actions{grid-template-columns:1fr}}

.timeline-dialog{max-width:820px}
.timeline-list{display:flex;flex-direction:column;gap:0;margin-top:12px;max-height:68dvh;overflow:auto;padding:2px 4px 8px}
.timeline-item{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;padding:0 0 14px}
.timeline-item:not(:last-child)::before{content:"";position:absolute;inset-inline-start:9px;top:20px;bottom:0;width:1px;background:var(--line)}
.timeline-marker{width:10px;height:10px;border-radius:999px;background:var(--accent);margin-top:6px;position:relative;z-index:1}
.timeline-content{border:1px solid var(--line);border-radius:11px;background:var(--surface2);padding:10px 12px;min-width:0}
.timeline-content header{display:flex;justify-content:space-between;align-items:center;gap:8px}.timeline-content header strong{font-size:calc(11px * var(--crm-text-scale,1))}.timeline-content time{font-size:calc(10px * var(--crm-text-scale,1));color:var(--muted)}
.timeline-content h3{font-size:calc(13px * var(--crm-text-scale,1));margin:6px 0 2px}.timeline-content p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.65;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-content small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));margin-top:5px}
.timeline-item.message_in .timeline-marker,.timeline-item.message_out .timeline-marker{outline:2px solid var(--surface)}
.timeline-item.ai_analysis .timeline-content,.timeline-item.pipeline .timeline-content{border-inline-start:3px solid var(--accent)}
@media(max-width:720px){.timeline-dialog{width:calc(100vw - 12px);max-width:none}.timeline-list{max-height:72dvh}.timeline-content header{align-items:flex-start;flex-direction:column;gap:2px}}


/* Customers-first reference: navy navigation, quiet surfaces and gold actions. */
:root,:root[data-theme=light]{--page:#f8fafc;--surface:#fff;--surface2:#f2f5f9;--ink:#172337;--muted:#607088;--line:#e1e7ef;--gold:#997316;--accent:#aa821d;color-scheme:light}
:root[data-theme=dark]{--page:#101923;--surface:#172331;--surface2:#202f40;--ink:#edf3fa;--muted:#a7b6c9;--line:#334357;--gold:#d9b65e;--accent:#d9b65e;color-scheme:dark}
body{font-family:Arial,Tahoma,sans-serif;background:var(--page);color:var(--ink)}
#crmApp{--nav-width:202px;--detail-width:370px;min-height:100dvh;background:var(--page)}
#crmApp .topbar{height:64px;margin-left:var(--nav-width);padding:12px 26px;background:var(--surface);border-bottom:1px solid var(--line);gap:12px}
#crmApp .topbar .brand-mark{display:none}#crmApp .topbar h1{font-size:calc(14px * var(--crm-text-scale,1))}#crmApp .topbar .eyebrow{font-size:calc(9px * var(--crm-text-scale,1));letter-spacing:1px;margin-bottom:3px;color:var(--muted)}
.header-actions .quiet{padding:7px 10px;font-size:calc(12px * var(--crm-text-scale,1))}.privacy{font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted);background:var(--surface2)}
.crm-main{margin:0 0 0 var(--nav-width);max-width:none;min-height:calc(100dvh - 64px);padding:24px 24px 16px;background:var(--page)}
.crm-nav{position:fixed;left:0;top:0;bottom:0;width:var(--nav-width);padding:20px 10px 16px;background:#101e2b;color:#e6edf6;overflow-y:auto;z-index:20;border-right:1px solid #263747;direction:rtl}
.nav-brand{display:flex;direction:ltr;align-items:center;gap:9px;padding:0 6px 28px;color:#fff}.nav-brand .brand-mark{width:33px;height:33px;border-radius:3px;font-size:calc(16px * var(--crm-text-scale,1));color:#dfb758;border-color:#dfb758}.nav-brand strong{font-size:calc(12px * var(--crm-text-scale,1));letter-spacing:.5px;white-space:nowrap}.nav-brand small{display:block;color:#dfbf73;font-size:calc(8px * var(--crm-text-scale,1));letter-spacing:1.3px;margin-top:4px}
.crm-nav nav{display:grid;gap:5px}.crm-nav button{display:flex;align-items:center;gap:11px;color:#dbe5ee;background:transparent;border:0;border-radius:7px;padding:11px 10px;text-align:start;font-size:calc(13px * var(--crm-text-scale,1));min-height:42px}.crm-nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.crm-nav button:hover{background:#1d3042;color:#fff}.crm-nav button[aria-current=page]{background:#2a4055;color:#fff;box-shadow:inset -3px 0 #d7ad4e}
.workspace-links{border-top:1px solid #314153;margin:22px 6px 0;padding-top:18px;font-size:calc(11px * var(--crm-text-scale,1))}.workspace-links summary{cursor:pointer;color:#9fafc1;font-size:calc(10px * var(--crm-text-scale,1))}.workspace-links[open]>*:not(summary){display:block;margin-top:16px;line-height:1.6}.workspace-links a{color:#e6edf6}.workspace-links span,.workspace-links small{color:#aab9c7}.workspace-links a::before{content:'↗';display:inline-block;margin-inline-end:7px;color:#d5b35d}
.directory-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.directory-head h2{font-size:calc(27px * var(--crm-text-scale,1));letter-spacing:-.6px;margin:0 0 6px}.directory-head .eyebrow{display:none}.directory-head p{font-size:calc(12px * var(--crm-text-scale,1));color:var(--muted);margin:0;line-height:1.7}.directory-head .primary,.crm-main .primary,.edit-dialog .primary{background:#a88018;color:#fff;border:1px solid #977213;border-radius:8px;padding:11px 16px;font-weight:600;white-space:nowrap}.directory-head .primary:hover{background:#8a6812}
.directory-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto minmax(160px,190px) auto;align-items:end;gap:10px}.directory-toolbar label{margin:0;font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted)}.directory-toolbar label:first-child{min-width:0}.directory-toolbar input,.directory-toolbar select,.directory-filters select{margin-top:5px;min-height:39px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:9px 11px}.directory-toolbar input{width:100%;padding-inline-start:14px;font-size:calc(13px * var(--crm-text-scale,1))}.directory-toolbar .quiet{height:39px;font-size:calc(12px * var(--crm-text-scale,1));padding:8px 12px}
.quick-views{display:flex;flex-wrap:wrap;gap:8px;padding:17px 0;margin:0}.quick-views button{border:1px solid transparent;border-radius:999px;padding:8px 12px;font-size:calc(12px * var(--crm-text-scale,1));min-height:36px;color:var(--muted);background:var(--surface2);white-space:nowrap}.quick-count{display:inline-block;margin-inline-start:5px;padding:2px 5px;min-width:21px;border-radius:7px;font-size:calc(10px * var(--crm-text-scale,1));background:#718095;color:#fff}.quick-views [data-quick=hot],.quick-views [data-quick=overdue]{color:#ac2937;background:#ffedf0}.quick-views [data-quick=hot] .quick-count,.quick-views [data-quick=overdue] .quick-count{background:#ce4152}.quick-views [data-quick=today]{background:#eaf3ff;color:#185dc6}.quick-views [data-quick=today] .quick-count{background:#2368da}.quick-views [data-quick=buyers]{background:#e7f7ef;color:#167243}.quick-views [data-quick=buyers] .quick-count{background:#208953}.quick-views button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}.quick-views [data-quick=all][aria-pressed=true]{color:#fff;background:#a88018}.quick-views [data-quick=all][aria-pressed=true] .quick-count{background:#fff3d0;color:#665019}
.directory-filters{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));align-items:end;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin:0 0 12px}.directory-filters label{min-width:0;max-width:none;font-size:calc(11px * var(--crm-text-scale,1));margin:0;color:var(--muted)}.directory-filters select{width:100%;font-size:calc(11px * var(--crm-text-scale,1));min-height:35px;padding:7px 6px}.directory-filters .quiet{font-size:calc(10px * var(--crm-text-scale,1));min-height:35px;padding:7px}
#directoryCount{font-size:calc(11px * var(--crm-text-scale,1));line-height:1.7;margin:12px 0;color:var(--muted)}.table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.customers-table{width:100%;min-width:1060px;border-collapse:collapse;table-layout:fixed;background:var(--surface);font-size:calc(12px * var(--crm-text-scale,1))}.customers-table th{text-align:start;font-weight:700;color:var(--ink);padding:14px 12px;background:var(--surface2);border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;z-index:2}.customers-table td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.55;overflow-wrap:normal;word-break:normal}.customers-table tr:last-child td{border-bottom:0}.customers-table th:first-child{width:245px}.customers-table th:nth-child(2){width:220px}.customers-table th:nth-child(3){width:165px}.customers-table th:nth-child(4){width:120px}.customers-table th:nth-child(5){width:105px}.customers-table th:nth-child(6){width:220px}.customers-table th:nth-child(7){width:90px}.customers-table tr[data-customer]:hover{cursor:pointer;background:var(--surface2)}.customers-table tr.is-selected{background:#eaf3ff;box-shadow:inset -3px 0 #437ddd}.customers-table small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));margin-top:3px}.customer-identity{display:flex;align-items:center;gap:9px;min-width:0}.customer-identity>div{min-width:0;flex:1}.customer-name{display:block;flex:1 1 auto;min-width:0;max-width:100%;font-size:calc(12px * var(--crm-text-scale,1));font-weight:600;line-height:1.6;border:0;padding:0;background:none;color:var(--ink);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#6c849c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:calc(11px * var(--crm-text-scale,1));font-weight:600;letter-spacing:.3px}.customer-avatar.anonymous{background:#8795a5;color:#fff}.customers-table tr:nth-child(4n+2) .customer-avatar,.customer-card:nth-child(4n+2) .customer-avatar{background:#718781}.customers-table tr:nth-child(4n+3) .customer-avatar,.customer-card:nth-child(4n+3) .customer-avatar{background:#7b739e}.customers-table tr:nth-child(4n) .customer-avatar,.customer-card:nth-child(4n) .customer-avatar{background:#a66e72}.source-badge{display:inline-block!important;border-radius:4px;background:#e4f6ec;color:#236e4b!important;font-size:calc(9px * var(--crm-text-scale,1))!important;padding:1px 5px;margin-top:4px}.cell-copy{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.priority,.stage-badge{display:inline-block;font-size:calc(10px * var(--crm-text-scale,1));line-height:1.6;padding:3px 7px;border-radius:5px;background:var(--surface2);color:var(--muted);white-space:nowrap}.priority.hot{background:#ffebee;color:#b32537}.priority.warm{background:#fff4d6;color:#8c5908}.priority.cold{background:#eaf2ff;color:#2860a8}.stage-badge.qualified,.stage-badge.presented{background:#e4efff;color:#175ad0}.stage-badge.visit{background:#f0e8ff;color:#7235b5}.stage-badge.negotiation{background:#ffecd9;color:#a24d0a}.stage-badge.won,.stage-badge.nurture{background:#e0f5ea;color:#147749}.stage-badge.contacted{background:#eaf0f8;color:#365779}.overdue{font-size:calc(10px * var(--crm-text-scale,1));color:#ad3240}.customer-cards{display:none}#moreClients{display:block;margin:16px auto;min-width:145px;font-size:calc(12px * var(--crm-text-scale,1))}
/* Wide detail panel preserves the current directory and filter state. */
#client360{position:fixed;right:0;top:64px;bottom:0;width:var(--detail-width);z-index:15;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px 0 0 0;padding:16px;box-shadow:-6px 0 22px #10203908;overscroll-behavior:contain}.detail-topline{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));letter-spacing:1.2px}.detail-topline .quiet{font-size:calc(12px * var(--crm-text-scale,1));border:0;padding:4px 6px}.detail-topline button span{font-size:calc(10px * var(--crm-text-scale,1));letter-spacing:0}.selected-client{padding:18px 0 0;margin:0;border:0;background:none;border-radius:0}.detail-identity{display:flex;align-items:center;gap:12px}.detail-identity .customer-avatar{width:48px;height:48px;flex-basis:48px;font-size:calc(16px * var(--crm-text-scale,1));background:#4a6381}.selected-client h2{font-size:calc(19px * var(--crm-text-scale,1));line-height:1.5;margin:0}.selected-client p{font-size:calc(12px * var(--crm-text-scale,1));margin:4px 0;color:var(--muted)}.pipeline-badges{margin:12px 0;gap:5px}.pipeline-badges span{font-size:calc(10px * var(--crm-text-scale,1))}.client-actions{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.client-actions a,.client-actions button{margin:0;font-size:calc(10px * var(--crm-text-scale,1));padding:7px 9px;min-height:32px}.client-actions a[href^='/personal-inbox']{background:#15975a;border-color:#15975a;color:white}.client-actions a[href^='tel:']{background:#2165d6;border-color:#2165d6;color:white}.client-tabs{display:flex;margin:16px -4px 18px;gap:0;border-bottom:1px solid var(--line);overflow-x:auto}.client-tabs button{flex:1;padding:11px 5px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:calc(11px * var(--crm-text-scale,1));white-space:nowrap}.client-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}.overview-grid{display:grid;grid-template-columns:1fr;gap:12px}.overview-section{padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);min-width:0;overflow-wrap:anywhere}.overview-section h3{font-size:calc(12px * var(--crm-text-scale,1));margin:0 0 10px}.overview-section p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.9;margin:4px 0}.overview-section small{font-size:calc(10px * var(--crm-text-scale,1));line-height:1.8;color:var(--muted)}.overview-section dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;margin:0;font-size:calc(11px * var(--crm-text-scale,1))}.overview-section dt{color:var(--muted)}.overview-section dd{margin:0}.overview-section .quiet{font-size:calc(11px * var(--crm-text-scale,1));white-space:normal;max-width:100%}.ai-summary{background:linear-gradient(120deg,var(--surface2),var(--surface))}.ai-summary h3:before{content:'✦';color:var(--gold);margin-inline-end:7px}.next-action-section{border-color:#cbdcf2;background:#f2f7fe}.next-action-section h3{color:#2165c3}.unavailable{color:var(--muted)}
.crm-layout{display:block}.records-panel{background:var(--surface)}#client360 .record-tabs{display:none}#client360 .record-list{grid-template-columns:1fr}#client360 .records-panel{border:0;padding:0}#client360 .record-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}#client360 .record-toolbar label:first-child{grid-column:1/-1}#client360 .record-toolbar label{min-width:0;font-size:calc(11px * var(--crm-text-scale,1))}#client360 .record-toolbar input,#client360 .record-toolbar select{width:100%;font-size:calc(12px * var(--crm-text-scale,1))}#client360 .record-toolbar button{font-size:calc(11px * var(--crm-text-scale,1));padding:8px}#client360 .record-card{padding:12px}#client360 .record-card h3{font-size:calc(14px * var(--crm-text-scale,1))}#client360 .record-card .actions{gap:5px}#client360 .record-card .actions button{font-size:calc(10px * var(--crm-text-scale,1));padding:7px}#client360 .timeline-list{max-height:none}.workspace-info{padding:20px;line-height:1.9;background:var(--surface);border:1px solid var(--line);border-radius:10px}.workspace-info a{color:var(--accent)}.crm-foot{color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));line-height:1.8;margin:20px 0 8px}button:focus-visible,a:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.crm-main button:disabled{cursor:not-allowed}
:root[data-theme=dark] .customers-table tr.is-selected{background:#233d58}:root[data-theme=dark] .next-action-section{background:#1c3048;border-color:#344f70}:root[data-theme=dark] .next-action-section h3{color:#a4c7ff}
@media(min-width:1280px){#crmApp[data-view=client] .crm-main{padding-right:calc(var(--detail-width) + 22px)}}
@media(min-width:761px) and (max-width:1279px){#crmApp[data-view=client] #client360{box-shadow:-10px 0 35px #101e2b30}#crmApp[data-view=client] .directory-head{padding-right:var(--detail-width)}}
@media(max-width:1100px){#crmApp{--nav-width:180px}.crm-main{padding:20px 16px}.nav-brand{gap:6px;padding-inline:2px}.nav-brand strong{font-size:calc(10px * var(--crm-text-scale,1))}.nav-brand small{font-size:calc(7px * var(--crm-text-scale,1))}.crm-nav button{font-size:calc(12px * var(--crm-text-scale,1));padding:10px 7px;gap:8px}.directory-head h2{font-size:calc(25px * var(--crm-text-scale,1))}.directory-filters label{flex-basis:100px}}
@media(max-width:760px){
 #crmApp .topbar{margin:0;height:60px;padding:10px 14px;position:sticky;top:0;z-index:25}.topbar .header-actions>a,.privacy,#logoutButton{display:none}#crmApp .topbar .brand .eyebrow{font-size:calc(8px * var(--crm-text-scale,1));letter-spacing:1px}#crmApp .topbar h1{font-size:calc(13px * var(--crm-text-scale,1))}#crmApp .topbar .brand-mark{display:grid;width:30px;height:30px;font-size:calc(13px * var(--crm-text-scale,1));border-radius:4px}#crmApp .topbar .brand{gap:8px}
 .crm-main{margin:0;padding:0 12px 16px;min-height:calc(100dvh - 60px)}.crm-nav{position:static;width:auto;background:transparent;color:var(--ink);padding:8px 0 0;border:0;overflow:visible}.nav-brand{display:none}.crm-nav nav{display:flex;overflow-x:auto;gap:6px;padding:4px 0 8px}.crm-nav button{white-space:nowrap;color:var(--muted);border:1px solid var(--line);background:var(--surface);min-height:38px;font-size:calc(11px * var(--crm-text-scale,1));padding:8px 10px;gap:6px}.crm-nav button svg{width:15px;height:15px}.crm-nav button[aria-current=page]{background:#172c40;box-shadow:none;border-color:#172c40}.crm-nav button:hover{color:var(--ink);background:var(--surface2)}.crm-nav button[aria-current=page]:hover{color:white;background:#172c40}
 .workspace-links{margin:3px 0 14px;padding:0;border:0}.workspace-links summary{font-size:calc(10px * var(--crm-text-scale,1));color:var(--muted)}.workspace-links[open]{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.workspace-links[open]>*:not(summary){margin-top:12px;color:var(--ink)}
 .directory-head{gap:8px;margin:13px 0 16px;align-items:center}.directory-head h2{font-size:calc(22px * var(--crm-text-scale,1))}.directory-head p{display:none}.directory-head .primary{font-size:calc(11px * var(--crm-text-scale,1));padding:10px 11px;min-height:38px}
 .directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.directory-toolbar label:first-child{grid-column:1/-1;font-size:0}.directory-toolbar label:first-child input{font-size:calc(16px * var(--crm-text-scale,1));margin:0;min-height:42px}.directory-toolbar label:nth-of-type(2){grid-column:1;grid-row:2;font-size:0}.directory-toolbar select{margin:0;min-height:38px;font-size:calc(13px * var(--crm-text-scale,1));width:100%}.directory-toolbar #filtersToggle{grid-column:2;grid-row:2}.directory-toolbar #refreshDirectory{grid-column:3;grid-row:2}.directory-toolbar .quiet{font-size:calc(11px * var(--crm-text-scale,1));height:38px;padding:8px 10px}
 .quick-views{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:14px 0}.quick-views button{font-size:calc(10px * var(--crm-text-scale,1));min-height:34px;padding:7px 9px}.quick-count{font-size:calc(9px * var(--crm-text-scale,1));min-width:17px;margin-inline-start:3px}.directory-filters{grid-template-columns:1fr 1fr;padding:12px;gap:12px}.directory-filters label{font-size:calc(11px * var(--crm-text-scale,1))}.directory-filters select{font-size:calc(16px * var(--crm-text-scale,1))}.directory-filters .quiet{min-height:40px}#directoryCount{font-size:calc(10px * var(--crm-text-scale,1));margin:2px 0 12px}
 .table-scroll{display:none}.customers-table{display:none}.customer-cards{display:grid;gap:10px}.customer-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px;min-width:0;overflow-wrap:anywhere}.customer-card header{display:flex;justify-content:space-between;align-items:start;gap:8px}.customer-card .customer-name{font-size:calc(14px * var(--crm-text-scale,1))}.customer-card .customer-avatar{width:35px;height:35px;flex-basis:35px;font-size:calc(12px * var(--crm-text-scale,1))}.customer-card small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));margin-top:4px}.customer-card p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.7;margin:9px 0;color:var(--muted)}.customer-card .card-next{color:var(--ink);border-top:1px solid var(--line);padding-top:10px}.customer-card .tag{font-size:calc(10px * var(--crm-text-scale,1));background:#edf3fb;color:#3565a1}.customer-card footer{display:flex;gap:8px;margin-top:11px}.customer-card footer>*{flex:1;text-align:center;font-size:calc(11px * var(--crm-text-scale,1));min-height:36px}.customer-card footer a{color:#167443;background:#ebf8f0;border-color:#d5efdf}
 #crmApp[data-view=client] .crm-nav,#crmApp[data-view=client] .directory-head,#crmApp[data-view=client] #customersDirectory,#crmApp[data-view=client] .crm-foot{display:none!important}#client360{position:static;width:auto;min-height:calc(100dvh - 60px);border:0;border-radius:0;padding:14px 2px;box-shadow:none;background:var(--page);overflow:visible}.detail-topline{padding-bottom:8px}.detail-topline .quiet{min-height:36px}.selected-client{padding-top:10px}.selected-client h2{font-size:calc(20px * var(--crm-text-scale,1))}.client-tabs{position:sticky;top:60px;z-index:10;background:var(--page);padding-top:5px}.client-tabs button{font-size:calc(11px * var(--crm-text-scale,1));min-height:44px}.client-actions a,.client-actions button{min-height:38px;font-size:calc(11px * var(--crm-text-scale,1))}.overview-section{padding:15px}.overview-section p{font-size:calc(13px * var(--crm-text-scale,1))}.overview-section dl{font-size:calc(12px * var(--crm-text-scale,1))}.overview-section small{font-size:calc(11px * var(--crm-text-scale,1))}.workspace-info{padding:15px}
}
/* Keep global login button rules from stretching directory actions. */
.directory-head>div{flex:1;min-width:0}.directory-head .primary{width:auto;flex:0 0 auto}.directory-head h2{white-space:nowrap}
.customers-table{min-width:1060px;font-size:calc(12px * var(--crm-text-scale,1))}.customers-table th{font-size:calc(11px * var(--crm-text-scale,1))}

@media(max-width:1440px){#crmApp{--nav-width:188px}.directory-filters{grid-template-columns:repeat(4,minmax(135px,1fr))}}
@media(min-width:1200px) and (max-width:1399px){
 .customers-table{min-width:960px}
 .customers-table th:first-child{width:230px}.customers-table th:nth-child(2){width:210px}.customers-table th:nth-child(3){width:150px}.customers-table th:nth-child(4){width:118px}.customers-table th:nth-child(5){width:95px}.customers-table th:nth-child(6){width:205px}
 .customers-table th:nth-child(7),.customers-table td:nth-child(7){display:none}
 .directory-toolbar{grid-template-columns:minmax(300px,1fr) auto minmax(145px,175px) auto}
}
@media(min-width:761px) and (max-width:1199px){
 .table-scroll{display:none}
 .customer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .customer-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px;min-width:0;overflow-wrap:anywhere}
 .customer-card header{display:flex;justify-content:space-between;align-items:start;gap:8px}
 .customer-card .customer-name{font-size:calc(14px * var(--crm-text-scale,1))}
 .customer-card .customer-avatar{width:35px;height:35px;flex-basis:35px;font-size:calc(12px * var(--crm-text-scale,1))}
 .customer-card small{display:block;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1));margin-top:4px}
 .customer-card p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.7;margin:9px 0;color:var(--muted)}
 .customer-card .card-next{color:var(--ink);border-top:1px solid var(--line);padding-top:10px}
 .customer-card .tag{font-size:calc(10px * var(--crm-text-scale,1));background:#edf3fb;color:#3565a1}
 .customer-card footer{display:flex;gap:8px;margin-top:11px}
 .customer-card footer>*{flex:1;text-align:center;font-size:calc(11px * var(--crm-text-scale,1));min-height:36px}
 .customer-card footer a{color:#167443;background:#ebf8f0;border-color:#d5efdf}
}
.overview-grid{grid-template-columns:1fr 1fr}.overview-section:nth-child(1),.overview-section:nth-child(2),.overview-section:nth-child(5){grid-column:1/-1}.overview-section dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.overview-section dl>div{min-width:0}.overview-section dt{font-size:calc(10px * var(--crm-text-scale,1));margin-bottom:5px}.overview-section dd{font-weight:600;line-height:1.7}
@media(max-width:760px){#logoutButton{display:block;font-size:calc(10px * var(--crm-text-scale,1));padding:7px}.directory-head h2{font-size:calc(20px * var(--crm-text-scale,1))}.overview-section{padding:12px}.overview-section dl{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-section dt{font-size:calc(10px * var(--crm-text-scale,1))}.overview-section dd{font-size:calc(11px * var(--crm-text-scale,1))}.customer-card .priority{font-size:calc(10px * var(--crm-text-scale,1))}}


/* CRM Workspace v4 — operational views, quick actions, chat, settings */
.customer-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;width:100%}
.customer-phone{display:block!important;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:left;font-size:calc(11px * var(--crm-text-scale,1))!important;color:var(--muted);margin-top:4px}
.requirement-cell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;min-width:0}
.requirement-cell .intent-mini{display:inline-flex;align-items:center;justify-content:center;grid-row:1/3;align-self:start;padding:3px 7px;border-radius:999px;background:#eef3f8;color:#4a6078;font-size:calc(10px * var(--crm-text-scale,1));white-space:nowrap}
.requirement-cell strong{min-width:0;font-size:calc(12px * var(--crm-text-scale,1));line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.requirement-cell small{grid-column:2;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1))}
.status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.status-stack .priority,.status-stack .stage-badge{margin:0}
.next-action-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.next-action-text{font-size:calc(12px * var(--crm-text-scale,1));font-weight:600;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.followup-date,.last-contact,.owner-cell{font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted);white-space:nowrap}.place-copy{line-height:1.65}.card-meta{font-size:calc(11px * var(--crm-text-scale,1))!important}

.row-menu{position:relative;display:inline-block;z-index:4}
.row-menu>summary{list-style:none;cursor:pointer;width:28px;height:28px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;background:var(--surface);color:var(--muted);font-weight:700}
.row-menu>summary::-webkit-details-marker{display:none}
.row-menu-popover{position:fixed;inset-inline-start:auto;top:32px;z-index:50;min-width:210px;max-width:calc(100vw - 16px);overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 12px 34px #10203922;display:grid;gap:3px}
.row-menu-popover button,.row-menu-popover a{display:block;width:100%;border:0;background:transparent;color:var(--ink);padding:9px 10px;border-radius:6px;text-align:start;font-size:calc(11px * var(--crm-text-scale,1));text-decoration:none;white-space:nowrap}
.row-menu-popover button:hover,.row-menu-popover a:hover{background:var(--surface2)}
.business-wa{background:#e8f7ed!important;border-color:#cdebd8!important;color:#117a3e!important}
.cloud-wa{background:#e9f0ff!important;border-color:#d3e0ff!important;color:#285fb9!important}
.records-table-wrap{margin-top:10px}
.records-table{width:100%;min-width:1120px;border-collapse:collapse;background:var(--surface);font-size:calc(11px * var(--crm-text-scale,1))}
.records-table th{padding:12px 10px;background:var(--surface2);border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}
.records-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.6}
.records-table tr:hover td{background:color-mix(in srgb,var(--surface2) 60%,transparent)}
.table-actions{display:flex;gap:5px;flex-wrap:wrap}.table-actions .quiet{font-size:calc(10px * var(--crm-text-scale,1));padding:6px 8px}
.workspace-toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:14px}
.workspace-toolbar label{flex:1;font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted)}
.workspace-toolbar input{display:block;margin-top:5px;width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:9px 11px}
.crm-chat-list{max-height:430px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}
.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.crm-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}
.crm-chat-composer textarea{min-height:74px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:10px;font:inherit}
.crm-chat-composer .primary{align-self:end;min-height:42px}.crm-chat-composer .chat-status{grid-column:1/-1;color:var(--muted);font-size:calc(10px * var(--crm-text-scale,1))}
.caller-lookup{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}
.caller-lookup .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.report-grid article{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:16px}
.report-grid strong{display:block;font-size:calc(24px * var(--crm-text-scale,1))}.report-grid span{display:block;color:var(--muted);font-size:calc(11px * var(--crm-text-scale,1));margin-top:5px}
.report-section{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.report-section h3{margin:0 0 10px;font-size:calc(14px * var(--crm-text-scale,1))}.report-section li{margin:7px 0;line-height:1.7}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:17px}
.settings-card h3{margin:0 0 8px;font-size:calc(14px * var(--crm-text-scale,1))}.settings-card p{font-size:calc(12px * var(--crm-text-scale,1));line-height:1.8;color:var(--muted)}
.settings-card .quiet,.settings-card .primary{display:inline-block;margin:6px 6px 0 0;text-decoration:none}
.view-mode-actions{display:flex;align-items:center;gap:6px}.view-mode-actions .quiet[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
#pipelineWorkspace[data-layout=compact] #pipelineList{display:block}
#pipelineWorkspace[data-layout=compact] .pipeline-card{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) minmax(220px,2fr) auto;align-items:center;gap:10px;padding:10px 12px;margin-bottom:7px}
#pipelineWorkspace[data-layout=compact] .pipeline-card>header,#pipelineWorkspace[data-layout=compact] .pipeline-card>.pipeline-badges,#pipelineWorkspace[data-layout=compact] .pipeline-card>.pipeline-actions{margin:0}
#pipelineWorkspace[data-layout=compact] .pipeline-card>p,#pipelineWorkspace[data-layout=compact] .pipeline-card>small{margin:0;font-size:calc(10px * var(--crm-text-scale,1))}
.pipeline-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px}
.pipeline-column{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:9px;min-height:220px}
.pipeline-column>header{display:flex;justify-content:space-between;gap:8px;padding:6px 4px 10px;font-size:calc(11px * var(--crm-text-scale,1))}
.pipeline-column .pipeline-card{margin-bottom:8px;background:var(--surface)}
#dailyWorkspace[data-layout=compact] .daily-grid{display:block}
#dailyWorkspace[data-layout=compact] .daily-section{margin-bottom:8px}
#dailyWorkspace[data-layout=compact] .daily-card{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,2fr) auto;align-items:center;gap:10px;padding:9px 11px}
#dailyWorkspace[data-layout=compact] .daily-card>p,#dailyWorkspace[data-layout=compact] .daily-card>small{margin:0}
html[dir=ltr] .crm-nav{direction:ltr}
html[dir=ltr] .crm-nav button,html[dir=ltr] .customers-table th,html[dir=ltr] .records-table th{text-align:left}
html[dir=ltr] .crm-nav button[aria-current=page]{box-shadow:inset 3px 0 #d7ad4e}

@media(max-width:760px){
 .row-menu-popover{inset-inline-start:auto;inset-inline-end:0;min-width:190px}
 .records-table-wrap{display:block;overflow:auto}
 .workspace-toolbar{align-items:stretch;flex-direction:column}.workspace-toolbar>*{width:100%}
 .crm-chat-composer{grid-template-columns:1fr}.crm-chat-composer .primary{width:100%}
 .report-grid,.settings-grid{grid-template-columns:1fr 1fr}
 #pipelineWorkspace[data-layout=compact] .pipeline-card,#dailyWorkspace[data-layout=compact] .daily-card{display:block}
 .view-mode-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:480px){.report-grid,.settings-grid{grid-template-columns:1fr}}

.followup-filter{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.followup-filter button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:calc(10px * var(--crm-text-scale,1));cursor:pointer}
.followup-filter button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.menu-disabled{display:block;padding:9px 10px;color:var(--muted);font-size:calc(11px * var(--crm-text-scale,1))}

.channel-icons{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.channel-icon{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:6px;border:1px solid var(--line);font-size:calc(9px * var(--crm-text-scale,1));font-weight:800;text-decoration:none}
.channel-icon.disabled{opacity:.45;color:var(--muted);background:var(--surface2)}

body,button,input,select,textarea{font-family:var(--crm-font,Tahoma,Arial,sans-serif)!important}
.today-detail{width:min(820px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.today-detail label{display:block;margin:12px 0}.today-detail input,.today-detail select,.today-detail textarea{display:block;width:100%;padding:10px;font-size:calc(15px * var(--crm-text-scale,1))}.today-detail p,.today-detail dd,.today-detail summary{font-size:calc(14px * var(--crm-text-scale,1));line-height:1.8;white-space:pre-wrap}.today-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.today-detail-fields dt{font-weight:bold;color:var(--muted)}.today-detail-fields dd{margin:4px 0;overflow-wrap:anywhere}.today-detail section,.today-detail details{margin-block:14px;padding:12px;border:1px solid var(--line);border-radius:10px}.reminder-presets{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.daily-card[tabindex]{cursor:pointer}.daily-card[tabindex]:focus-visible{outline:3px solid var(--accent)}.settings-card select{display:block;width:100%;padding:9px;margin:8px 0;font:inherit}.today-detail [hidden]{display:none!important}@media(max-width:600px){.today-detail-fields{grid-template-columns:1fr}.today-detail{padding:12px}.settings-grid{grid-template-columns:1fr}}
body{font-size:calc(16px * var(--crm-text-scale,1))}
@media(max-width:520px){.crm-main input,.crm-main select,.edit-dialog input,.edit-dialog select,.edit-dialog textarea{font-size:16px;font-size:max(16px,calc(16px * var(--crm-text-scale,1)))}}


/* Directory usability: preserve brand tokens, prioritize identity over shortcuts. */
#crmApp .directory-head p{font-size:calc(14px * var(--crm-text-scale,1))}
#crmApp .directory-toolbar input,#crmApp .directory-toolbar select{min-height:44px;font-size:calc(14px * var(--crm-text-scale,1));border-radius:8px}
#crmApp .directory-toolbar .quiet,#crmApp .quick-views button{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
#crmApp .directory-filters{gap:14px;padding:18px;border-radius:12px}
#crmApp .directory-filters label{font-size:calc(13px * var(--crm-text-scale,1))}
#crmApp .directory-filters select{min-height:44px;font-size:calc(14px * var(--crm-text-scale,1))}
#crmApp #directoryCount{font-size:calc(13px * var(--crm-text-scale,1));margin:14px 0}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:10px}
#crmApp .filter-chip{display:flex;align-items:center;gap:8px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:8px 12px;min-height:40px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font-size:calc(13px * var(--crm-text-scale,1));text-align:start}
#crmApp .filter-chip span{font-size:20px}
#crmApp .customer-title-row{display:flex;flex-direction:column;align-items:stretch;gap:6px}
#crmApp .customer-name{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible;line-height:1.7;font-size:calc(14px * var(--crm-text-scale,1));min-height:32px;width:100%}
.customer-row-actions{display:flex;align-items:center;gap:8px}
#crmApp .customer-identity{align-items:flex-start}
#crmApp .customer-phone{font-size:calc(12px * var(--crm-text-scale,1))!important;text-align:start}
#crmApp .row-menu>summary{width:36px;height:36px;font-size:20px}
#crmApp .channel-icon{min-width:36px;height:36px;font-size:calc(11px * var(--crm-text-scale,1))}
#crmApp .customers-table td{padding:16px 12px}
#crmApp .customers-table th{font-size:calc(12px * var(--crm-text-scale,1))}
#crmApp .requirement-cell strong,#crmApp .next-action-text,#crmApp .place-copy{font-size:calc(14px * var(--crm-text-scale,1));line-height:1.75}
#crmApp .stage-badge,#crmApp .priority,#crmApp .last-contact,#crmApp .followup-date{font-size:calc(12px * var(--crm-text-scale,1))}
#crmApp .customer-card{border-radius:12px}
#crmApp .empty-state h3{color:var(--ink)}
#crmApp button:focus-visible,#crmApp a:focus-visible,#crmApp summary:focus-visible,#crmApp input:focus-visible,#crmApp select:focus-visible{outline:3px solid var(--gs-focus,var(--accent));outline-offset:3px}
#crmApp .customer-card footer{flex-wrap:wrap}
#crmApp .customer-card footer>*{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
#crmApp .customer-card .card-meta,#crmApp .customer-card .card-next{font-size:calc(13px * var(--crm-text-scale,1))!important}
@media(max-width:760px){
 #crmApp .crm-nav button{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
 #crmApp .directory-head h2{white-space:normal;font-size:calc(23px * var(--crm-text-scale,1))}
 #crmApp .directory-head .primary{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
 #crmApp .directory-toolbar input,#crmApp .directory-toolbar select,#crmApp .directory-filters select{font-size:max(16px,calc(16px * var(--crm-text-scale,1)))}
 #crmApp .customer-card header{gap:12px}
 #crmApp .customer-card .customer-identity{flex:1;min-width:0}
 #crmApp .customer-card .customer-avatar{display:none}
 #crmApp .row-menu>summary,#crmApp .channel-icon{min-width:44px;height:44px}
 #crmApp .customer-card .status-stack{flex:0 0 auto;max-width:90px}
 #crmApp .client-tabs button,#crmApp .client-actions button,#crmApp .client-actions a{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
 #crmApp .overview-section p,#crmApp .overview-section dd{font-size:calc(14px * var(--crm-text-scale,1))}
 #crmApp .overview-section dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){#crmApp *{scroll-behavior:auto!important;transition:none!important}}

/* Client 360 needs room for readable Arabic, not a squeezed three-column form. */
#crmApp{--detail-width:clamp(420px,34vw,520px)}
#crmApp #client360 .overview-grid{grid-template-columns:1fr}
#crmApp #client360 .overview-section{grid-column:1/-1}
#crmApp #client360 .overview-section dl{grid-template-columns:repeat(2,minmax(0,1fr))}
#crmApp #client360 .overview-section p,#crmApp #client360 .overview-section dd{font-size:calc(14px * var(--crm-text-scale,1));line-height:1.85}
#crmApp #client360 .overview-section dt,#crmApp #client360 .overview-section small{font-size:calc(12px * var(--crm-text-scale,1))}
#crmApp #client360 .client-tabs button,#crmApp #client360 .client-actions button,#crmApp #client360 .client-actions a{min-height:44px;font-size:calc(13px * var(--crm-text-scale,1))}
#crmApp #client360 .detail-topline .quiet{min-height:44px}

/* Mobile 390px QA hardening — keep header actions visible and Client 360 readable. */
@media(max-width:760px){
 #crmApp .topbar{height:auto;min-height:60px;align-items:center;row-gap:6px}
 #crmApp #settingsButton{display:none}
 #crmApp .header-actions{margin-inline-start:auto;flex-wrap:nowrap;gap:4px}
 #crmApp .topbar .brand .eyebrow{display:none}
}
@media(max-width:520px){
 #crmApp #client360 .overview-section dl{grid-template-columns:1fr}
 #crmApp #client360 .overview-section dl>div{min-width:0}
 #crmApp #client360 .overview-section dd,
 #crmApp #client360 .overview-section p{overflow-wrap:anywhere}
 #crmApp #client360 .client-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #crmApp #client360 .client-actions>a,
 #crmApp #client360 .client-actions>button{width:100%;min-width:0;white-space:normal;text-align:center}
}
@media(max-width:360px){
 #crmApp #client360 .client-actions{grid-template-columns:1fr}
}

/* Commercial CRM scanning — data density without dashboard-card inflation. */
.requirement-meta{font-variant-numeric:tabular-nums}
.attention-badge{display:inline-flex;align-items:center;max-width:100%;padding:2px 6px;border-radius:5px;font-size:calc(9px * var(--crm-text-scale,1));line-height:1.5;font-weight:600}
.attention-badge.danger{background:#ffebee;color:#a82334}
.attention-badge.warn{background:#fff4d6;color:#855507}
.commercial-brief{background:var(--surface);border-color:#d8c68e}
.commercial-brief h3{color:#775c13}
.data-provenance{display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}
.missing-data{margin-top:10px!important;padding:8px 10px;border-radius:7px;background:#fff7df;color:#74520a!important;font-size:calc(11px * var(--crm-text-scale,1))!important}
:root[data-theme=dark] .commercial-brief{border-color:#66582f}
:root[data-theme=dark] .commercial-brief h3{color:#e4c96d}
:root[data-theme=dark] .missing-data{background:#403719;color:#f4dc86!important}
.followup-state{display:block;margin-block:4px;font-size:13px;font-weight:600;color:var(--muted)}
.followup-state.overdue{color:var(--danger,#b42332)}
.followup-state.today,.followup-state.tomorrow{color:var(--ink)}
.followup-shortcut{margin-top:5px;min-height:36px}
.opportunity-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.opportunity-list article{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:16px;min-width:0;overflow-wrap:anywhere}
.opportunity-list .customer-name{white-space:normal;font-size:16px;min-height:44px}
#clientOverview .next-action-section{order:-2}
#clientOverview .commercial-brief{order:-1}
#clientOverview dd,#clientOverview p{unicode-bidi:plaintext;overflow-wrap:anywhere}

.commercial-record + .commercial-record{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.commercial-record>button{white-space:normal;text-align:start;min-height:44px;margin-bottom:12px}.commercial-record dl{margin:0}
.ai-commercial-signals{border-color:#cbdcf2;background:color-mix(in srgb,var(--surface2) 72%,#eef5ff)}
.ai-commercial-signals h3{color:#315f9f}
.ai-evidence-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.ai-evidence-item{padding:8px 0;border-bottom:1px solid var(--line)}
.ai-evidence-item:last-child{border-bottom:0}
.ai-evidence-item dt{font-weight:600;color:var(--ink)}
.ai-evidence-item dd{margin:2px 0 0!important;line-height:1.7}
.ai-evidence-item small,.ai-objections small{display:block;color:var(--muted);margin-top:3px}
.ai-objections p{padding:7px 0;border-bottom:1px solid var(--line)}
.ai-objections p:last-child{border-bottom:0}
:root[data-theme=dark] .ai-commercial-signals{background:#1a2a3d;border-color:#314966}

/* Task-oriented CRM navigation, shared by Arabic and English. */
.crm-nav nav{display:block}.crm-nav .nav-group{display:grid;gap:3px}
.crm-nav .nav-section{margin:16px 10px 5px;color:inherit;opacity:.72;font-size:12px;font-weight:700;line-height:1.6}
.crm-nav .nav-primary .nav-section{margin-top:4px}
.crm-nav #crmMoreNav>summary{display:none}
@media(min-width:761px){.crm-nav #crmMoreNav:not([open])>.nav-secondary{display:block}}
@media(max-width:760px){
 .crm-nav nav{overflow:visible;padding:4px 0 8px}
 .crm-nav .nav-primary .nav-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .crm-nav .nav-primary .nav-section{display:none}
 .crm-nav .nav-primary button{justify-content:center;padding:9px 5px;gap:5px;white-space:normal}
 .crm-nav .nav-primary button svg{display:none}
 .crm-nav #crmMoreNav{margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
 .crm-nav #crmMoreNav>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;color:var(--ink);cursor:pointer;list-style:none;font-size:13px}
 .crm-nav #crmMoreNav>summary::-webkit-details-marker{display:none}
 .crm-nav #crmMoreNav>summary:focus-visible{outline:2px solid var(--gold,#c9a34e);outline-offset:2px}
 .crm-nav #crmMoreNav[open]>summary{border-bottom:1px solid var(--line)}
 .crm-nav .nav-secondary{padding:0 8px 10px}
 .crm-nav .nav-secondary .nav-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .crm-nav .nav-secondary .nav-section{grid-column:1/-1;margin:12px 4px 2px}
 .crm-nav .nav-secondary button{white-space:normal;min-width:0}
}
@media(max-width:760px){
 #crmApp .crm-nav{background:transparent!important;color:var(--ink)!important}
 #crmApp .crm-nav .nav-section{color:var(--muted);opacity:1}
 #crmApp .crm-nav button:not([aria-current=page]){color:var(--ink)}
}

/* Owner-controlled classification and selected company snapshots. */
.privacy-dialog{box-sizing:border-box;width:min(700px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);line-height:1.6}
.privacy-dialog::backdrop{background:#0009}.privacy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.privacy-heading h2{font-size:1.25rem;margin:0}.privacy-dialog fieldset{border:0;padding:0;min-width:0}.privacy-dialog legend{font-weight:700;margin:16px 0}.privacy-dialog label{display:flex;flex-direction:column;gap:6px;margin:10px 0}.privacy-dialog .privacy-check{flex-direction:row;align-items:center;gap:10px}.privacy-check input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent)}.privacy-dialog select,.privacy-dialog textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink);font:inherit}.privacy-dialog textarea:disabled{opacity:.55;resize:none}.privacy-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.privacy-dialog .actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.privacy-dialog .error:empty{display:none}.privacy-dialog .error{color:#b3261e}.privacy-state{font-weight:700;border-inline-start:3px solid var(--accent);padding-inline-start:12px}.privacy-preview{margin:16px 0}.privacy-preview>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.privacy-preview dt{font-weight:700}.privacy-preview dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.privacy-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.privacy-list-row p{margin:4px 0;text-align:start}.privacy-list-row small{display:block}.privacy-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.privacy-dialog button:focus-visible,.privacy-dialog input:focus-visible,.privacy-dialog textarea:focus-visible,.privacy-dialog select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.privacy-success{font-weight:700;color:#236c40}:root[data-theme=dark] .privacy-success{color:#a5dbb8}:root[data-theme=dark] .privacy-dialog .error{color:#ffb4ab}
@media(max-width:600px){.privacy-dialog{padding:16px;max-height:94dvh}.privacy-fields{grid-template-columns:1fr}.privacy-preview>div{grid-template-columns:1fr;gap:4px}.privacy-list-row{align-items:flex-start;flex-direction:column}.privacy-dialog .actions button{flex:1}}

.privacy-field textarea:disabled{display:none}.privacy-field small{overflow-wrap:anywhere;margin:0 0 8px}.privacy-field:has(input:checked) small{display:none}.privacy-fields{margin-bottom:18px}.privacy-field{border-bottom:1px solid var(--line)}


/* Environment identity is intentionally always visible to prevent Production/Staging confusion. */
.environment-badge{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;border:1px solid var(--line);font-size:calc(9px * var(--crm-text-scale,1));font-weight:800;letter-spacing:.08em;line-height:1.2}
.environment-badge[data-environment=production]{background:#eef7f0;border-color:#8db596;color:#245c31}
.environment-badge[data-environment=staging]{background:#fff4d6;border-color:#d2a43c;color:#7a5200}
.environment-badge[data-environment=preview]{background:#fde8e8;border-color:#c77b7b;color:#8b2626}
:root[data-theme=dark] .environment-badge[data-environment=production]{background:#183425;border-color:#47795a;color:#bce6c8}
:root[data-theme=dark] .environment-badge[data-environment=staging]{background:#3a2d12;border-color:#9c7424;color:#f4d486}
:root[data-theme=dark] .environment-badge[data-environment=preview]{background:#401f1f;border-color:#9a5555;color:#ffc2c2}
@media(max-width:720px){.environment-badge{display:inline-flex!important;font-size:9px;padding:3px 6px;margin-top:3px}}


/* Owner WhatsApp composer: personal channel stays private; company channel is a deliberate handoff. */
.whatsapp-composer{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}
.whatsapp-composer::backdrop{background:#0009}
.whatsapp-composer form{padding:20px}
.whatsapp-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.whatsapp-composer-head h2{margin:2px 0 0;font-size:calc(22px * var(--crm-text-scale,1))}
.whatsapp-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);margin-bottom:12px}
.whatsapp-contact strong{font-size:calc(14px * var(--crm-text-scale,1))}
.whatsapp-contact span{font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted)}
.whatsapp-senders{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.whatsapp-senders button{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--ink);font-weight:600}
.whatsapp-senders button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface)}
.whatsapp-state{margin:10px 0;padding:10px 12px;border-inline-start:3px solid var(--accent);background:var(--surface2);border-radius:7px;font-size:calc(11px * var(--crm-text-scale,1));line-height:1.7}
.whatsapp-thread-preview{max-height:190px;overflow:auto;display:grid;gap:7px;padding:10px 0;margin-bottom:8px}
.whatsapp-thread-preview>strong{font-size:calc(11px * var(--crm-text-scale,1));color:var(--muted)}
.whatsapp-preview-message{max-width:86%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.whatsapp-preview-message.out{margin-inline-start:auto;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.whatsapp-preview-message p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc(11px * var(--crm-text-scale,1));line-height:1.55}
.whatsapp-preview-message small{color:var(--muted);font-size:calc(9px * var(--crm-text-scale,1))}
.whatsapp-ai-draft{margin:10px 0;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--page)}
.whatsapp-ai-draft:empty{display:none}.whatsapp-ai-draft strong,.whatsapp-ai-draft small{display:block}.whatsapp-ai-draft p{white-space:pre-wrap;line-height:1.6}
.whatsapp-message-label{display:flex;flex-direction:column;gap:7px;font-size:calc(11px * var(--crm-text-scale,1));font-weight:600}
.whatsapp-message-label textarea{box-sizing:border-box;width:100%;min-height:120px;resize:vertical;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--ink);font:inherit;line-height:1.65}
.whatsapp-compose-actions,.whatsapp-company-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.whatsapp-compose-actions .primary,.whatsapp-company-actions .primary{background:#a88018;color:#fff;border:1px solid #977213;border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none}
.whatsapp-compose-actions .quiet,.whatsapp-company-actions .quiet{margin:0}
.whatsapp-composer a[aria-disabled=true]{opacity:.5;pointer-events:none}
.whatsapp-composer .error{min-height:1.4em;color:#b3261e;margin:10px 0 0}
.whatsapp-today-action{margin-inline-start:6px}
.channel-icon.whatsapp-compose-open{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));cursor:pointer}
@media(max-width:520px){
 .whatsapp-composer{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}
 .whatsapp-composer form{padding:14px}
 .whatsapp-contact{align-items:flex-start;flex-direction:column}
 .whatsapp-senders{grid-template-columns:1fr}
 .whatsapp-message-label textarea{font-size:16px;min-height:112px}
 .whatsapp-compose-actions,.whatsapp-company-actions{display:grid;grid-template-columns:1fr}
 .whatsapp-compose-actions>*:not(.hidden),.whatsapp-company-actions>*:not(.hidden){width:100%;box-sizing:border-box;text-align:center}
}


/* Direct campaigns shortcut in the primary CRM navigation. */
.crm-nav .nav-primary .nav-route{display:flex;align-items:center;gap:11px;color:#dbe5ee;background:transparent;border:0;border-radius:7px;padding:11px 10px;text-align:start;font-size:calc(13px * var(--crm-text-scale,1));min-height:42px;text-decoration:none}
.crm-nav .nav-primary .nav-route svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.crm-nav .nav-primary .nav-route:hover{background:#1d3042;color:#fff}
@media(max-width:1100px) and (min-width:761px){.crm-nav .nav-primary .nav-route{font-size:calc(12px * var(--crm-text-scale,1));padding:10px 7px;gap:8px}}
@media(max-width:760px){
 .crm-nav .nav-primary .nav-group{grid-template-columns:repeat(4,minmax(0,1fr))}
 .crm-nav .nav-primary .nav-route{justify-content:center;white-space:normal;color:var(--ink);border:1px solid var(--line);background:var(--surface);min-height:44px;font-size:calc(13px * var(--crm-text-scale,1));padding:9px 5px;gap:5px}
 .crm-nav .nav-primary .nav-route svg{display:none}
 .crm-nav .nav-primary .nav-route:hover{color:var(--ink);background:var(--surface2)}
}