/* Screen-level composition for the Smart LeadGen CRM preview.
   Primitives live in the design system; only screen layout belongs here. */
.crm-kpis{display:flex;align-items:center;gap:var(--space-800);padding:var(--space-300) var(--space-400);flex-wrap:wrap}
.crm-kpis__set{display:flex;gap:var(--space-800);margin-left:auto;flex-wrap:wrap}
.crm-focus{display:flex;align-items:center;gap:var(--space-200);padding:var(--space-100) 0}
.crm-tile{display:flex;flex-direction:column;gap:var(--space-150);padding:var(--space-300);border:0;background:var(--color-bg-surface-secondary);border-radius:var(--radius-200);cursor:pointer;text-align:start;transition:background-color var(--motion-hover),box-shadow var(--motion-hover)}
.crm-tile:hover{background:var(--color-bg-surface);box-shadow:var(--shadow-100)}
.crm-listrow{display:flex;align-items:center;gap:var(--space-300);width:100%;padding:var(--space-200) var(--space-400);border:0;background:transparent;cursor:pointer;text-align:start;transition:background-color var(--motion-hover)}
.crm-listrow:hover{background:var(--color-bg-surface-hover)}
.crm-activity{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-400)}
.crm-bulkbar{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-200) var(--space-300);background:var(--color-bg-surface-secondary);border-bottom:var(--border-width-025) solid var(--color-border-secondary)}
.crm-meter{height:6px;border-radius:var(--radius-full);background:var(--color-bg-fill-secondary);overflow:hidden}
.crm-meter span{display:block;height:100%;background:var(--color-bg-fill-brand)}
.crm-bar{height:10px;border-radius:var(--radius-100);background:var(--color-bg-fill-secondary);overflow:hidden}
.crm-bar span{display:block;height:100%;border-radius:var(--radius-100);background:var(--color-bg-fill-brand)}
.crm-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-200)}
.crm-theme{display:flex;align-items:center;gap:var(--space-200);height:var(--space-1000);padding-inline:var(--space-300);border:var(--border-width-025) solid var(--color-border);border-radius:var(--radius-200);background:var(--color-bg-surface);cursor:pointer;text-align:start;transition:background-color var(--motion-hover),border-color var(--motion-hover)}
.crm-theme:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover)}
.crm-theme.is-selected{border-color:var(--color-border-brand);background:var(--color-bg-surface-selected)}
.crm-theme__chip{width:20px;height:20px;border-radius:var(--radius-200);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
.crm-theme__name{flex:1 1 auto;font-size:var(--type-body-md-size);color:var(--color-text)}
.crm-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-300);padding:var(--space-2400) var(--space-400);text-align:center}

/* lead search + detail */
.crm-step{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-200) var(--space-400)}
.crm-step__index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-fill-transparent-secondary);font-size:var(--type-body-sm-size);color:var(--color-text-secondary);flex:0 0 auto}
.crm-recent{display:flex;align-items:center;gap:var(--space-300);width:100%;padding:var(--space-300) var(--space-400);border:0;background:transparent;cursor:pointer;text-align:start;transition:background-color var(--motion-hover)}
.crm-recent:hover{background:var(--color-bg-surface-hover)}
.crm-evidence{display:flex;align-items:flex-start;gap:var(--space-300);padding:var(--space-300) var(--space-400)}
.crm-approval{display:flex;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-400)}

/* replies */
.crm-thread{display:flex;align-items:flex-start;gap:var(--space-300);width:100%;padding:var(--space-300) var(--space-400);border:0;background:transparent;cursor:pointer;text-align:start;transition:background-color var(--motion-hover)}
.crm-thread:hover{background:var(--color-bg-surface-hover)}
.crm-thread.is-selected{background:var(--color-bg-surface-selected)}

/* opportunities board */
.crm-board{display:grid;grid-auto-flow:column;grid-auto-columns:264px;gap:var(--space-300);overflow-x:auto;padding-bottom:var(--space-200)}
.crm-column{display:flex;flex-direction:column;gap:var(--space-200);padding:var(--space-300);background:var(--color-bg-surface-secondary);border-radius:var(--radius-300)}
.crm-column__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200)}
.crm-column__count{padding-inline:var(--space-200);border-radius:var(--radius-200);background:var(--color-bg-fill-transparent-secondary);font-size:var(--type-body-sm-size);color:var(--color-text-secondary)}
.crm-column__empty{padding:var(--space-400);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-200)}
.crm-deal{display:flex;flex-direction:column;gap:var(--space-150);padding:var(--space-300);background:var(--color-bg-surface);border-radius:var(--radius-200);box-shadow:var(--shadow-100);cursor:pointer;transition:box-shadow var(--motion-hover)}
.crm-deal:hover{box-shadow:var(--shadow-200)}