/* Workspace surfaces and comfortable text. Inputs stay at 16px to prevent
   automatic focus zoom on mobile Safari while preserving pinch zoom. */
.crm-body { --bg-elev:#17191b; --bg-inset:#101214; --fg:#f6f4ef; --fg-muted:#c2beb7; --fg-dim:#aaa69f; --line:rgba(220,204,181,.23); --line-soft:rgba(220,204,181,.17); background:#101214; font-size:16px; overflow-x:clip; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.crm-body *, .crm-body *::before,.crm-body *::after { box-sizing:border-box; }
.crm-body [hidden] { display:none!important; }
.crm-body input,.crm-body select,.crm-body textarea { font-size:16px!important; line-height:1.5; min-width:0; max-width:100%; }
.crm-body :focus-visible { outline:2px solid #e3bd86; outline-offset:3px; }
.crm-body .btn,.crm-menu button,.crm-menu a { min-height:44px; font-size:14px; letter-spacing:0; }
.crm-body .btn { text-transform:none; }
.crm-body label,.crm-body small,.crm-body time,.crm-body .crm-form-status { font-size:13px; letter-spacing:0; text-transform:none; }
.crm-body p { line-height:1.65; }
.crm-auth { min-height:100svh; }
.crm-auth__card { padding-block:32px; }
.crm-shell { grid-template-columns:212px minmax(0,1fr); }
.crm-sidebar { background:#101112; }
.crm-menu { gap:8px; }
.crm-menu em { font-style:normal; }
.crm-topbar { background:#101214; flex-wrap:wrap; gap:16px; }
.crm-topbar h1 { font-weight:500; }
.crm-topbar__actions { flex-wrap:wrap; }
.crm-search { width:300px; min-height:46px; }
.crm-metrics { gap:16px; }
.crm-metric { border-radius:8px; min-height:96px; }
.crm-metric small,.crm-column__title { text-transform:none; font-size:14px; letter-spacing:0; }
.crm-metric strong { font-weight:500; }
.crm-section-head p,.crm-metric span,.crm-column__count,.crm-empty { font-size:14px; }
.crm-column { background:#111315; border-radius:10px; }
.crm-column__head { background:#17191b; }
.crm-card { border-radius:8px; padding:17px; }
.crm-card__top strong { font-size:16px; }
.crm-priority,.crm-card__tags span { font-size:12px; text-transform:none; letter-spacing:0; }
.crm-card__contact,.crm-card__property,.crm-card__bottom { font-size:13px; }
.crm-card__property { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.crm-card__next { color:#e9c796; font-size:13px; margin:12px 0 0; }
.crm-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:0 0 20px; }
.crm-filters label { display:grid; gap:5px; flex:1 1 150px; }
.crm-filters select,.crm-filters input { width:100%; padding:10px; background:var(--bg-elev); color:var(--fg); border:1px solid var(--line); border-radius:6px; }
.crm-scope { color:var(--fg-muted); font-size:14px; }
.crm-today-list { display:grid; gap:12px; max-width:1050px; }
.crm-today-item { text-align:left; color:var(--fg); padding:20px; border:1px solid var(--line); border-radius:8px; background:var(--bg-elev); display:grid; gap:6px; }
.crm-today-item strong { font-size:17px; }
.crm-today-item small { color:var(--fg-muted); }
.crm-today-item .reason { color:#e9c796; }
.crm-task { grid-template-columns:44px minmax(0,1fr) auto; border-radius:8px; }
.crm-task button { width:auto; min-width:44px; height:44px; font-size:14px; padding:8px; }
.crm-task h3 { font-size:16px; }
.crm-task p,.crm-task time { font-size:13px; }
.crm-task-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.crm-task-group { font-size:19px; margin:20px 0 4px; }
.crm-drawer { width:min(900px,100%); height:100dvh; background:#101214; visibility:hidden; overscroll-behavior:contain; }
.crm-drawer.open { visibility:visible; }
.crm-drawer h2 { font-weight:500; }
.crm-drawer__close,.crm-icon-button { width:44px; height:44px; }
.crm-drawer__section h3 { font-size:16px; letter-spacing:0; text-transform:none; }
.crm-drawer__section p,.crm-drawer__section strong,.crm-lead-summary strong,.crm-original-message { font-size:14px; }
.crm-lead-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.crm-lead-summary strong { white-space:normal; overflow-wrap:anywhere; }
.crm-drawer-tabs { display:flex; overflow-x:auto; gap:4px; position:sticky; top:-34px; z-index:5; background:#101214; padding:12px 0; border-bottom:1px solid var(--line); margin-top:16px; }
.crm-drawer-tabs button { padding:12px; min-height:44px; color:var(--fg-muted); white-space:nowrap; border-bottom:2px solid transparent; }
.crm-drawer-tabs [aria-selected=true] { color:#e9c796; border-color:#e9c796; }
.crm-next-action { background:#22211d; border:1px solid #7d684b; padding:20px; border-radius:8px; margin-top:20px; }
.crm-next-action h3 { margin:0 0 8px; font-size:18px; }
.crm-next-action p { margin:5px 0; }
.crm-stage-control { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.crm-stage-control label { display:grid; gap:6px; }
.crm-provider { border-radius:8px; }
.crm-provider__status { font-size:14px; }
.crm-provider dt,.crm-measurement-note p { font-size:13px; }
.crm-dialog { max-width:calc(100% - 24px); max-height:90dvh; overflow:auto; }
@media(max-width:1100px) { .crm-shell { grid-template-columns:174px minmax(0,1fr); } .crm-topbar { position:static; } .crm-topbar__actions { width:100%; } .crm-brand .crm-brand__wordmark { width:100px; } }
@media(max-width:900px) { .crm-menu button,.crm-menu a { justify-content:flex-start; padding:10px; font-size:14px; } .crm-menu em { display:inline!important; } .crm-brand__monogram { display:none; } .crm-sidebar__footer button { display:block; } .crm-drawer-tabs { top:-24px; } }
@media(max-width:620px) {
 .crm-shell { grid-template-columns:minmax(0,1fr); }
 .crm-auth__card { width:calc(100% - 40px); }
 .crm-main,.crm-topbar,.crm-topbar__actions,.crm-content { width:100%; min-width:0; }
 .crm-sidebar { height:calc(70px + env(safe-area-inset-bottom)); padding:3px 5px calc(3px + env(safe-area-inset-bottom)); }
 .crm-menu { grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; }
 .crm-menu button,.crm-menu a { display:flex; flex-direction:column; justify-content:center; gap:4px; font-size:11px; padding:5px 1px; min-height:60px; }
 .crm-menu span { font-size:20px; }.crm-menu b { display:none!important; }
 .crm-content { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
 .crm-topbar { padding:20px 16px 12px; }.crm-topbar .eyebrow { display:none; }
 .crm-topbar h1 { font-size:25px; }.crm-topbar__actions { margin-top:12px; }
 .crm-search { grid-column:1/-1; grid-row:1; }
 #crm-new-lead { grid-column:2; grid-row:2; }.crm-privacy-toggle { grid-column:1; grid-row:2; }
 .crm-topbar #crm-push-enable,.crm-topbar #crm-push-test { display:none; }
 .crm-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .crm-drawer { padding:20px 16px calc(32px + env(safe-area-inset-bottom)); border:0; }
 .crm-drawer-tabs { top:-20px; }.crm-lead-head { padding-right:32px; }
 .crm-stage-control { grid-template-columns:1fr; }
 .crm-task { grid-template-columns:44px minmax(0,1fr); padding:14px; gap:10px; }
 .crm-task-actions { grid-column:2; }
 .crm-board { display:block; overflow:visible; }.crm-column { width:100%; min-height:0; margin-bottom:16px; }.crm-column__body { grid-template-columns:1fr; }
 .crm-column:has(.crm-empty) { display:none; }
 .crm-curation-card { background:var(--bg-elev); }.crm-tag-form { flex-wrap:wrap; }
 .crm-tag-form label { min-width:0; flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { .crm-body * { transition:none!important; scroll-behavior:auto!important; } }
.crm-body .crm-tag,.crm-body .crm-signal-list span {font-size:13px;}
.crm-body[data-crm-theme=light] {--bg-elev:#fff;--bg-inset:#f4f2ed;--fg:#252721;--fg-muted:#56534d;--fg-dim:#646057;--line:#cec7bb;--line-soft:#ddd6cb;--brand-gold-light:#715023;--brand-gold:#846137;background:#f3f1eb;}
.crm-body[data-crm-theme=light] :is(.crm-sidebar,.crm-topbar,.crm-column,.crm-column__head,.crm-drawer,.crm-drawer-tabs,.crm-curation-builder,.crm-dialog) {background:#f7f5f0;color:#252721;}
.crm-body[data-crm-theme=light] :is(.crm-card__tags span,.crm-tag,.crm-card__next,.crm-today-item .reason,.crm-drawer-tabs [aria-selected=true]) {color:#715023;}
.crm-body[data-crm-theme=light] .crm-next-action {background:#eee5d5;color:#302b23;}
.crm-body[data-crm-theme=light] .crm-curation-card {background:#fff;}
.crm-body[data-crm-theme=light] .crm-brand {background:#121212;border-radius:5px;padding:12px;}
.crm-body[data-crm-theme=light] .crm-priority.urgent {color:#a23219;}
