/* Shared monochrome outlines: color follows the surrounding theme and state. */
.ui-icon { display: inline-block; width: var(--space-xl); height: var(--space-xl); flex: 0 0 auto; vertical-align: middle; }
.action-icon { display: inline-block; line-height: 1; vertical-align: middle; }
.action-icon .ui-icon { width: var(--space-lg); height: var(--space-lg); vertical-align: -.125em; }
.capability-group-title > .ui-icon { color: inherit; }
.journey-steps .tab-label { display: inline-flex; align-items: center; gap: var(--space-sm); }
.journey-steps .tab-label .ui-icon, .dl-stage-name .ui-icon { width: calc(var(--space-lg) + var(--space-xs)); height: calc(var(--space-lg) + var(--space-xs)); }
.dl-stage-name { display: flex; align-items: center; gap: var(--space-sm); }

.lifecycle .stage-tabs .tab-label,.lifecycle .stage-description .field-label{display:flex;align-items:center;gap:var(--space-sm)}
.lifecycle .stage-tabs .ui-icon,.lifecycle .field-label .ui-icon,.lifecycle .lifecycle-brand-icon{width:20px;height:20px;object-fit:contain;flex:0 0 20px}

/* Opportunity tabs use their own icons while preserving the shared outline style. */
.case-tabs .tab-label{display:inline-flex;align-items:center;gap:var(--space-sm)}
.case-tabs .tab-label .ui-icon{width:20px;height:20px}
@media(max-width:520px){.case-tabs .tab-label{flex-direction:column;gap:var(--space-xs)}}

/* Dedicated AI Coach symbols, using the shared rounded outline renderer. */
.coach-icon{display:inline-flex;color:var(--ink-blue)}
.coach-icon .ui-icon{width:32px;height:32px}

/* Data cards: source events and prioritized opportunities. */
.data-card-label{display:flex;align-items:center;gap:var(--space-md)}
.data-card-icon{display:inline-flex;color:var(--ink-blue)}
.data-card-icon .ui-icon{width:32px;height:32px}

/* Demo expectations and pilot steps share icons where their meaning matches. */
.demo-agenda { list-style: none; margin: var(--space-2xl) 0 0; padding: 0; display: grid; gap: var(--space-lg); }
.demo-agenda li { display: flex; align-items: center; gap: var(--space-lg); }
.meeting-icon, .pilot-step-icon, .opportunity-icon { display: inline-flex; flex-shrink: 0; color: var(--ink-blue); }
.meeting-icon .ui-icon, .opportunity-icon .ui-icon { width: 32px; height: 32px; }
.pilot-step-icon .ui-icon { width: 24px; height: 24px; }
.fit-points > div { align-items: center; gap: var(--space-md); }
.fit-points .ordinal { flex-shrink: 0; }
.opportunity-label, .ua-step-heading { display: flex; align-items: center; gap: var(--space-md); }
.ua-step-heading { justify-content: space-between; }

/* Compact symbols identify the six core capabilities. */
.core-capability-heading { display: flex; align-items: flex-start; gap: var(--space-md); }
.core-capability-heading > .ui-icon { width: 24px; height: 24px; color: var(--capability-accent); }