/* Shared branding treatment in the CRM and its preview. */
:root { --accent-soft:#f6fbe9; --accent-text:#526129; --accent-nav:#e7ffaf; }
.brand { grid-template-columns:var(--logo-size) minmax(0,1fr); gap:10px; }
.brand strong { overflow-wrap:anywhere; line-height:1.2; }
.brand small { display:none; }
.brand:hover .brand-mark { filter:none; }
.nav-item.is-active { box-shadow:inset 3px 0 0 var(--acid); }
.nav-item.is-active .nav-icon { color:var(--accent-nav); }
.nav-item:hover { background:var(--sidebar-active); color:var(--sidebar-fg); }
.lime,.assessment-summary article>span,.person>i { background:var(--accent-soft); color:var(--accent-text); }
.top-actions>button.primary,.management-save button,.login-state .primary-link { background:var(--acid); color:var(--accent-ink); border-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color:var(--accent-text); }
.filter-tabs button.is-active,.filter-tabs button.active,.recommendation,.report-signal { background:var(--accent-soft); color:var(--accent-text); }
.recommendation p,.recommendation small,.settings-link,.connection-note button,.panel-head button { color:var(--accent-text); }
.pipeline-bars .tone-2,.score-bars i>b { background:var(--acid); }
.assessment-summary article { border-top:2px solid var(--acid); }
.table-row:hover { background:var(--accent-soft); }
#refresh-dashboard { width:auto; padding:0 12px; }

.assessment-summary article { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:start; gap:10px 12px; padding:18px; }
.assessment-summary article>span { margin:0; }
.assessment-summary article>p { margin:0; min-width:0; }
.assessment-summary article>strong { grid-column:2; margin:0; font-size:28px; line-height:1.1; }
.assessment-summary article>strong small { font-size:10px; font-weight:400; margin-left:4px; }


/* Client template options are intentionally small presentation overrides. */
html[data-client-density="compact"] .content { padding-top:22px; }
html[data-client-density="compact"] .metric-grid, html[data-client-density="compact"] .overview-grid { gap:10px; }
html[data-client-density="compact"] .metric, html[data-client-density="compact"] .panel { padding-top:13px; padding-bottom:13px; }
html[data-client-corners="structured"] .panel, html[data-client-corners="structured"] .metric,
html[data-client-corners="structured"] .assessment-summary article, html[data-client-corners="structured"] .board>article,
html[data-client-corners="structured"] .data-table, html[data-client-corners="structured"] .account { border-radius:4px; }