/* 29 October: content-only refinement. The application frame, team/payroll rows,
   balance, SIP controls and their handlers are intentionally outside this sheet. */
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page){color:var(--bl-text-primary);--module-purple:var(--brand);--module-ink:var(--bl-text-primary);--module-muted:var(--bl-text-secondary);--module-line:var(--bl-border)}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(.page-head,.wf-head,.ig-heading,.okb-head){margin-bottom:20px!important}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(.page-head,.wf-head,.ig-heading,.okb-head) p{max-width:70ch;line-height:1.5;color:var(--bl-text-primary)}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(button.primary,.primary[role=button]){background:var(--brand)!important;border-color:var(--brand)!important;color:var(--panel)!important;box-shadow:none!important}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) button.primary:hover:not(:disabled){background:var(--brand-hover)!important;border-color:var(--brand-hover)!important}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(input,select,textarea){border-color:var(--bl-input-border);color:var(--bl-text-primary);accent-color:var(--brand)}
#app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :focus-visible{outline:2px solid var(--bl-focus-ring)!important;outline-offset:3px}
/* CRM commands: calm hierarchy, visible search, balanced rows left intact. */
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio .crm-header-surface{border-color:var(--bl-border)!important;border-radius:14px!important;box-shadow:none!important;background:var(--panel)!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio .crm-reg-head h1{color:var(--bl-text-primary)!important;letter-spacing:-.02em!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio :is(.crm-reference-presets) button{color:var(--bl-text-secondary)}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-column{background:var(--bl-background)!important;border:1px solid var(--bl-border)!important;border-radius:12px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-column>header{padding:10px 12px!important;min-height:44px!important;background:var(--bl-background)!important;border-bottom:1px solid var(--bl-border)!important;gap:8px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-column>header h2{font-size:13px!important;font-weight:650!important;color:var(--bl-text-primary)!important;line-height:1.4!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-cards{padding:8px!important;gap:8px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card{padding:10px 12px!important;border:1px solid var(--bl-border)!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:none!important;gap:3px!important;min-height:0!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card-top b{font-size:14px!important;line-height:20px!important;color:var(--bl-text-primary)!important;font-weight:650!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card-meta{margin:0!important;line-height:1.5!important;font-size:12px!important;min-height:20px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-fields>div{font-size:11px!important;line-height:1.45!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-card-appointment{margin:0!important;padding:0!important;font-size:12px!important;line-height:1.5!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-note{margin:2px 0!important;padding:0!important;font-size:12px!important;line-height:1.45!important;color:var(--bl-text-secondary)!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card-foot{padding-top:6px!important;margin-top:3px!important;border-top:1px solid var(--bl-border)!important;min-height:30px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card .crm-copy-value{opacity:.7!important}
@media(hover:hover){body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card:hover{border-color:var(--brand-border)!important;box-shadow:var(--design-shadow)!important}body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card:hover .crm-copy-value{opacity:1!important}}
/* Reports: use the same surfaces and numeric rhythm as the workspace. */
#app .ws-reports{--mr-ink:var(--bl-text-primary);--mr-muted:var(--bl-text-secondary);--mr-border:var(--bl-border);--mr-purple:var(--brand)}
#app .ws-reports .modern-card{border:1px solid var(--bl-border)!important;border-radius:14px!important;box-shadow:none!important}
#app .ws-reports :is(.modern-kpis strong,.report-kpi strong,.heat-summary strong){font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#app .ws-reports :is(.report-status-item span,.heat-summary span,.heat-summary p,.heat-legend,.hourly-footnote){color:var(--bl-text-secondary)!important}
#app .ws-reports .heat-level-0{background:var(--bl-background);color:var(--bl-text-secondary);border-color:var(--bl-border)}
#app .ws-reports .heat-level-1{background:var(--brand-soft);color:var(--brand-pressed)}
#app .ws-reports .heat-level-2{background:var(--brand-border);color:var(--brand-pressed)}
#app .ws-reports .heat-level-3{background:var(--brand);color:var(--panel)}
#app .ws-reports .heat-level-4{background:var(--brand-hover);color:var(--panel)}
#app .ws-reports .heat-level-5{background:var(--brand-pressed);color:var(--panel)}
#app .ws-reports .heat-hour.heat-peak{box-shadow:none;outline:2px solid var(--brand);outline-offset:2px}
/* Planning and secondary content: work surfaces, not nested decorative tiles. */
#app .ws-schedule .wf-toolbar{border:1px solid var(--bl-border)!important;border-radius:12px!important;background:var(--panel)!important;box-shadow:none!important}
#app .ws-schedule .wf-summary{gap:12px!important}
#app .ws-schedule .wf-summary>div{border-color:var(--bl-border)!important;background:var(--panel)!important;box-shadow:none!important;border-radius:12px!important}
#app .ws-schedule :is(.wf-switch,.ws-planner-heading){margin-bottom:16px!important}
#app .ws-schedule :is(.wf-empty,.ws-empty){padding:32px 20px;line-height:1.6;color:var(--bl-text-secondary)}
#app .ws-knowledge-page :is(.okb-tree,.okb-article){border-color:var(--bl-border)!important;border-radius:14px!important;box-shadow:none!important}
#app .ws-knowledge-page .okb-tree-item.active{background:var(--brand-soft)!important;color:var(--brand)!important}
#app .ws-knowledge-page .okb-catalog-row{min-height:80px!important;padding:16px 20px!important;gap:12px!important;border-bottom-color:var(--bl-border)!important;color:var(--bl-text-primary)!important}
#app .ws-knowledge-page .okb-catalog-icon{background:var(--brand-soft)!important;color:var(--brand)!important;width:34px;flex-basis:34px;height:36px;border-radius:9px!important}
#app .ws-knowledge-page .okb-catalog-row:hover{background:var(--bl-background)!important}
#app .ws-knowledge-page .okb-content{max-width:72ch;font-size:15px!important;line-height:1.75!important;color:var(--bl-text-primary)!important}
#app .ws-knowledge-page .okb-content :is(h2,h3){margin:1.5em 0 .6em;line-height:1.35}
#app .ws-knowledge-page .okb-article-inner{padding:24px 28px!important}
#app .ws-knowledge-page .okb-catalog-count{background:var(--bl-background)!important;color:var(--bl-text-secondary)!important}
#app :is(.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(.ig-card,.ig-provider,.ig-panel,.settings-card,.card){border-color:var(--bl-border)!important;border-radius:14px!important;box-shadow:none!important}
#app .ws-integrations .ig-home-help{max-width:70ch;color:var(--bl-text-secondary)}
#app :is(.crm-rights-page,.blacklist-page,.referrals-page) :is(.muted,small){color:var(--bl-text-primary)}
#app :is(.blacklist-page,.referrals-page) :is(.table,.referral-table){border-color:var(--bl-border)!important;border-radius:12px!important;overflow-x:auto;max-width:100%}
#app .crm-rights-page .crm-rights-actions{border-top:1px solid var(--bl-border);padding-top:20px}
@media(max-width:760px){
 #app :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) :is(.page-head,.wf-head,.ig-heading,.okb-head){gap:12px!important;flex-wrap:wrap;margin-bottom:16px!important}
 #app .ws-knowledge-page .okb-article-inner{padding:20px!important}
 #app .ws-knowledge-page .okb-catalog-row{padding:16px!important;min-height:76px!important}
 body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-card{padding:10px 12px!important}
}
@media(prefers-reduced-motion:reduce){#app :is(.ps-projects,.approved-crm,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-kanban-fields{padding:0!important;border:0!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:3px 0!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-reference-confirm{min-height:0!important;gap:3px!important;line-height:1.5!important;font-size:11px!important;white-space:normal!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-reference-confirm :is(small,b){font-size:11px!important;line-height:1.5!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio .crm-reg-head h1{font-size:22px!important;line-height:1.3!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio .crm-reference-presets button{font-size:12px!important;min-height:32px!important}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio .crm-reference-presets button[aria-pressed=true]{color:var(--brand)!important;border-color:var(--brand)!important}
#app .ws-reports .modern-report-groups{display:flex;align-items:center;gap:4px;padding:6px!important;background:var(--panel);border:1px solid var(--bl-border)!important;border-radius:12px!important;box-shadow:none!important;margin:12px 0 16px!important}
#app .ws-reports .modern-report-groups>button{border:0!important;border-radius:8px!important;min-height:36px;padding:8px 14px!important;color:var(--bl-text-secondary)!important;font-size:13px!important;background:none!important;white-space:nowrap}
#app .ws-reports .modern-report-groups>button.active{background:var(--brand-soft)!important;color:var(--brand)!important;font-weight:650!important;box-shadow:none!important}
#app .ws-reports .modern-report-groups>select{margin-left:auto!important;max-width:280px!important;border-color:var(--bl-input-border)!important;min-height:36px!important;border-radius:8px!important;color:var(--bl-text-primary)!important}
#app .ws-reports .modern-report-filters{padding:12px!important;background:var(--panel)!important;border:1px solid var(--bl-border)!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:12px!important;gap:8px!important}
#app .ws-reports .report-appointment-summary{margin:0 0 16px!important}
#app .ws-reports .reports-live-strip{padding:8px 0!important;color:var(--bl-text-secondary)!important;font-variant-numeric:tabular-nums}
#app .ws-knowledge-page .okb-tree-name{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere;line-height:1.5}
#app .ws-knowledge-page .okb-tree-item{align-items:start!important}
#app .ws-knowledge-page .okb-tree-item small{padding-top:2px;font-size:10px}
#app .ws-integrations .ig-provider:has(>.ws-provider-header){display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;padding:20px!important;align-content:start!important;align-items:center!important}
#app .ws-integrations .ig-provider:has(>.ws-provider-header)>.ws-provider-header{grid-column:1/-1;margin:0!important}
#app .ws-integrations .ig-provider:has(>.ws-provider-header)>p{grid-column:1/-1;margin:0!important;font-size:13px!important;line-height:1.6!important;min-height:42px}
#app .ws-integrations .ig-provider:has(>.ws-provider-header)>.ws-provider-status{grid-row:3;justify-self:start;margin:0!important}
#app .ws-integrations .ig-provider:has(>.ws-provider-header)>.primary{grid-row:3;grid-column:2;justify-self:end;margin:0!important;min-height:38px!important;font-size:12px!important}
@media(max-width:760px){#app .ws-reports .modern-report-groups{flex-wrap:wrap!important;gap:4px!important}#app .ws-reports .modern-report-groups>button{min-height:44px;padding-inline:10px!important;font-size:12px!important}#app .ws-reports .modern-report-groups>select{flex:1 1 100%;max-width:none!important;width:100%;margin:4px 0 0!important;min-height:44px!important}#app .ws-integrations .ig-provider:has(>.ws-provider-header)>.primary{min-height:44px!important}}
/* Contact detail is a content dialog within the unchanged application frame. */
body .approved-crm-contact .approved-crm-contact-grid{gap:16px!important}
body .approved-crm-contact .approved-crm-card{border-color:var(--bl-border)!important;border-radius:12px!important;box-shadow:none!important}
body .approved-crm-contact .crm-preview-identity h2{color:var(--bl-text-primary)!important;line-height:1.3!important}
body .approved-crm-contact :is(.approved-section-edit,.crm-contact-schema-settings){border-color:var(--brand-border)!important;color:var(--brand)!important;background:var(--brand-soft)!important}
body .approved-crm-contact :is([data-approved-task],.approved-crm-comment-form button[type=submit]){background:var(--brand)!important;border-color:var(--brand)!important;color:var(--panel)!important;box-shadow:none!important}
body .approved-crm-contact :is(input,textarea,select){border-color:var(--bl-input-border)!important;color:var(--bl-text-primary);accent-color:var(--brand)}
body .approved-crm-contact :focus-visible{outline:2px solid var(--bl-focus-ring)!important;outline-offset:3px}
body #app .shell.design-workspace.reference-crm-shell .crm-registry-page.approved-crm.crm-filter-studio.crm-kanban-focus .crm-reference-confirm b{padding:1px 2px!important}
/* On phones the existing sidebar is hidden. Give these content surfaces its
   unused gutter without changing the sidebar or the protected header itself. */
@media(max-width:760px){
 body #app .shell.design-workspace.reference-crm-shell>main.content:has(.ps-projects,.crm-registry-page,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page){margin-left:0!important;width:100%!important;transition:none!important}
 body #app .shell.design-workspace.reference-crm-shell .ps-projects{padding:0!important}
}
body #app .shell.design-workspace :is(.ps-projects,.ws-reports,.ws-schedule,.ws-knowledge-page,.ws-integrations,.crm-rights-page,.blacklist-page,.referrals-page) button.primary:disabled{background:var(--brand-soft)!important;border-color:var(--bl-border)!important;color:var(--bl-text-secondary)!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important}
#app .crm-rights-page .crm-rights-intro{background:var(--brand-soft)!important;border-color:var(--brand-border)!important;color:var(--bl-text-primary)!important}
#app .crm-rights-page .crm-rights-intro>strong{color:var(--brand);min-width:150px;line-height:1.5}
#app .ws-referrals .ws-referral-metrics{gap:12px;margin-block:16px 20px}
#app .ws-referrals .ws-referral-metrics article{padding:16px;border-color:var(--bl-border);border-radius:12px}
#app .ws-referrals .ws-referral-metrics strong{margin-top:6px;font-size:24px;font-variant-numeric:tabular-nums;color:var(--bl-text-primary)}
#app .ws-referrals .ws-referral-list{border-color:var(--bl-border);border-radius:14px;padding:20px}
#app .ws-blacklist .ws-blacklist-catalog,#app .ws-rights :is(.ws-rights-toolbar,.crm-rights-people){border-color:var(--bl-border)}
